after the 'accessibility' div should contain:
3 col fixed: id="fixed" class="hasrightcol"
2 col fixed: id="fixed"
2 col liquid: id="liquid"
1 col fixed: id="fixed" class="noleftcol"
1 col liquid: id="liquid" class="noleftcol"
~ Expanded header pages
The first
after the 'accessibility' div should contain:
3 col fixed: id="fixed" class="hasrightcol expheader"
2 col fixed: id="fixed" class="expheader"
1 col fixed: id="fixed" class="noleftcol expheader"
x Not Recommended: Expanded header liquid layout
2 col liquid: id="liquid" class="expheader"
1 col liquid: id="liquid" class="noleftcol expheader"
*/
/* 1. ----- CSS Reset -------------------------------------------------------------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}ul li{list-style:none;}caption{text-align:left;}th{text-align:center;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}table{font-size:inherit;font:100%;}pre,code,tt{font-family:monospace;*font-size:108%;line-height:100%;}th,td{margin:0;}
/* 2. ----- Typography -------------------------------------------------------------------------------- */
body {font-family:Tahoma, helvetica, arial, sans-serif;font-size:13px;line-height:1.4em;text-align:center;}
a {color:#365C9A;text-decoration:none;}
a:hover {color:#FF6600;text-decoration:underline;}
#contentarea p a,
#contentarea li a,
#contentarea td a,
#contentarea caption a,
#contentarea span a{text-decoration:underline;}
p {margin:5px 15px 15px 0px;line-height:1.35em;}
i,.italic,em {font-style:italic;}
b,.bold,strong,
h1,h2,h3,h4,h5 {font-weight:bold;}
h1 a,h2 a,h3 a,
h6 a {text-decoration:none;}
h1 {color:#011445;font-size:1.5em;line-height:0.95em;padding:5px 10px 5px 0px;margin:0 0 10px 0;border-bottom: 1px dotted #011445;}
h1 a,h1 a:hover {text-decoration:none;color:#011445;}
h2 {color:#011445;width:420px;background:url('/_graphics/css_skin/h2_bg.jpg') no-repeat right bottom;font-size:1.1em;margin:25px 10px 5px 10px;padding:2px 10px 3px 0px;}
h2 a,h2 a:hover {text-decoration:none;color:#011445;}
h3 {color:#011445;font-size:1em;margin:20px 0px 0px 20px;}
h3 a,h3 a:hover {text-decoration:none;color:#011445;}
h4, h5 {color:#333;font-size:0.95em;margin:20px 0px 2px 40px;}
h4 a, h5 a {text-decoration:underline;}
blockquote {border-left:5px solid #202964;background:#fff url('/_graphics/css_skin/blockquote_bg.jpg') no-repeat bottom right;padding:5px 20px 5px 10px;margin:5px 10px 30px 40px;width:80%;
-moz-box-shadow:0px 5px 5px #cccccc;-webkit-box-shadow:0px 5px 5px #cccccc;box-shadow:0px 5px 5px #cccccc;}
acronym, abbr {border-bottom:1px dotted #999;cursor:help;}
/*------ NonCompliant HTML Indicators and Correctors --------*/
b, i, u, font, center {color:#333;}
blink, marquee {display:none;}
u {text-decoration:none;}
/* 3. ----- Typography Classes ---------------------------------------------------------------------------- */
.jumbo,.jumbo td,.jumbo th,.jumbo a {font-size:1.5em;}
.large,.large td,.large th {font-size:1.25em;}
.medium,.medium td,.medium th,.medium a {font-size:1em;}
.small,.small td,.small th,.small a {font-size:0.75em;}
/*-------- Text Color ----------------------*/
.fblue,.fdefaultColor {color:#365C9A;}
.fdarkblue {color:#0A1843;}
.fdarkgray {color:#666;}
.fgray {color:#8D939A;}
.fgreen {color:#046303;}
.forange {color:#FF8A00;}
.fred {color:#9F0000;}
.fwhite {color:#fff;}
/* 4. ----- Formatting Tags and Classes -------------------------------------------------------------------------------- */
hr {border-style:solid;border-width:0 0 1px 0;border-color:#365C9A;}
.clearboth {clear:both;}
div.clearboth {overflow:hidden;}
.indent {margin-left:10px;}
.subindent,
.indenth2 {margin-left:20px;}
.subsubindent,
.indenth3 {margin-left:30px;}
.indenth4,
.indenth5 {margin-left:50px;margin-bottom:15px;margin-top:2px;}
.indenth6 {margin-left:60px;}
.indenth2 li,
.indenth3 li,
.indenth4 li,
.indenth5 li,
.indenth6 li {margin-bottom:10px;}
.borderleft {border-left:2px solid #999;padding-left:5px;margin-left:5px;}
.alignleft {float:left;}
img.alignleft {margin:0 10px 5px 0;clear:left;}
.alignright {float:right;}
img.alignright {margin:0 0 5px 30px;clear:right;}
.aligncenter {margin-left:auto;margin-right:auto;text-align:center;}
img.aligncenter {display:block;}
p.aligncenter {text-align:center;}
.outline,.border{border:1px solid #000;}
.box {border:1px solid #0c0c0c;padding:5px;}
.onewide {width:100px;}
.twowide {width:200px;}
.threewide {width:300px;}
.fourwide {width:400px;}
.fivewide {width:500px;}
.sixwide {width:600px;}
.sevenwide {width:700px;}
.topmargin {margin-top:15px;}
.topmarginmore {margin-top:30px;}
.bottommargin {margin-bottom:30px;}
.bottommarginmore {margin-bottom:45px;}
.upmargin {margin-top:-15px;}
.upmarginmore {margin-top:-30px;}
.block {display:block;}
.hidden {display:none;}
.lightshadow {-moz-box-shadow:0px 5px 5px #cccccc;-webkit-box-shadow:0px 5px 5px #cccccc;box-shadow:0px 5px 5px #cccccc;}
/* --- definition list ---- */
dt {font-weight:bold;color:#333333;font-size:0.95em;margin:20px 0px 2px 40px;}
dt a, dd a {text-decoration:underline;}
dd {line-height:1.35em;margin-right:15px;margin-bottom:15px;margin-left:50px;margin-top:2px;}
/* Definition List with 40px wide icon on the left */
.iconleft a img{padding:4px 10px 0 0;float:left;}
.iconleft dl{width:365px;float:left;}
.iconleft dt{margin:0 0 5px 0;}
.iconleft dd{margin:0 0 20px 0;}
/* ------- List Items ------------------- */
ul {padding-left:15px;padding-bottom:10px;margin-left:10px;}
ol ul, ul ul {padding:2px 0px 4px 15px;}
ol {padding-left:20px;margin-left:0px;}
ol ol, ul ol {padding:5px 0px 5px 10px;}
ol li {line-height:1.5em;}
ul li {line-height:1.5em;list-style-type:square;}
ul li ul li {list-style-type:circle;}
ul li ul li ul li {list-style-type:disc;}
.type1 {list-style:url('/_graphics/css_skin/bullet001.gif') square;}
.bullet1 {line-height:20px;padding-left:12px;margin-left:6px;background:transparent url('/_graphics/css_skin/bullet001.gif') left center no-repeat;}
/*-------- Backgrounds ----------------*/
.defaultColor {background-color:#e6e6e6;}
.darkblue {background-color:#0A1843;}
.lightblue {background-color:#C3CBDF;}
.darkgray {background-color:#666;}
.gray {background-color:#ccc;}
.lightgray {background-color:#EFEFEF;}
.darkgreen {background-color:#046303;}
.lightgreen {background-color:#B5E1B5;}
.darkorange {background-color:#FF8A00;}
.lightorange {background-color:#F6BD0C;}
.darkred {background-color:#9F0000;}
.lightred {background-color:#EFD1D1;}
.standard_mediumgray {background-color:#EFEFEF;}
.white {background-color:#fff;}
/* ------- Fieldsets ------------------- */
.fieldset_white {background:#fff;}
.fieldset_lightgray {background:#E6E6E6;}
.fieldset_gray {background:#ccc;}
.fieldset_gray,
.fieldset_lightgray,
.fieldset_white {padding:4px 10px 10px 10px;margin-bottom:10px;}
.fieldset_gray fieldset,
.fieldset_lightgray fieldset,
.fieldset_white fieldset {padding:10px;border:solid 1px gray;}
fieldset legend {font-weight:bold;}
/*-------- Iconography ----------------*/
/* Img Icon Styles */
.smallicon {width:40px;height:40px;}
.mediumicon {width:80px;height:80px;}
.largeicon {width:100px;height:70px;}
.smallicon,.mediumicon,.largeicon{border:1px solid #000;overflow:hidden;background:#ccc;}
/* list Icon styles */
li.pdf {list-style:url('/_graphics/css_skin/iconsLogos/menu_pdf.gif');}
li.doc {list-style:url('/_graphics/css_skin/iconsLogos/menu_doc.gif');}
li.xls {list-style:url('/_graphics/css_skin/iconsLogos/menu_xls.gif');}
li.html {list-style:url('/_graphics/css_skin/iconsLogos/menu_html.gif');}
li.generic {list-style:url('/_graphics/css_skin/iconsLogos/menu_generic.gif');}
li.flash {list-style:url('/_graphics/css_skin/iconsLogos/menu_flash.gif');}
li.zip {list-style:url('/_graphics/css_skin/iconsLogos/menu_zip.gif');}
li.rss {list-style:url('/_graphics/css_skin/iconsLogos/menu_rss.png');}
li.videoicon{list-style:url('/_graphics/css_skin/iconsLogos/menu_video.gif');}
li.facebook {list-style:url('/_graphics/css_skin/iconsLogos/menu_facebook.gif');}
li.twitter {list-style:url('/_graphics/css_skin/iconsLogos/menu_twitter.gif');}
li.calicon {list-style:url('/_graphics/css_skin/iconsLogos/menu_calendar.png');}
/* Icon Positioning */
/* loading icons */
.loadersmall { background-image:url('/_graphics/css_skin/iconsLogos/loader_small.gif'); background-repeat:no-repeat; }
.loaderlarge { background-image:url('/_graphics/css_skin/iconsLogos/loader_large.gif'); background-repeat:no-repeat; }
.loaderbar { background-image:url('/_graphics/css_skin/iconsLogos/loader_bar.gif'); background-repeat:no-repeat; }
/* file icons */
li.pdf,li.doc,li.xls,li.html,li.generic,li.flash,li.zip,li.rss,li.videoicon,li.facebook,li.twitter,li.calicon {padding-left:0px;background-image:none;}
/* file icons and apps icons */
.pdf,.pdfBlock,.doc,.docBlock,.xls,.xlsBlock,.html,.htmlBlock,.generic,.genericBlock,.flash,.flashBlock,.zip,.zipBlock,.rss,.rssBlock,.videoicon,.videoiconBlock,.facebook,.facebookBlock,.twitter,.twitterBlock,.calicon,.caliconBlock,
.print,.printBlock,.save,.saveBlock,.edit,.editBlock,.delete,.deleteBlock,.add,.addBlock,.remove,.removeBlock,.cancel,.cancelBlock,.search,.searchBlock,.check,.checkBlock,.info,.infoBlock,.reset,.resetBlock
{background-position:left center;background-repeat:no-repeat;padding-left:18px;}
/* file and apps icons BLOCK */
.pdfBlock,.docBlock,.xlsBlock,.htmlBlock,.genericBlock,.flashBlock,.zipBlock,.rssBlock,.videoiconBlock,.facebookBlock,.twitterBlock,.caliconBlock,
.printBlock,.saveBlock,.editBlock,.deleteBlock,.addBlock,.removeBlock,.cancelBlock,.searchBlock ,.checkBlock,.infoBlock,.resetBlock
{display:block;}
/* In the event someone links to a PDF mid-sentance. This practice should be avoided. */
p a.pdf, p a.xls {display:inline-block;}
/* File Format Icons */
.pdf,.pdfBlock {background-image:url('/_graphics/css_skin/iconsLogos/menu_pdf.gif');}
.doc,.docBlock {background-image:url('/_graphics/css_skin/iconsLogos/menu_doc.gif');}
.xls,.xlsBlock {background-image:url('/_graphics/css_skin/iconsLogos/menu_xls.gif');}
.html,.htmlBlock {background-image:url('/_graphics/css_skin/iconsLogos/menu_html.gif');}
.generic,.genericBlock {background-image:url('/_graphics/css_skin/iconsLogos/menu_generic.gif');}
.flash,.flashBlock {background-image:url('/_graphics/css_skin/iconsLogos/menu_flash.gif');}
.zip,.zipBlock {background-image:url('/_graphics/css_skin/iconsLogos/menu_zip.gif');}
.rss,.rssBlock {background-image:url('/_graphics/css_skin/iconsLogos/menu_rss.png');}
.videoicon,.videoiconBlock{background-image:url('/_graphics/css_skin/iconsLogos/menu_video.gif');}
.facebook,.facebookBlock{background-image:url('/_graphics/css_skin/iconsLogos/menu_facebook.gif');}
.twitter,.twitterBlock {background-image:url('/_graphics/css_skin/iconsLogos/menu_twitter.gif');}
.calicon,.caliconBlock {background-image:url('/_graphics/css_skin/iconsLogos/menu_calendar.png');}
/* Application Icons */
.print,.printBlock,.save,.saveBlock,.edit,.editBlock,.delete,.deleteBlock,.add,.addBlock,.remove,.removeBlock,.cancel,.cancelBlock,.search,.searchBlock,.check,.checkBlock,.info,.infoBlock,.reset,.resetBlock
{background-image:url('/_graphics/css_skin/sprites/app_icon_sprites.gif');}
.print,.printBlock {background-position:0 -150px;}
.save,.saveBlock {background-position:0 -1146px;}
.edit,.editBlock {background-position:0 -814px;}
.delete,.deleteBlock{background-position:0 -1810px;}
.add,.addBlock {background-position:0 -648px;}
.remove,.removeBlock{background-position:0 -482px;}
.cancel,.cancelBlock{background-position:0 -1644px;}
.search,.searchBlock{background-position:0 -1312px;}
.check,.checkBlock {background-position:0 -1478px;}
.info,.infoBlock {background-position:0 -980px;}
.reset,.resetBlock {background-position:0 -316px;}
.uparrow {background-image:url('/_graphics/iconsLogos/app_uparrow.gif');background-position:left center;background-repeat:no-repeat;padding-left:18px;}
.downarrow {background-image:url('/_graphics/iconsLogos/app_downarrow.gif');background-position:left center;background-repeat:no-repeat;padding-left:18px;}
/* Button Links */
.buttonLink {border:solid 1px gray;padding:5px 10px 5px 10px;line-height:2.5em;}
.buttonLinkImg {border:solid 1px gray;padding:5px 10px 5px 25px;line-height:2.5em;background-position:5px center;}
a.lightgray,
a.lightgray:hover,
a.gray,
a.gray:hover,
a.darkgray,
a.darkgray:hover,
a.lightgreen,
a.lightgreen:hover,
a.lightorange,
a.lightorange:hover,
a.darkorange,
a.darkorange:hover,
a.lightred ,
a.lightred:hover {color:#333;}
a.darkgreen,
a.darkblue,
a.lightblue,
a.darkred,
a.darkred:hover,
a.lightblue:hover,
a.darkblue:hover,
a.darkgreen:hover {color:#fff;}
a.darkred:hover {background-color:#C84747;}
a.lightblue:hover {background-color:#98A6BE;}
a.darkblue:hover {background-color:#939DAD;}
a.darkgreen:hover {background-color:#719871;}
a.lightgray:hover {background-color:#E9E9E9;}
a.gray:hover {background-color:#DCDEE0;}
a.darkgray:hover {background-color:#D7DFE9;}
a.lightgreen:hover {background-color:#D9E9D9;}
a.lightorange:hover {background-color:#F7E2CA;}
a.darkorange:hover {background-color:#F7B062;}
a.lightred:hover {background-color:#F3D7D7;}
/* Yellow gradient button, like the main horizontal navigation. Use in conjunction with the buttonLink class */
.thickbutton {background-color:transparent;
background-image:url('/_graphics/css_skin/mainnav_background.gif');
background-position:center -40px;
color:#333;
text-decoration:underline;
text-align:center;
font-weight:bold;}
.thickbutton:hover {background-position:center top;color:#fff;}
/* Datagrids */
/* simple 1 & 2 (light) */
.datagrid_simple001,.datagrid_simple002
{border-width:0 0 0 0;font-size:0.9em;}
.datagrid_simple001 td,.datagrid_simple001 th,.datagrid_simple002 td,.datagrid_simple002 th
{border-width:1px 0 0 0;}
.datagrid_simple001,.datagrid_simple001 td,.datagrid_simple001 th,.datagrid_simple002,.datagrid_simple002 td,.datagrid_simple002 th
{border-color:#B3BBCF;border-style:solid;}
.datagrid_simple001 tr,.datagrid_simple002 tr
{background:transparent;}
.datagrid_simple001 thead td,.datagrid_simple001 thead th,.datagrid_simple001 thead a,.datagrid_simple001 tfoot td,.datagrid_simple001 tfoot th,.datagrid_simple001 tfoot a,.datagrid_simple001 .headerClass td,.datagrid_simple001 .headerClass th,.datagrid_simple001 .headerClass a,.datagrid_simple001 .footerClass td,.datagrid_simple001 .footerClass th,.datagrid_simple001 .footerClass a,.datagrid_simple002 thead td,.datagrid_simple002 thead th,.datagrid_simple002 thead a,.datagrid_simple002 tfoot td,.datagrid_simple002 tfoot th,.datagrid_simple002 tfoot a,.datagrid_simple002 .headerClass td,.datagrid_simple002 .headerClass th,.datagrid_simple002 .headerClass a,.datagrid_simple002 .footerClass td,.datagrid_simple002 .footerClass th,.datagrid_simple002 .footerClass a
{color:inherit;}
.datagrid_simple001 thead,.datagrid_simple001 thead a,.datagrid_simple001 .headerClass,.datagrid_simple001 .headerClass a,.datagrid_simple002 thead,.datagrid_simple002 thead a,.datagrid_simple002 .headerClass,.datagrid_simple002 .headerClass a
{font-weight:bold;}
.datagrid_simple001 thead tr,.datagrid_simple001 tfoot tr,.datagrid_simple001 .headerClass,.datagrid_simple001 .footerClass,.datagrid_simple002 thead tr,.datagrid_simple002 tfoot tr,.datagrid_simple002 .headerClass,.datagrid_simple002 .footerClass
{background-color:#B3BBCF;}
/* simple 2 (dark) */
table.datagrid_simple002,table.datagrid_simple002 td,table.datagrid_simple002 th
{border-color:#0A1843;border-style:solid;}
table.datagrid_simple002 thead tr,table.datagrid_simple002 tfoot tr,table.datagrid_simple002 .headerClass,table.datagrid_simple002 .footerClass
{background-color:#0A1843;color:#fff;}
/* external grid scheme 1 2 and 3 (light) ----------------------------------------------------*/
.datagrid_extscheme001,.datagrid_extscheme002,.datagrid_extscheme003
{border-width:0 0 1px 1px;}
.datagrid_extscheme001 td,.datagrid_extscheme002 td,.datagrid_extscheme003 td,.datagrid_extscheme001 th,.datagrid_extscheme002 th,.datagrid_extscheme003 th
{border-width:1px 1px 0 0;}
.datagrid_extscheme001,.datagrid_extscheme002,.datagrid_extscheme003,.datagrid_extscheme001 td, .datagrid_extscheme003 td, .datagrid_extscheme001 td,.datagrid_extscheme001 th, .datagrid_extscheme002 th, .datagrid_extscheme003 th
{border-color:#B3BBCF;border-style:solid;}
.datagrid_extscheme001 thead td,.datagrid_extscheme001 thead th,.datagrid_extscheme001 thead a,.datagrid_extscheme001 tfoot td,.datagrid_extscheme001 tfoot th,.datagrid_extscheme001 tfoot a,.datagrid_extscheme001 .headerClass td,.datagrid_extscheme001 .headerClass th, .datagrid_extscheme001 .headerClass a,.datagrid_extscheme001 .footerClass td,.datagrid_extscheme001 .footerClass th,.datagrid_extscheme001 .footerClass a,.datagrid_extscheme002 thead td,.datagrid_extscheme002 thead th,.datagrid_extscheme002 thead a,.datagrid_extscheme002 tfoot td,.datagrid_extscheme002 tfoot th,.datagrid_extscheme002 tfoot a,.datagrid_extscheme002 .headerClass td,.datagrid_extscheme002 .headerClass th,.datagrid_extscheme002 .headerClass a,.datagrid_extscheme002 .footerClass td,.datagrid_extscheme002 .footerClass th,.datagrid_extscheme002 .footerClass a,.datagrid_extscheme003 thead td,.datagrid_extscheme003 thead th,.datagrid_extscheme003 thead a,.datagrid_extscheme003 tfoot td,.datagrid_extscheme003 tfoot th,.datagrid_extscheme003 tfoot a,.datagrid_extscheme003 .headerClass td,.datagrid_extscheme003 .headerClass th,.datagrid_extscheme003 .headerClass a,.datagrid_extscheme003 .footerClass td,.datagrid_extscheme003 .footerClass th,.datagrid_extscheme003 .footerClass a
{color:#0a1843;}
.datagrid_extscheme001 thead,.datagrid_extscheme001 thead a,.datagrid_extscheme001 .headerClass,.datagrid_extscheme001 .headerClass a,.datagrid_extscheme002 thead,.datagrid_extscheme002 thead a,.datagrid_extscheme002 .headerClass,.datagrid_extscheme002 .headerClass a,.datagrid_extscheme0031 thead,.datagrid_extscheme003 thead a,.datagrid_extscheme003 .headerClass,.datagrid_extscheme003 .headerClass a
{font-weight:bold;}
.datagrid_extscheme001 thead tr,.datagrid_extscheme001 tfoot tr,.datagrid_extscheme001 .headerClass,.datagrid_extscheme001 .footerClass,.datagrid_extscheme002 thead tr,.datagrid_extscheme002 tfoot tr,.datagrid_extscheme002 .headerClass.datagrid_extscheme002 .footerClass,.datagrid_extscheme003 thead tr,.datagrid_extscheme003 tfoot tr,.datagrid_extscheme003 .headerClass,.datagrid_extscheme003 .footerClass
{background-color:#B3BBCF;}
.datagrid_extscheme001 .itemClass,.datagrid_extscheme002 .itemClass,.datagrid_extscheme003 .itemClass
{background-color:#FFF;}
.datagrid_extscheme001 .altitemClass,.datagrid_extscheme002 .altitemClass,.datagrid_extscheme003 .altitemClass
{background-color:inherit;}
/* external grid scheme 2 (dark) ----------------------------------------------------*/
table.datagrid_extscheme002,table.datagrid_extscheme002 th
{border-color:#0A1843;border-style:solid;border-width:1px;}
table.datagrid_extscheme002 td
{border-width:1px 1px 0px 0px;border-style: solid;border-color:#0A1843;}
table.datagrid_extscheme002 thead td,table.datagrid_extscheme002 thead th,table.datagrid_extscheme002 thead a,table.datagrid_extscheme002 tfoot td,table.datagrid_extscheme002 tfoot th,table.datagrid_extscheme002 tfoot a,table.datagrid_extscheme002 .headerClass td,table.datagrid_extscheme002 .headerClass th,table.datagrid_extscheme002 .headerClass a,table.datagrid_extscheme002 .footerClass td,table.datagrid_extscheme002 .footerClass th,table.datagrid_extscheme002 .footerClass a
{color:#fff;}
table.datagrid_extscheme002 thead tr,table.datagrid_extscheme002 tfoot tr,table.datagrid_extscheme002 .headerClass,table.datagrid_extscheme002 .footerClass
{background-color:#0A1843}
/* external grid scheme 3 ----------------------------------------------------*/
/* ----- Defaults to scheme 1 ---------------------*/
/* internal grid scheme 001 */
.datagrid_intscheme001
{border-width:0 0 1px 1px;border-collapse:collapse;}
.datagrid_intscheme001 td,.datagrid_intscheme001 th
{border-width:1px 1px 0 0;}
.datagrid_intscheme001,.datagrid_intscheme001 td,.datagrid_intscheme001 th
{border-color:#ACBACA;border-style:solid;}
.datagrid_intscheme001 thead td,.datagrid_intscheme001 thead th,.datagrid_intscheme001 thead a,.datagrid_intscheme001 tfoot td,.datagrid_intscheme001 tfoot th,.datagrid_intscheme001 tfoot a,.datagrid_intscheme001 .headerClass td,.datagrid_intscheme001 .headerClass th, .datagrid_intscheme001 .headerClass a,.datagrid_intscheme001 .footerClass td,.datagrid_intscheme001 .footerClass th,.datagrid_intscheme001 .footerClass a
{color:#FFF;}
.datagrid_intscheme001 thead,.datagrid_intscheme001 thead a,.datagrid_intscheme001 .headerClass,.datagrid_intscheme001 .headerClass a
{font-weight:bold;}
.datagrid_intscheme001 thead tr,.datagrid_intscheme001 tfoot tr,.datagrid_intscheme001 .headerClass,.datagrid_intscheme001 .footerClass
{background-color:#851A2B;}
.datagrid_intscheme001 .itemClass
{background-color:#FFF;}
.datagrid_intscheme001 .altitemClass
{background-color:inherit;}
/* internal grid scheme 002 */
.datagrid_intscheme002
{border-width:0 0 1px 1px;border-collapse:collapse;}
.datagrid_intscheme002 td,.datagrid_intscheme002 th
{border-width:1px 1px 0 0;}
.datagrid_intscheme002,.datagrid_intscheme002 td,.datagrid_intscheme002 th
{border-color:#BA838B;border-style:solid;}
.datagrid_intscheme002 thead td,.datagrid_intscheme002 thead th,.datagrid_intscheme002 thead a,.datagrid_intscheme002 tfoot td,.datagrid_intscheme002 tfoot th,.datagrid_intscheme002 tfoot a,.datagrid_intscheme002 .headerClass td,.datagrid_intscheme002 .headerClass th,.datagrid_intscheme002 .headerClass a,.datagrid_intscheme002 .footerClass td,.datagrid_intscheme002 .footerClass th,.datagrid_intscheme002 .footerClass a
{color:#851A2B;}
.datagrid_intscheme002 thead,.datagrid_intscheme002 thead a,.datagrid_intscheme002 .headerClass,.datagrid_intscheme002 .headerClass a
{font-weight:bold;}
.datagrid_intscheme002 thead tr,.datagrid_intscheme002 tfoot tr,.datagrid_intscheme002 .headerClass,.datagrid_intscheme002 .footerClass
{background-color:#BBC1CE;}
.datagrid_intscheme002 .itemClass
{background-color:#FFF;}
.datagrid_intscheme002 .altitemClass
{background-color:inherit;}
/* Loginbox ---------------------------------------------------------------*/
table.DOTLoginBox {font-size:1.05em;border-left:5px solid #202964;margin:20px auto;background:#fff url('/_graphics/css_skin/blockquote_bg.jpg') no-repeat scroll right bottom;}
table.DOTLoginBox tr td {padding:5px 70px 5px 10px;}
table.DOTLoginBox table tr td {padding:0px;font-weight:bold;text-align:left;line-height:1.7em;color:#011445;}
table.DOTLoginBox label {display:block;margin-right:20px;padding:0;margin-left:10px;text-align:right;}
table.DOTLoginBox label,
table.DOTLoginBox input {font-weight:normal;font-size:0.85em;padding:2px 4px;}
table.DOTLoginBox input[type="text"],
table.DOTLoginBox input[type="password"] {width:140px;}
table.DOTLoginBox input[type="submit"] {float:right;margin-right:11px;margin-top:5px;}
/* Select Dropdown box ---------------------------------------------------------------*/
.dropdownbox {font-size:0.9em;text-align:center;margin-left:15px;padding:4px 0px 7px;color:#fff;width:200px;border:1px solid #fff;background:#1C2952 url('/_graphics/css_skin/col_header_bg.gif') repeat-x center bottom;}
.dropdownbox p {font-weight:bold;margin:0px 10px 7px;}
.dropdownbox span {display:block;margin:0px auto;}
.dropdownbox select {padding:0 0 0 2px;border:1px solid #666;}
/* 5. ----- Layout CSS --------------------------------------------------------------------------------------------------- */
body {background:#f5f5f5 url('/_graphics/css_skin/body_background.jpg') repeat-x top left;padding-bottom:40px;}
/* Choose your layout */
#customsite, #liquid, #fixed {text-align:left;margin:auto;min-width:800px;}
#customsite {width:700px;min-width:700px;}
#liquid {width:auto;margin:auto 10px;}
#fixed {width:990px;}
/* if no left nav column, add the .noleftcol class */
.noleftcol #contentarea {margin-left:0px;min-height:320px;padding:7px 15px 30px 15px;overflow:hidden;float:left;width:95%;}
/* if its the 3 column fixed layout, add the .hasrightcol class */
.hasrightcol #contentarea {float:left;width:580px;}
#toppage .hasrightcol #contentarea {padding-bottom:0px;width:582px;}
/* Drop shadow */
#fixed,
#liquid {padding-right:4px;background:url('/_graphics/css_skin/sideshadows.png') repeat-y bottom right;}
#contentwrapper {padding-left:4px;background:url('/_graphics/css_skin/sideshadows.png') repeat-y bottom left;}
/* Top Nav Styles */
#topnav {float:right;width:500px;font-size:0.75em;text-align:right;}
#topnav ul {margin:1px 8px 0px 0px;padding:1px;}
#topnav li {display:inline;}
#topnav a {color:#fff;font-size:0.98em;line-height:11px;font-weight:bold;text-decoration:none;padding:0 0.2em 0 0.4em;*padding:0 0.6em 0 0.6em;border-left:1px solid #999;}
#topnav a.first {border-left:0px;}
#topnav a:hover {color:#f0d708;text-decoration:underline;}
/* Login */
.expheader #loginbox {left: -9999px;overflow:hidden;position:absolute;}
#loginbox {display:table;font-size:0.8em;line-height:1.4em;font-weight:bold;text-align:right;float:right;clear:right;color:#fff;width:400px;margin:16px 10px 0 0;}
#loginbox a {padding-left:10px;margin-left:10px;color:#fff;text-decoration:underline;}
#loginbox a:hover {color:#F0D708;}
/* Header & logo area */
#hd {background:#3f528f url('/_graphics/css_skin/header_subpages.gif') no-repeat top left;border-bottom:1px solid #000;border-left:1px solid #000;border-right:1px solid #000;}
#logo {height:66px;}
#logo a {display:block;width:475px;height:65px;}
#logo img,#headerbg,#headerbg img{display:none;} /* In case an ![]()
from the extended header is left in the html */
#logo span,
#accessibility {left:-9999px;overflow:hidden;position:absolute;}
.searchinputbox {margin:0px 5px;width:90px;font-size:0.9em;border:1px solid #ccc;background:#fff url('/_graphics/css_skin/icon_magnify.gif') no-repeat 2px 1px;padding:1px 1px 1px 18px;}
.submitbutton {padding:1px 2px;*padding:2px 2px 0px 2px;border:0px;cursor:pointer;}
.submitbutton:hover {background:#1D2A52;color:#fff;}
#searchdot {display:inline;}
/* Expanded Header Styles Variations */
.expheader #topnav {float:none;width:100%;background:#fff url('/_graphics/css_skin/topnav.jpg') repeat-y bottom left;border-bottom:3px solid #F9BE09;padding:1px 0px 2px;}
.expheader #topnav a {color:#021546;}
.expheader #topnav a:hover {color:#6275AF;}
.expheader #logo {height:130px;width:208px;z-index:1;position:absolute;*padding-top:3px;}
.expheader #logo img {display:block;}
.expheader #logo a {width:208px;height:130px;}
.expheader #headerbg {z-index:0;display:block;height:130px;background:#666;}
.expheader #headerbg img {display:block;float:right;overflow:hidden;}
/* Main Horizontal Nav */
#mainnav {font-weight:bold;border-top:1px solid #333;border-bottom:1px solid #333;background:url('/_graphics/css_skin/mainnav_background.gif') repeat-x bottom left;}
#mainnav ul {width:100%;margin:0px;border-top:3px solid #666;border-bottom:3px solid #666;padding:1px 0px 1px;*padding:0;text-align:center;}
#mainnav li {padding:0;margin:0 -1px 0 0;display:inline;}
#mainnav a {color:#333;padding:3px 25px 3px;*line-height:1.60em;border-left:1px solid #666;border-right:1px solid #666;text-decoration:none;background:transparent url('/_graphics/css_skin/mainnav_background.gif') center -40px;}
#mainnav a:hover {background-position:center top;color:#fff;text-decoration:underline;}
/* Inpage Nav. Default is to use an ID, but the option to use a Class is there, too */
#inpagenav,.inpagenav {font-size:0.95em;background:#fff url('/_graphics/css_skin/inpagenav_back_bottom_short.gif') repeat-x bottom left;padding:0 0 40px 10px;float:right;clear:right;width:240px;margin:0px 0px 30px 20px;overflow:hidden;}
#inpagenav ul,.inpagenav ul {margin:4px 10px 20px 0px;padding:0px;}
#inpagenav li,.inpagenav li {margin-left:5px;padding-left:20px;margin-bottom:5px;list-style-type:none;background:transparent url('/_graphics/css_skin/icon_menubullet_blue.gif') no-repeat 1px 7px;}
#inpagenav h5,.inpagenav h5 {margin:0 0 5px -10px;padding:4px 10px 4px 8px;background:#1C2952 url('/_graphics/css_skin/col_header_bg.gif') repeat-x right bottom;color:#fff;}
#inpagenav h6,.inpagenav h6 {font-size:1em;font-weight:bold;color:#011445;background:url('/_graphics/css_skin/h2_bg.jpg') no-repeat right bottom;margin:10px 2px 5px 0px;}
#inpagenav p,.inpagenav p
#inpagenav img,.inpagenav img {margin:5px 0px 10px;}
/* Inpagenav icons */
#inpagenav li.pdf,.inpagenav li.pdf {background:url('/_graphics/css_skin/iconsLogos/menu_pdf.gif');}
#inpagenav li.html,.inpagenav li.html{background:url('/_graphics/css_skin/iconsLogos/menu_html.gif');}
#inpagenav li.doc,.inpagenav li.doc {background:url('/_graphics/css_skin/iconsLogos/menu_doc.gif');}
#inpagenav li.xls,.inpagenav li.xls {background:url('/_graphics/css_skin/iconsLogos/menu_xls.gif');}
#inpagenav li.zip,.inpagenav li.zip {background:url('/_graphics/css_skin/iconsLogos/menu_zip.gif');}
#inpagenav li.rss,.inpagenav li.rss {background:url('/_graphics/css_skin/iconsLogos/menu_rss.png');}
#inpagenav li.calicon,.inpagenav li.calicon {background:url('/_graphics/css_skin/iconsLogos/menu_calendar.png');}
#inpagenav li.pdf,.inpagenav li.pdf,
#inpagenav li.html,.inpagenav li.html,
#inpagenav li.doc,.inpagenav li.doc,
#inpagenav li.xls,.inpagenav li.xls,
#inpagenav li.zip,.inpagenav li.zip,
#inpagenav li.rss,.inpagenav li.rss,
#inpagenav li.calicon,.inpagenav li.calicon {margin-left:6px;padding-left:20px;list-style-image:none;background-position: left 5px;background-repeat:no-repeat;}
/* Project Maps in Inpagenav */
#inpagenav a.projectmap {display:block;margin-top:8px;width:225px;height:125px;overflow:hidden;border:2px solid #666;}
#inpagenav a.projectmap img {margin:0px;}
/* Content area */
#bd {background:#e6e6e6 url('/_graphics/css_skin/bd_background.gif') repeat-y 0;border-bottom:2px solid #f6bd0c;border-left:1px solid #333;border-right:1px solid #333;}
#mainwrapper {width:100%;float:right;margin-left:-250px;background: url('/_graphics/css_skin/contentarea_bg.gif') repeat-x top left;}
#contentarea {position:relative;_position:static;margin-left:200px;float:none;overflow:hidden;padding:7px 30px 30px 15px;}
/* 1 Column Layout Variations */
.noleftcol #bd {background:#e6e6e6;}
/* Right Nav layout variation */
.hasrightcol #bd {background:url('/_graphics/css_skin/bd_background_3col.gif') repeat-y right center;}
.hasrightcol #contentarea {padding:0 0 20px 0;}
/* Content area two and four column grids */
.twocol {width:99%;overflow:hidden;}
.twocol div {width:48%;float:left;margin-left:0px;margin-right:10px;}
.fourcol {width:99%;overflow:hidden;}
.fourcol div {width:23%;float:left;margin:0;padding:0px 5px;}
.twocol div div,
.fourcol div div {float:none;margin:0;width:auto;}
.fourcol p,.fourcol h1,.fourcol h2,.fourcol h3,.fourcol h4,.twocol p,.twocol h1,.twocol h2,.twocol h3,.twocol h4 {margin-left:0;}
.fourcol *.indent,.twocol *.indent {margin-left:10px;}
/* Grid Layout - equal heights. Check the sytle guide */
.gridblocks {padding-left:0px;}
.gridblocks li {min-height: 150px;display: -moz-inline-stack;display: inline-block;vertical-align:top;margin:5px 10px 5px 0px;zoom:1;*display:inline;_height:150px;}
.gridblocks li dt,.gridblocks li dd{margin-left:0px;}
/* Content tweak, Inline block */
.inlineblock {vertical-align:top;display:-moz-inline-stack;display:inline-block;zoom:1; *display:inline;}
/* Nav Columns */
#rightcol {float:right;}
#leftcol {float:left;}
#leftcol,
#rightcol {font-size:0.9em;line-height:inherit;padding:0px 10px;min-height:470px;width:180px;background:#000 url('/_graphics/css_skin/cols_bg.jpg') no-repeat top left;color:#fff;overflow:hidden;}
#leftcol h6,
#rightcol h6 {border-top:1px solid #0c0c0c;width:190px;display:block;overflow:hidden;background:#1C2952 url('/_graphics/css_skin/col_header_bg.gif') repeat-x center bottom;margin:10px 0px 0px -10px;padding:6px 0px 6px 10px;font-weight:bold;font-size:1em;}
#leftcol h6 a,
#rightcol h6 a {color:#fff;border-bottom:1px solid #555;text-decoration:none;}
#leftcol h6 a:hover,
#rightcol h6 a:hover {color:#F6BD0C;border-bottom:1px solid #e5e5e5;}
#leftcol ul,
#rightcol ul {width:200px;margin:0 0 0 -10px;padding:0 0 15px 0;overflow:hidden;}
#leftcol li,
#rightcol li {list-style-type:none;}
#leftcol li a,
#rightcol li a {font-weight:bold;height:1%;line-height:1.3em;overflow:hidden;display:block;padding:9px 10px 9px 20px;color:#fff;text-decoration:none;border-bottom:1px solid #666;margin-top:0px;}
#leftcol li a.active {background-color:#0c0c0c;color:#F6BD0C;font-weight:bold;}
#leftcol li ul li a:active {background:#0c0c0c url('/_graphics/css_skin/icon_menubullet_yellow.gif') no-repeat 24px center;color:#F6BD0C;}
#leftcol li a:hover,
#rightcol li a:hover {text-decoration:underline;color:#fff;background-color:#0c0c0c;}
#leftcol li a.pdf {font-weight:bold;padding-right:55px;background:url('/_graphics/css_skin/navicon_pdf.png') no-repeat top right;}
#leftcol li a:hover.pdf {padding-right:55px;background:#0c0c0c url('/_graphics/css_skin/navicon_pdf.png') no-repeat top left;}
#leftcol li a.xls {font-weight:bold;padding-right:55px;background:url('/_graphics/css_skin/navicon_xls.png') no-repeat top right;}
#leftcol li a:hover.xls {padding-right:55px;background:#0c0c0c url('/_graphics/css_skin/navicon_xls.png') no-repeat top left;}
#leftcol li a.doc {font-weight:bold;padding-right:55px;background:url('/_graphics/css_skin/navicon_doc.png') no-repeat top right;}
#leftcol li a:hover.doc {padding-right:55px;background:#0c0c0c url('/_graphics/css_skin/navicon_doc.png') no-repeat top left;}
#leftcol li span,
#rightcol li span {color:#ccc;display:block;padding:9px 4px 3px 20px;font-size:1em;border-top:1px solid #666;margin-top:-1px;*margin-top:0px;font-weight:bold;}
#leftcol a,
#rightcol a {text-decoration:underline;color:#ccc;}
#leftcol a:hover,
#rightcol a:hover {text-decoration:underline;color:#F6BD0C;}
#leftcol div,
#rightcol div {width:180px;overflow:hidden;}
#leftcol div p,
#rightcol div p {margin:5px 0px 15px;}
#leftcol table,
#rightcol table {width:180px;margin:0;padding:0;}
#leftcol embed {width:200px;overflow:hidden;margin-left:-10px;margin-top:5px;}
/* For Projects and Studies - putting the xml dropdown list in an anchor tag */
#leftcol a.menudrop span{display:inline;border:0;font-weight:normal;margin-top:0;padding:0;}
#leftcol a:hover.menudrop{text-decoration:none;background-color:none;}
/* Indented Columns */
#leftcol ul ul,
#rightcol ul ul {background:#0c0c0c;margin-top:-1px;margin-bottom:-1px;border-bottom:1px solid #666;margin-left:0px;padding-left:0px;}
#leftcol ul ul li,
#rightcol ul ul li {list-style-type:none;}
#leftcol ul span {background:#0c0c0c;}
#leftcol ul ul a,
#rightcol ul ul a {border-bottom:0px;font-weight:normal;padding:7px 10px 8px 40px;font-size:0.95em;background:#0c0c0c url('/_graphics/css_skin/icon_menubullet_yellow.gif') no-repeat 24px center;}
#leftcol ul ul a:hover,
#rightcol ul ul a:hover {background:#0c0c0c url('/_graphics/css_skin/icon_menubullet_yellow.gif') no-repeat 24px center;}
#leftcol ul ul li.pdf a,
#leftcol ul ul a.pdf,
#leftcol ul ul a:hover.pdf,
#leftcol ul ul li.xls a,
#leftcol ul ul a.xls,
#leftcol ul ul a:hover.xls,
#leftcol ul ul li.doc a,
#leftcol ul ul a.doc,
#leftcol ul ul a:hover.doc {font-weight:normal;padding-right:10px;background-color:#0c0c0c;background-repeat:no-repeat;background-position:21px center;}
#leftcol ul ul li.pdf a,
#leftcol ul ul a.pdf,
#leftcol ul ul a:hover.pdf {background-image:url('/_graphics/css_skin/iconsLogos/menu_pdf.gif');}
#leftcol ul ul li.xls a,
#leftcol ul ul a.xls,
#leftcol ul ul a:hover.xls {background-image: url('/_graphics/css_skin/iconsLogos/menu_xls.gif');}
#leftcol ul ul li.doc a,
#leftcol ul ul a.doc,
#leftcol ul ul a:hover.doc {background-image:url('/_graphics/css_skin/iconsLogos/menu_doc.gif');}
/* Double-Indented Columns. Subject to banishment via vanishment */
#leftcol ul ul ul, #rightcol ul ul ul {display:none;}
/* Footer */
#ft {font-size:0.85em;text-align:center;line-height:0.8em;padding:6px 0px 9px;clear:both;background:url('/_graphics/css_skin/footer_background.gif') no-repeat left bottom;text-align:center;color:#ccc;}
#liquid #ft {background:url('/_graphics/css_skin/footer_background_liquid.png') repeat-x center bottom;}
#ft ul {padding:0;margin:0 auto;}
#ft li {display:inline;border-left:1px solid #999;padding:0px 7px;line-height:1.2em;}
#ft li.first {border:0;}
#ft a {color:#fff;}
#ft a:hover {color:#ccc;}
/* 6. ----- Browser specific styles ----------------------------------------------------------------------- */
/* Firefox: Horizontal List whitespace removal adjustment */
#mainnav ul,
#ft ul {display:table;}
/* Firefox: Layout holder. Remove this at your own peril. */
#bd:after,
.hasrightcol:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
/* The IE Zoom hack. Fixes an unhealthy number of IE CSS discrepancies. */
#topnav li,#mainnav li,#ft li,#bd,.hasrightcol {zoom:100%;}
.clearfix:after { content: "."; display: block; clear:both; visibility:hidden; line-height:0px; height:0px; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }
/* 9. ----- Social Sharing Widget ----------------------------------------------------- */
div.share-buttons-wrap * { padding: 0; margin: 0; font-family: 'Calibri','helvetica','arial','tahoma';}
div.share-buttons-wrap { margin-top: 1em; margin-bottom: 1em; border-radius: 3px; border: 1px solid #949494; box-shadow: 0 0 5px #999; display: block; min-height: 26px; height: auto !important; height: 26px; max-height: 26px !important; min-width: 640px; width: auto !important; width: 100%; max-width: 100%; background: #ffffff; background: -webkit-gradient(linear, 0 0, 0 100%, from(#eeeeee), to(#ffffff)); background: -webkit-linear-gradient(top, #ffffff, #eeeeee); background: -moz-linear-gradient(top, #ffffff, #eeeeee); background: -ms-linear-gradient(top, #ffffff, #eeeeee); background: -o-linear-gradient(top, #ffffff, #eeeeee); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee');}
div.share-buttons-wrap li { list-style-type: none; display: inline; float: left; padding: 3px;}
div.share-buttons-wrap li a.share-main { padding-top: 2px; text-shadow: 0 1px 0 #fff;}
div.share-buttons-wrap li a.more-options { font-size: 12px; padding-right: 5px; line-height: 14px; color: #000;}
div.share-buttons-wrap li.share-header { font-size: 13px; font-weight: normal; text-transform: uppercase; line-height: 20px; padding-left: 15px; padding-right: 15px; border-radius: 1px; color: #fff; box-shadow: inset 0 1px 7px #777; background: #949494; background: -webkit-gradient(linear, 0 0, 0 100%, from(#949494), to(#a5a5a5)); background: -webkit-linear-gradient(top, #a5a5a5, #949494); background: -moz-linear-gradient(top, #a5a5a5, #949494); background: -ms-linear-gradient(top, #a5a5a5, #949494); background: -o-linear-gradient(top, #a5a5a5, #949494); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a5a5a5', endColorstr='#949494');}
div.share-buttons-wrap li.single-button { padding-bottom: 0; padding-left: 13px; padding-right: 0; border-left: 1px solid #999;}
div#share-buttons-footer * { padding: 0; margin: 0; font-family: 'Calibri','helvetica','arial','tahoma';}
div#share-buttons-footer { margin-top: 1em; margin-bottom: 1em; border-radius: 3px; border: 1px solid #949494; box-shadow: 0 0 5px #999; display: block; min-width: 640px; width: auto !important; width: 100%; max-width: 100%; background: #ffffff; background: -webkit-gradient(linear, 0 0, 0 100%, from(#eeeeee), to(#ffffff)); background: -webkit-linear-gradient(top, #ffffff, #eeeeee); background: -moz-linear-gradient(top, #ffffff, #eeeeee); background: -ms-linear-gradient(top, #ffffff, #eeeeee); background: -o-linear-gradient(top, #ffffff, #eeeeee); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee');}
div#share-buttons-footer a { margin: 7px;}
div#share-buttons-footer a.more-options { font-size: 20px; line-height: 28px; padding-right: 5px; color: #000;}
div#share-buttons-footer a.more-options span { padding-right: 5px;}
div#share-buttons-footer div.share-header { text-align: center; font-size: 13px; font-weight: normal; text-transform: uppercase; line-height: 30px; padding-left: 15px; padding-right: 15px; border-radius: 1px; color: #fff; box-shadow: inset 0 1px 7px #777; background: #949494; background: -webkit-gradient(linear, 0 0, 0 100%, from(#949494), to(#a5a5a5)); background: -webkit-linear-gradient(top, #a5a5a5, #949494); background: -moz-linear-gradient(top, #a5a5a5, #949494); background: -ms-linear-gradient(top, #a5a5a5, #949494); background: -o-linear-gradient(top, #a5a5a5, #949494); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a5a5a5', endColorstr='#949494');}
div#share-buttons-footer .share-footer-header{
font-size: 18px;
line-height: 45px;
color: #fff;
background: #333;
box-shadow: inset 0 1px 15px #000;
text-shadow: 0 1px 0 #000;
text-align: center;
}
div#share-buttons-footer a.social-share-expand{
border: 1px solid #111;
text-shadow: 1px 1px 2px #436e17;
margin-left: 10px;
border-radius: 7px;
padding: 5px 15px;
color: #fff;
background: #4da32a;
background: -webkit-gradient(linear, 0 0, 0 100%, from(#436e17), to(#4da32a));
background: -webkit-linear-gradient(top, #4da32a, #436e17);
background: -moz-linear-gradient(top, #4da32a, #436e17);
background: -ms-linear-gradient(top, #4da32a, #436e17);
background: -o-linear-gradient(top, #4da32a, #436e17);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4da32a', endColorstr='#436e17');
}
/* Print styles */
@media print {
@page {background:white;color:black;border:0;}
#accessibility,#mainnav,#headerbg,#headerbg img,#topnav,#leftcol,#rightcol,#mainnav,#loginbox,#logo img,#leftcol,#rightcol,#inpagenav
{display:none !important;}
a[href^="#Top"] {display:none;}/* You can't Return to Top with paper */
body div#mainwrapper,body div#contentarea
{border:0;margin-left:0px !important;margin-right:0px !important;overflow:visible;}
#fixed, #liquid, #custom
{width:100%;padding:0;margin:0;}
#hd,#bd, #ft {width:625px;border:0px;}
#ft {border-top:5px solid gray;padding:10px 0 0 0;font-weight:bold;text-align:center;margin:10px 0 0 0;}
#img {max-width:625px;}
#contentwrapper,#hd,#bd,#mainwrapper,#contentarea,#head,img.alignleft,img.alignright
{float: none !important;}
h1,h2,h3,h4,h5,h6 {page-break-after:avoid;page-break-inside:avoid;margin-top:10px;}
blockquote,pre {page-break-inside:avoid}
ul, ol {page-break-before:avoid}
h1 {border-bottom:2px solid #cccccc;}
h2 {border-bottom:1px solid #cccccc;margin-top:20pt;}
#logo, #logo a {width:625px !important;display:block !important; height:25px !important;z-index:0 !important;position:relative !important;}
#logo a span {text-decoration:none;display:block;position:static;padding-bottom:10px;border-bottom:5px solid gray;font-weight:bold !important;font-size:16pt !important;}
}
/* Mobile styles */
/*#dotmobile { display:none; }*/
@media handheld and (max-width: 480px), screen and (max-device-width: 480px), screen and (max-width: 480px){
/* Toppage */
#newsholder .imageholder,
#newsholder .newsstorytext_output,
#newsholder .newsstorylink,
#projectsbox,
#serviceslinks,
#projectsbox div.aligncenter,
#slidingtopic,
#sitemap { display:none; }
#toptopics { border-width:0px !important; width:100% !important; margin-top:60px !important; }
#toptopics ul { float:none !important; width:auto; }
#toptopics li { display:block; /*float:left !important;*/ float:none !important; width:auto; /*width:160px;*/ border-bottom:1px solid #29375F; }
#toptopics a { background-image:none; display:block; width:auto !important; padding:10px 10px 10px 70px !important; margin:0px !important; font-size:15px !important; }
#toptopics a:hover { background-color:#29375F; }
#divisionicons h2 { text-align:left !important; margin-top:0px !important; padding-top:10px !important; }
#divisionicons ul { display:block; float:none; width:auto !important; }
#divisionicons a { font-size:15px !important; }
#latestnews { height:auto !important; /*background: transparent url("/_graphics/site_graphics/toppage_newsloader.jpg") top center repeat-y !important;*/ background-image:none !important; background-color:#0A1843 !important; }
#latestnews h2 { color:#fff !important; display:block; margin-top:0px !important; text-align:left !important; border-bottom-color:#fff !important; }
#newsholder { height:auto !important; overflow:visible !important; }
#newsholder .wrapper { position:relative !important; height:auto !important; overflow:visible !important; }
#newsholder .wrapper ul { width:auto !important; overflow:visible !important; min-height:100px; height:auto; }
#newsholder .wrapper li { border-bottom:1px solid #29375F; height:auto !important; overflow:visible !important; float:none !important; width:auto !important; }
#newsholder .wrapper .imageholder { display:none; }
#newsholder .wrapper .newscontentbox{ display:block; margin:0px; padding:0px; background-image:none !important; position:relative !important; width:auto !important; }
#newsholder .wrapper .newscontentbox a { display:none; }
#newsholder .wrapper .newscontentbox h6 a { display:block; font-size:13px; width:auto; text-decoration:underline; font-weight:normal; text-shadow:0 0 0 transparent; margin:0px !important; padding:10px 10px 18px; }
#newsholder .wrapper .newscontentbox h6 a:hover { color:#fff; text-decoration:none; background-color:#29375F; }
ul#socicons { position:relative !important; z-index:0 !important; background-image:none !important; right:auto !important; top:0px !important; left:0px !important; padding:20px 10px !important; float:left !important; }
#newsholder .wrapper .newsstory { }
/* Most pages */
.static #contentarea { width:auto !important; float:none !important; }
.static #fixed{width:auto;padding:0;background:#fff;min-width:100px;}
.static #contentwrapper{background:none; padding:0;}
.static #hd { padding-top:56px; border:0px; height:auto; background:url("/_graphics/site_graphics/toppage_sitelogo_mobile.png") no-repeat scroll center 5px #11204F; }
.static #bd,.static .hasrightcol #bd{border-left:0px;border-right:0px;background:#E6E6E6;}
/* header */
.static #loginbox {display:none;}
.static .expheader #topnav,
.static #topnav { background:none; padding:0px; border-bottom:0px; width:100%; float:none; }
.static .expheader #topnav ul,
.static #topnav ul { margin:0;padding:0px;text-align:center;border:0px;}
.static .expheader #topnav li,
.static #topnav li { margin:0px; padding:0px; display:block; border-bottom: solid 1px #999999; }
.static .expheader #topnav a,
.static #topnav a { line-height:33px; color:#365C9A; padding:0px 10px 0px 20px; border-width:0px; margin:0px; font-size:13px; text-align:left; text-decoration:underline; white-space:nowrap; display:block; background-color:#efefef; }
.static .expheader #topnav a:hover,
.static #topnav a:hover { background:#000000; color:#fff; }
.static .expheader #topnav input,
.static #topnav input { display:none;}
.static .expheader #headerbg,
.static .expheader #logo,
.static #logo { display:none; }
.static #mainnav { background:#11204F; border:0px; padding:0px 0px 8px;}
.static #mainnav ul { display:block; overflow:auto; width:auto; padding:0px; margin:0px; border:0px;}
.static #mainnav li { margin:0px; padding:0px; display:block; border-bottom: solid 1px #999999; }
.static #mainnav li:first { border-left-width:0px; }
.static #mainnav a { line-height:33px; color:#365C9A; white-space:nowrap; border-width:0px; padding:0px 10px 0px 20px; margin:0px; font-size:13px; text-align:left; text-decoration:underline; white-space:nowrap; display:block; background-color:#efefef; background-image:none; }
.static #mainnav a:hover { background:#000000; color:#fff; }
.static #mainwrapper {float:none;width:auto;margin-left:0px;}
.static #contentarea {margin-left:0px;padding:10px;}
.static #contentarea img {max-width:100%;}
.static #contentarea h2 {width:auto;background:none;margin:30px 10px 10px 5px;border-bottom:1px dotted #000;}
.static #contentarea h3 {margin:20px 0 2px 15px;}
.static #contentarea h4,
.static #contentarea h5 {margin:20px 0 2px 20px;}
.static #contentarea .indenth3 {margin-left:10px;}
.static #contentarea .indenth3 {margin-left:20px;}
.static #contentarea .indenth4,
.static #contentarea .indenth5 {margin-left:30px;}
.static #contentarea .twocol div {float:none;}
.static #return_top {font-weight:bold;padding:5px;border:1px solid #999;background:#fff;}
.static #contentarea blockquote {padding:5px 5px 5px 10px;background:#fff;margin:0 0 10px 15px;width:120px !important;}
.static #contentarea object {max-width:400px}
.static #contentarea dt {margin:20px 0 2px 10px;}
.static #contentarea dd {margin:2px 15px 15px 20px;}
.static #contentarea div {width:auto;float:none;}
.static h1 {margin:0 0 20px;}
.static acronym, .static abbr { cursor:default; border-bottom:0px; }
.static #inpagenav, .static .inpagenav { width:auto !important; margin-left:0px; }
.static #inpagenav h5, .static .inpagenav h5 { margin:0 0 5px -10px }
.static #inpagenav ul, .static .inpagenav ul { margin:0 10px 0 0; }
.static #inpagenav li, .static .inpagenav li { padding:0; margin-left:0; background:none; }
.static #inpagenav li a, .static .inpagenav li a { border-bottom:1px solid #CCC; display:block; padding:5px 0; }
.static #inpagenav img, .static .inpagenav img { display:none; }
.static #leftcol { min-height:100px; background:#efefef;width:auto;margin:0 0 15px;padding:0;overflow:auto;float:none; }
.static #leftcol h6 { width:auto;overflow:auto;margin:0;text-align:center;padding:10px 5px;font-size:14px; }
.static #leftcol h6 a{}
.static #leftcol ul { margin:0;padding:0;overflow:auto;width:auto; }
.static #leftcol li { border-bottom:1px solid #999 }
.static #leftcol li a { color:#365C9A;text-decoration:underline;overflow:auto;border:0px; }
.static #leftcol li a.pdf { background:none; }
.static #leftcol li a.active{ background:#11204F;color:#fff; }
.static #leftcol ul ul { background:#11204F; }
.static #leftcol ul ul a { background:#11204F;color:#fff;padding:12px 10px 12px 40px; }
.static #leftcol ul ul li { border-bottom:1px solid #29375F; }
}