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;}
#menu li,
.static .expheader #topnav li,
.static #topnav li { margin:0px; padding:0px; display:block; border-bottom: solid 1px #999999; }
#menu li a,
.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; }
#menu li a:hover,
.static .expheader #topnav a:hover,
.static #topnav a:hover { background:#000000; color:#fff; }
#menu li input,
.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; }
}
#hd::after {
opacity: 0;
}
#hd.show-after::after {
opacity: 1;
-webkit-transition: opacity 1s linear;
-moz-transition: opacity 1s linear;
transition: opacity 1s linear;
}
/* - - - new rules for mobile menu -jps */
/*@media handheld and (max-width: 500px), screen and (max-device-width: 500px), screen and (max-width: 1000px) and (orientation: landscape), handheld and (max-width: 1000px) and (orientation: landscape){*/
@media handheld and (max-width: 480px), screen and (max-device-width: 480px), screen and (max-width: 480px), screen and (-webkit-min-device-pixel-ratio:0) and (max-width: 760px){
.mobile-nav-home { display: block; height: 32px; background-color: transparent; position: absolute; top: 12px; left: 64px; right: 64px;}
#mainwrapper { background-image: none}
#sectional-nav { width: 100%; overflow-x: scroll; -webkit-overflow-scrolling: touch; height: 52px; overflow-y: hidden; position: relative; color: #fff;
background-color: /*#1c2952*/ #ccc;
padding-top: 16px}
#hd:after { position: absolute; top:56px; color: #fff; left: 0; right: 0; height: 16px; content: "Navigate this section";
color: #9da3b4;
font-size: 10px;
line-height: 16px;
text-transform: uppercase;
text-align:center;
background-color: #222;
z-index: 1;
letter-spacing: 1px;
}
#sectional-nav:before { position: absolute; display: block; bottom: 0; left: 0; width: 56px; height: 46px; overflow: hidden; content: " ";
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyBAMAAADsEZWCAAAAA3NCSVQICAjb4U/gAAAAMFBMVEX///8iIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiJXTT1UAAAAEHRSTlMAESIzRFVmd4iZqrvM3e7/dpUBFQAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAEvSURBVDiNY2AYBShASQFdhHUpmPJ6/8oBiQsCUV9BJMv5//+PgGV+BcC0rP8aGhoawPX///9fDEBW6H+Ypqj/ILBBD0j8U9gPYsM0rYfI6INIiMz/BYT04LYHt9vAHhBNxOYfELD9a4AlDECg/n8jjjCz+38Ih4zU/284ZFj//xIQZBTAIsN8/6/7NtMZQoEYMiz9/+f8n/Wv4j2GFGPc//f/3/2/838LFidAwDMMu8SgMj8N0GVE7kNk/gagSSgw90M1FaE5bbVjHFQGzQkS/69pQ2WeojqB7f2/OVCZH6hOYIz5DwPoTmC9D5dKQnMcQhN6RLHdx2EaA6M3ROLfDQX0QAClHSA4GYQuwcAA0vRvuyOmBAPT/v9/pglikWBgsDxTgi26QZqcsYsPEAAABsb2CH98FhcAAAAASUVORK5CYII=);
background-size: 25px;
background-position: 50% 50%;
background-repeat: no-repeat;
opacity: 1;
}
/* #sectional-nav ul:before,
#sectional-nav:after {
position: fixed;
top: 0;
bottom: 0;
right: -20px;
width: 56px;
display: block;
content: " ";
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAABCAYAAACsXeyTAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAD1JREFUeNpiVFJSYmdgYGAGYlYgZodiEJsDikF8TiSaCyrOBeWjiyHLIeuFmccG5YNoFigNsp+RAQsACDAAm48BZ7FIzL8AAAAASUVORK5CYII=);
background-position: 100% 100%;
background-repeat: repeat-y;
background-size: 100%;
opacity: .9;
pointer-events: none;
}
#sectional-nav ul:before {
right: initial;
left: -20px;
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}*/
#sectional-nav ul { margin-left: 0; padding-left: 56px}
#sectional-nav ul li { display: inline-block; line-height: 42px;}
#sectional-nav li a { border-top-left-radius: 3px; border-top-right-radius: 3px;padding: 0 12px; height: 41px; display: block; margin-right: 1px; margin-top: 8px;
/* border-bottom: 3px solid #365c9a;
background-color: #e6e6e6;
color: #365c9a;
*/
border-bottom: 3px solid #365c9a;
/* background-color: #444;*/
color: #fff;
border-bottom: 3px solid #fff;
background-color: #365c9a;
}
#sectional-nav li a:hover,
#sectional-nav li a:active { border-color: #f6bd0c; text-decoration: none}
.static #hd {
position: relative;
background-position: 50% 50%;
background-size: 175px;
background-color: #333;
}
#hd .mobile-nav-menu,
#hd .mobile-search,
#search .close,
#menu .close{
position: absolute; top: 0; right: 0; width: 56px; height: 56px; overflow: hidden; max-height: 56px;
text-align: center; line-height: 84px; color: #fff;
background-image: url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAALQAAAC0CAYAAAA9zQYyAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAspJREFUeNrs20ErBHEcx+EZB0mJqyNHRd6FQnIR5UAuznJxcnKiHLgo2dfgBcgrUspZrd80s+Wwh2XtjPnP86nv1dbus38zDXm/38+kVMqBFtAS0BLQEtACWgJaAloCWgJaQEtAS0BLQEtAC2gJaAloCWgJaAEtAS0BLQEtAS2gJaAloEfLN7BmI0ADDTTQQAMNtIAGWkADDTTQQAMNNNBAdwl0nueI1Xl6tM0H0AIaaKCBBhpooIEGGmgBDbSABhpooIEGGmiggQZaQAMtoIEGGmiggQYaaKCBFtBAC2iggQYaaKCBFtBAC2igBTTQQAP9s/cYs3qNAA000EADDTTQAhpoAQ000EADDTTQQAPdJdAerNR8eniwAjTQQAMNNNACGmgBDTTQQAMNNNBAAw20gAZaQAMNNNBAAw000EADLaCBFtBAAw000EADDTTQQKvToKcafO3l2FtW/o/gyPvDTnBNryZBf8QuG3rt2zjpez7+9Gr6kmM6tl3BXq3pC1ZgPvfRu4aeZAexp9gszECnAHohdhgrsC1NCnP188dtI/Ycm+nKb3Ggf99m7L66YYQZ6FbdFA7rJXYX+4RZKZzQg7ZiV7F1mJ3QKYAuOo71xnhDYQb6XzUX24+dxVZgBrrtoAftxB5iizAD3babwmG9xq5j7zArhRP6O7KbrHyiOEnMArq2TqvLD5iVBOjiEmA3dhFbq67vYFZrQQ/aiz1m5d9/wKzWg56PHWXlU0Wp9aAloAW0BLQEtAS0BLSAloCWgJaAloAW0BLQEtAS0BLQAloCWgJaAlpAS0BLQEtAS0ALaAloCWgJaAloAS0BLQEtAS0BLaAloCWgJaAloAW0BLQEtAS0BLSAloCWgJaAloAW0BLQEtAS0AIaaAEtAS0BLQEtoCWgJaAloCWgBbQEtAS0BLQEtICWgJaAloCWgBbQEtBSY30JMACaFCUP1D3ANQAAAABJRU5ErkJggg==);
background-position: 50% 6px;
background-size: 45px;
background-repeat: no-repeat;
}
#menu .close {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAALQAAAC0CAYAAAA9zQYyAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABfxJREFUeNrs3HfIVXUcx/GjpaYkBf1R+EdGEP0hbSKiRdEgw/bew3ZRRBGFRYsiiiii4ci0sghJIhtYIjakAUERjsoyi4amkBgRWdn3x/lJSz0/fR4f73i94QOO73Ofe85533O/v3Fvv9WrV1dAp9CP0CA0QGiA0AChQWiA0AChAUIDhAahAUIDhAYIDRAahAYIDRAaIDRAaBAaIDRAaIDQAKFBaIDQAKEBQgOEBqEBQgOEBggNEBqEBgjd9ewQOSTyvFNB6HZneGR2ZKfIbZHbnRJCd4LMayA1oTtGZlITuuNkJjWh24phkTkNMq/hqsgjThmhW5UhkXcjuxfW/xQ5IDLPqSN0qzEgMjVy3Ab+3AeRUZGlTiGhW+nOPCVy/Eb+/PuR8yMLnEpCb24GRWZGDuzh43wVOTjyjVNK6M0p8/jIGZEte/hYv0dmRS6MfOvUErqvGRx5O7JPLz/u0nyn/tQpJnRfDgCfipxeUPtJ5KH852siuxX8zOzIyZHlTjWh+2IAOC1yVEHtksglkZfy34+NjItsX/hCOC0y3ykn9KZiYOTlyBGFMt8VmRxZmf9taOS8yJhCqdP89OGR7516Qvc2W0Um5Ltm0wBwbuTaqp79WBtJ0gcjIwoGim9GLo4scgkI3ZsDwCTWvoX1l0XGNtRcGnm88PF+qOppwS9cCkL3xgBwYuTshro/Ix9H7oi8EllV8LjHRG6N7BHp31D/RuTMyDKXhNA9GQC+XtX7LZpIffJFVb38vSGcEnki99dNLI4cbaBI6I29M79Q1fssmvgycl/kuciKDfw921T1wswNkZ0L6j+MjKzs/SD0BvbMT0dOKGgFksxXRGb08HemacBHC6ROrc17kQsin7lUhC6ZzUhL0PsX1KZZiOvy4G5VD3/vgDyYfKAqW0ZPez4Oym0ICL1WBuZ+NrUAWzTUfhS5OfJaLz+H1CPfHdmzoe6P/MI7N8+CgND/GwC+E9mroHZ1fsufvImeS1p8eTJdn4LaZflObespof/1dv9sVe+faGJubgumVn+vAPY2Q/PsR2pnRhTUpxdi2ou9nNCEHpLlHFlQ+13uc6f30XMblfvzYQW1qQVK89TzCd29DMo98KEFtenulxZN0iLLz330/Lau6v3RafFlu4L6NOtxWNXF+6m7Weg1ezNOzS3H+kg7366v6kWWzcGRkfur5q2naablrape4FlM6O5hcO479y6sT/suxm3m55y2oY4trP2xqlc3Pyd0dwwAJ+V+s2kmI+3NuKeq9zP/2gLvKGk/9U1VvfejaQZkVn73WU7ozh4AvlrV3wTaRPrOjNFVvfzdSpyUW6VtC2oXVvXXKswjdOeRFk1erOqFiya+ruq9GWn5e0WLHUfa+3FOVe/92LGgPr3LpGX1JYTurJ55Ur67Na0Apg+nps/+zWjxY0qSps8q7tpQl1YU5+SB4kJCd8ZsxuzIfoX1V0ceyyK0MumFeXnk4cL6NIeePiSwiNDt3WakvRlnNQyi0klICxO3VPXm/HYifUjgzqre+9F0jDNzu7KE0O1JWmjYpaDut6pewJjSpseZXrAT8wu45FgHdeoF7191NuMLahbkNmN6Gx/n9HwMJRuUxmg52ps0GJqwjv9Lq2lXtmGbsb72I33f9PB1/P/o3IIRugOlXpnvVunff+mQ4xySpU3fBzK022TuJqH/K3Wam72xav2puY0lTendW9Uril0jc7cJ/U+pu+ECd9Oxdq3QifT9GtM6qM1YX/txYuSZbrq4NviD0AChAUIDhAahAUIDhAYIDRAahAYIDRAaIDRAaBAaIDRAaIDQAKFBaIDQAKEBQgOEBqEBQgOEBggNEBqEBggNEBogNEBoEBogNEBogNAgNKFBaIDQAKEBQoPQAKEBQgOEBggNQgOEBggNEBogNAgNEBogNEBogNAgNEBogNAAoQFCg9AAoQFCA4QGCA1CA4QGCA0QGiA0CA0QGiA0QGgQGiA0QGiA0AChQWiA0AChAUIDhAahAUIDhAYIDRAahAYIDRAaIDRAaBAaIDRAaKDH/CXAAK6c7sJSriYEAAAAAElFTkSuQmCC);
}
#hd .mobile-search {
right: inherit;
left: 0;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAALQAAAC0BAMAAADP4xsBAAAAA3NCSVQICAjb4U/gAAAAMFBMVEX///////////////////////////////////////////////////////////////9Or7hAAAAAEHRSTlMAESIzRFVmd4iZqrvM3e7/dpUBFQAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAKcSURBVGiB7Zg/aBRBFIdn72IuiZ5aWEmKKQUJprKwSM5a9CwFkRNLQc/CUiS1jZX1nZ0gGG1FuJBGUOEUewM2giiH/zV33jhvZtfdmdlq7zdF4H1Ndqf4Zvbdb9/ORAiGYRiGYRhm73Dkzjs1fXEzgvmisnxsgcXJbZXx9zxWfUnlTFaR5qOqyG+gub7jqNU2Tn3OGj89fZaWW6LMc8Y3vqIv67fM9XuUeo1sf6S9OWWWfRhjTqjSY5ndniX3Y4x6iVw38pl6+vYXRt3Rqh+F+wWaSiLMph7OG3gXVZFG8PxUoe8I9cFgjfQcY4S6E1a2ZKgSA51pb+iAVm/Mbk605qs3Rq/n69nVc2VxGIXTVYBSfNkf7LlJr8hS2U/WgTTtplLTYPCEUruzq3WsJ8HgIUiwSy2l81VRh8/eRKljrTpiremlDgbXIQmhXAd7mi4k1w3n65WyCWnY1EO2vLFE95Avs6upFX3zhuZLpqvCZviTNcuKVIG29rTcoS7oK0NLfOOM1EaQ7AmxT/lfMIq6X/5qDP0voa6+6kPU695unV6iqYSozUbs/v/b2hC35zMVyQ9H12mmaQujXjGHIytLrtmDwU+MmsKmF3pPCnHyUXae2cC4V1Ld51F+VPJ3VBVJBirkCcbdcKQfzOInEuM+XjDvyrb5+xajFmdy86ppqrgAimM71vxcCnvkgAVQR/DCw1cvH5w214vQALoMkAF0WYYG0KFmK48KoMOaggawiP1vAy6ARbrQDuiwgO2ADj1oB3TYj+2ARZKhihbA7AMRIYD1UbwAtlW0AM5nHRyvTts2aJPmshht0Wnb7kdRL0dbtGnb/Thq3bYjLZradj+WWlyNZmYYhmEYhmEYhmEYhmEYhmEYhmEYhtmL/APEOm4/Q5KT7QAAAABJRU5ErkJggg==)
}
#search .close {
background-image: url(data:image/png;base64,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);
right: initial;
left: 0;
}
#hd .mobile-search:hover,
#hd .mobile-search:active,
#hd .mobile-nav-menu:hover,
#hd .mobile-nav-menu:active {
background-color: #333
}
#search,
#menu { position: absolute; top: 0; left: 0; right: 0; background-color: #333; z-index: 101; width: 100%;}
#menu { box-shadow: 0 10px 50px rgba(0, 0, 0, 1)}
#menu ul { padding-top: 56px; padding-left: 0; margin-left: 0; padding-bottom: 0}
#menu li a { font-weight: bold; background-image: none}
#search:target,
#menu:target { display: block}
#menu, #search, #topnav, #mainnav {display: none}
#menu .page-title {
position: absolute;
top: 0;
left: 0;
height: 56px;
text-align:left;
padding-left: 20px;
padding-top: 8px;
color: #fff;
display:block;
}
#menu .page-title .title {
font-size: 20px;
line-height: 26px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
width: 240px;
}
#menu .page-title .description {
color: #9da3b4;
font-size: 10px;
line-height: 14px;
letter-spacing: 1px;
text-transform: uppercase
}
#search { min-height: 56px; overflow: hidden}
#search a + input { margin-top: 12px; display: block}
/* #search { padding-bottom: 15px; border-bottom: 1px solid #000}
#search input{ margin-top: 70px;}*/
#search .searchinputbox {
background-color: #fff;
border: 0;
border-radius: 0;
padding-left: 24px;
color: #000;
font-size: 14px;
line-height: 32px;
width:100%;
background-position: 4px 50%;
min-height: 32px;
margin-left: 64px;
box-shadow: inset 0 5px 5px rgba(0,0,0,.25);
}
#search a + input + input {
display: block;
padding: 0;
height: 56px;
width: 56px;
background-color: transparent;
border-radius: 0;
position :absolute;
top: 0;
right: 0;
margin-top: 0;
color: #fff;
overflow: hidden;
line-height: 82px;
text-align: center;
background-repeat: no-repeat;
background-size: 45px;
background-position: 50% 7px;
background-color: #333;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAALQAAAC0CAYAAAA9zQYyAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABWVJREFUeNrs3dnrZ2McwPFnxowha1mSCMVYGntNyjDMYt+ZsmUdhBQTyT5mxITJkm0yWSNCCTeUXFhKyL/gTi5caYYxzM/n0znuNOfJBc/5fV+v+jTSc+PM2+ns3xlTU1MFposZgkbQIGgQNAgaQYOgQdAgaBA0ggZBg6BB0CBoBA2CBkGDoEHQCBoEDYIGQYOgETQImn+0W8zPNoOgp4MPYjbEXBGz2eYQ9NhjPrv/509jzonZaLMIeuwx/+2T/t/9bvMIeuwxpz9i3o25JuZXm0nQY/B5zIKBNd/ELBS1oMfgp5g9chsPrHsj5monioJu3cUxL8VsX7H265hFThQF3bJdYi6JWRFzUOXx9kX21IJu3ekxz8YcMLAu/yLej7ncnlrQLdsu5vqYNZWHH1/GLIn5zaYTdMtOi3k45uiBdXlJ762Y5TGbbDZBt+yq/kRxRsXa70t32c/hh6CbtWPMhTG3x8yrWP9OzGVOFAXdunyWY13MXhVrP465wJ5a0C3bqXQ3U+4t3c2XIflA05mOqQXdulNi1lYcfmzuDz+uLa5+CLpxN8S8ULn2u5gTimc/BN2wbUv3RN49MUfGzBxY/2bprpY4URR005bFrI/ZuWLtF6W7rr3BZhN0q/LZj7ztnZf09q9Y/1HpLgF6SUDQTcs979Nl+IGmLTHvxVzpmFrQLZvdnyg+GbNNxfqvYhYXVz8E3bgzYh4qw89+/NmfKC53+CHo1uVt71diZlWs/bZ0r3NtFDStyjuKy/oTxUMr1ueLt5eWCb6kJ+jxHH7ksx/7VKz9sHSvf20UNK3aoXSfPFgVs2vF+s9K96bMJkHTsqUxj5XujuLW5CHH2zHXlQm7+iHo8ckHlNZXrs0TxRPLBF2nFvT45HuJ+Tz1XTFHlOG3X/LF25tifhQ0LTu/dK9z1RxT/xBzcv+noBvj/8B/ZyKiFrSoBS1oUQta0K1FnSeUv0y3/7CZ/m4n0qvTMWZ76Mn0YMxKx9CCFrOgBS1mQVNnfszq0n0ofZaYBT1meev7xZg97ZkFPXYHl+7DNCdVrM1nOJ6fpI0j6PGYE3NWzAMxh1esvyPm8UnbSIIej2NiXo85TMyCHrO8+ZW3qvNx0YUVJ4A3xzw3qRtL0O07tXRvftd8S3qiTgAFPT6HlO4rSksH1m3pTwDXTfoGE3Sb8rDi3NJ9O3q/ivV3xzxiswm6VfP6w4xjK9beGvOUTSboFs3pDy/yBPC4Mvw0pJgF3bS8ipGX5vatWJvXo1fZZIJu1VExj5bu2Yyhr47eWOp/xkLQ/OfOK92zGbtXrF1ZustzCLpJ+WxGfjhmQcXaib5pIui25Y/a50cY7+sPN4bkF0jX2myCbtX8/gRwbsXaO/vjawTdpPze3P39n7MH1k7cI6CCHpf8ieOXS91PIk/8sxmCbtvcfm+7aGDdVL9ndmlO0E3KX4vN16byeYsDK9bnncI1NpugW5VfKXqtDH+oPK2IecImE3SL8oRvcb/HPb4M3wG8JeYZm03QrVrc75n3dgIo6LHLw4v8PZQlZetf2c+/gHw2Y51NJuiWbepPBofk9ejVNpegW5dvXg/d3XPMLOhR2dovVt1Wuh+oR9Cjj9o7gIKeNlF7OF/Q0ybqfLVqpU0haBA0ggZBg6BB0CBoBA2CBkGDoEHQCBoEDYIGQYOgETQIGgQNggZBI2gQNAgaBA2CRtAgaBA0CBpBg6BB0CBoEDSCBkGDoEHQIGgEDYIGQYOgQdAIGgQNggZBg6ARNAgaBA2CBkEjaBA0CBoEDYJG0CBoEDQIGkELGkGDoEHQIGgEDYIGQYOgQdAIGgQNggZBg6ARNAga/n9/CTAAExLQT178YoAAAAAASUVORK5CYII=);
}
/* - - - new styles for old code */
.static h1 { line-height: 1.25em; border: 0; padding-bottom: 20px}
.static #bd { /*background-color: #fff*/}
#toptopics ul li { width: 100%}
#head { color: transparent}
#head > * { display: none}
#head h1:last-child { display:block; color: #011445}
}
@media screen and (min-width: 580px) and (max-width: 760px){
#menu .page-title .title {
width: 580px;
}
}
#user-feedback *{
padding: 0;
margin: 0;
outline: 0
}
#user-feedback {
margin-top: 30px;
padding: 0 15px;
}
#user-feedback div {
width: 45%;
}
#user-feedback div {
float: left
}
#user-feedback fieldset:after,
#user-feedback:after {
clear: both;
height: 0;
width: 0;
content: "";
font-size: 0;
display: table;
}
#user-feedback li {
display: inline-block;
width: 45%;
}
#user-feedback li:last-child {
display: block;
margin-top: 20px;
}
#user-feedback li:first-child,
#user-feedback li:nth-child(2) {
width: 15%;
}
#user-feedback li a {
display: block;
padding: 4px;
}
#user-feedback textarea {
width: 100%;
margin-bottom: 10px;
min-height: 90px;
padding: 4px;
}
#user-feedback fieldset input[type='submit'] {
float: right;
margin-left: 20px;
margin-bottom: 20px;
padding-left: 10px;
padding-right: 10px;
min-width: 120px;
}
#user-feedback fieldset input[type='submit']:disabled,
#user-feedback fieldset input[type='submit']:disabled:hover,
#user-feedback fieldset input[type='submit']:disabled:active {
opacity: .5;
background-image: none;
background-color: #ccc;
border-color: #666;
color: #333;
text-decoration: none
}
#user-feedback h4 {
font-size: 22px;
line-height: 40px;
}
#user-feedback hr {
border-style: dashed;
border-color: #aaa;
}
#user-feedback h4 small{
font-size: 14px;
font-weight: normal;
float: right;
font-style: italic
}
#user-feedback h5 {
font-size: 15px;
line-height: 64px;
font-weight: normal;
}
#user-feedback .title {
background-repeat: no-repeat;
background-position: 0 50%;
background-size: 38px;
padding-left: 45px;
background-image: url('data:image/png;base64,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');
}
#user-feedback #helpful-no.title {
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAMAAAD04JH5AAAAA3NCSVQICAjb4U/gAAAAPFBMVEX///////+ZAACmExOZAAD57u7y3NyrISHnvr7ZmZmZAADMZmbMd3e5RkaZAACZAACZAACZAAC/VVXkuLjdNQ75AAAAFHRSTlMA////7v//////mf///yIzu93//4Ot714AAAAJcEhZcwAACxIAAAsSAdLdfvwAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAE10lEQVR4nO1b59abMAwNYW8D7/+u/QJNsZZlRqL2nN5/OQG0ruQlPx7/JIaxaZybsueKbHKuacbha7Ldb8EYmfu4FmMz8bJ3TM34OemC5cQTn9Bh0G2Hfrg3FmNzRPqGG90wuuPiX3D3qHBW/E0qDCec7+MqF2KJLyNrrph/wfs73GknjKr5afmDVHXCOSaEzE/7rl6KPPmNvFjqrg8ocsYJo1R40rkuEhZFPUtKTIedILg/bSte+BtVy+twNAx88vVLWPqGpWdfPpQNrPxW8DwTi/aiBpz8NtcF78g5FaI1YOTP0db/8cJ8WgMqv1SYx6Mqz2lA5XdnxL/QndGAyD9nvuQEVYMRv9EfIh9GTlJSqQek/px2/xs4DOGKNOD6W1+VnyQ1+uQUGhfQ+JNGVT4NCyrOLpoA6QX6+aiQBmIQhuwj8okGmRQEFIBb/L9hiQoCqgA38G8HYiJbDVAALucfBMxGNgjQAT18/2fKVR+gRPXzOIogrEiMC2AGlH79y7uNRGVkVOqtAKcd+AisyjQTIAMr/tU5Rv4+DgMzKiCA8BA6wCcAUL3V5ftTEaABpAF2AXBAmYjvqUSAhgIqgyC4kAOAFFhEEDkpINlSWTfoApACINKohjyV0TlHj4NcALM0kAgDeAnM//Bgpq0L0OMgcQrw1yA5ABINj+cHFYD1DMyVfReAaQB0MvaAMj0u0OOwdIAATQIFUaYhk9JEARp6kcOAC0Y+AthEWMHUQgBXJCX6Fzhoj4E/DJE8gzFQFygwBqR4+1masRGgs4A59EEKX2FaukFWj0wEuBjvXo0ajXYNuHj5HHnHwM8BNsbV6rg0dnlcbHsEPZuxPkcmpgoJaZ5X1aHlaVFVQskEWTUQCqhZdh1+DEZCgagB/xp8TjdkJL51JsrDzxJHqsDhfYjj8AtFhjn4BQpAEgyIg+p04w74xXBEHLx5McDDH+AbpMAXOAhZ2KAkuHE5KMMfDhxS4AtJANPAoZHg0n5QLPxp0YTKwDfkJ4kn8FUIvJ9fKQOwEEAF8ATqQyj/K/D3KmBDQvM0NC9E5qXYfDAyH47NJyTmUzLzSemnpuV5PbOVlUzLP7IwKbrV0dxKky5M7l6a5Uv7rvYcqenS7NbFaVH7HONiQBenMcvzOFQdPqiknGKW5/oGRQxytn2CcorZoFC3aHRUHd+0wHCK26JRNqk00xeha4O1h92kCm/TBQE5xwDbw27ThTcqZSyEcwQlUkDYqAxt1Yqmiy07b3D9PsJWbWizmgNNN2p6y5FJ2qwObdeTb+imP3up1Uncrg8cWAAUUrrtSNtFdKF8YBE4stlN30u8iLILVlL5yCZ0aLVBS7eVcwp7QodWgWO7DYrxiunMN/DJpXxwuYF25OwQORf6BDm7lY9uGfd5pgc4F/oCbSEIHF6v4HKv7+LLpnp4HT6+Rwx+xnAOQj2+1xoYwNFRFOcAIhoYlBaOvYpGck5WX2zoCjexrD6M5xxAXBOL0sbTnTJ9RWwbT7iRKT+9eRDdyGTfymXfzGbezmff0Gjf0mnf1Grf1mvf2Gzf2m3f3G7f3m9/wcH+iof9JZeH+TUfxQnxOH/R6WF+1ethf9ntYX7d74oKN4lfVbC98vmC8aXXFbbXft86WF583mB79dvTwuzy+934BbCmZPLIaJ8/AAAAAElFTkSuQmCC');
}
#user-feedback #write-comment.title {
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAMAAAD04JH5AAAAA3NCSVQICAjb4U/gAAAAPFBMVEX///9ERET///97e3tycnJmZmZKSkpSUlLCwsKxsbFERET39/fw8PDR0dFbW1uKiorm5ubf39+ZmZlERESCfvOmAAAAFHRSTlMA////////////qv//////////EaJu4doAAAAJcEhZcwAACxIAAAsSAdLdfvwAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAACKUlEQVR4nO1a23bCMAzD6x0KhfL//7rBzqA0cewk7sLOpGeoRVIpssluBwAAAAAA8Ba47unXsb8WLb+kUKr+g0Gx+l8M7gtQrj7RtewCfC9ByfpEIAACIAACLoG22hSdSKD52BQ1CICASKDrt6zfyyogqi5blb9UTjG/Ec2HLcofZk8pxgm7wb7+sF79EAGi+mhb/rh++yQCRNNoV36cuCqhw6g124ehZYuET8PGZB+OTaCEdBxX59zyZ1d6MQSozZPkYeZXX0eA6JRhjf1JeroqEdWJ1nhhpBdNIE2SvPQSCCRYo9/4FAQa5ptxkmSk1w2aPMCt3aSW5Jl7wqgMJMzbo5QkJ737u6xNRIx+NJIMf1UdybifIaUVT+a44bF4EZmQ89DQPngzBy0dPSqUMovJS5IR0HLjIlMxc4760wqTOV5P9dhYzkrSsUblJ+P7AsZS1mmFWSvHvlIaE4U1ssbnPCypMxqFd5vVi+cIS2zNQtYYND4rAgF/i/TM9OZUDFdL8KdGTncsxMsFAlE2rz0PBuznE0LJIXc+IOccITtlDyikpCelR4MJSSjryvnZZETDpX1NXLGZEXklqQtsVkMqV5LKLtJuSva6D+r+zXJM9zyBIyYJpnPCH0nGNG7Gg8qbNca1TOaT0iGyafwDo1oQAAEQAAEQAAEQ2PTv+7pZx+k3vMAAAiAAAv+QQPErncUvtRa/1lv+YnPxq93lL7cDAAAAAAAUxSf140zbTEE3PQAAAABJRU5ErkJggg==');
}
#user-feedback hr + div {
padding-left: 64px;
background-position: 7px 10px;
background-repeat: no-repeat;
background-size: 45px;
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAMAAAD04JH5AAAAA3NCSVQICAjb4U/gAAAAPFBMVEX///9ERERERERERERERERERERERERERERERERERERERET////ExMSjo6OTk5OKiopycnJmZmZfX19ERERWK7ncAAAAFHRSTlMAESJVd4iZu8zd7v///////////35ftJEAAAAJcEhZcwAACxIAAAsSAdLdfvwAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAACA0lEQVR4nO3a3ZKCMAwFYLAgYtFV+v7vuvysgmm6jNLk7M7kXHqTzzYtSlsUFovFQlO6umnPIXvObVO7crO8a/KXXqdxv5avWtnyY9oq/e0Vyk+ExCjUOuXH1FzvnfTqh3CKuvGgNPyPtAfy/ZXrD4LXMVAd/zknUP8tWXWiQ9QPYVmN6g0wp33uf5j6IVTYAXgOAagDxsxdwD7/7rfMuXNVmmkPYqp3XiDdLa5UsjNwkSg/5sLOQbQJidVnBDXTAne5+t7TTmiYRSgy/490pNi4EOnvT8n63pNi5wFAPuplAT0pFwNEW8B7uhQNYAAD/AfA167Qjf0DQNiVqwEMYID9gG5f9gPyxgAGMMAHgP6tbP2zFd8J6c5nAAMYIAMgbwxgAAMYYBsg/KaUAdB3xaIvqzkAPTTd2s2zA47kI9khYADRqaFoFzCAAwWIjgED4M4t++vOP+XJ0DMb2NH5GsDMgS4gXgfaAOQQAC9QrAH6V1gIADgJ4FskCwB2jQN+k6ZYCQQuMb4FKErhu4ybAL0LhUnAQNC+VEYBw5ZQqc5EDJgQzlWZk3rg8QCJJAR6gIRAEcALNAGsQBXACXQBjEAZEAu0AZFAHUAF+gAiAABeBQjAiwACWAswgJUABFgEKMBTAAM8BDjAjwAImAVIwCSAAkYBFjAIwIDiiAZYLBbLH8g30dOYNtCc0YoAAAAASUVORK5CYII=');
}
#user-feedback fieldset span {
font-size: 11px;
}
#user-feedback .hidden {
opacity: 0;
display: block;
pointer-events: none;
max-height: 128px;
}
#user-feedback .fadeIn {
opacity: 1;
-webkit-transition: opacity .5s ease-in-out;
-moz-transition: opacity .5s ease-in-out;
transition: opacity .5s ease-in-out;
display: block;
}
#user-feedback .fadeOut {
opacity: 0;
-webkit-transition: opacity .25s ease-in-out;
-moz-transition: opacity .25s ease-in-out;
transition: opacity .25s ease-in-out;
display: block;
}
.no-js #user-feedback{
opacity: 0;
display: none
}
#user-feedback .fred {
color: #9f0000
}
#user-feedback .fgreen {
color: #046303
}
#user-feedback .html {
background-image: url( data:image/gif;base64,R0lGODlhDQANAOZNAAAAAISEhMbGxv///+Tm7eHv+dLn9MjN2MvO2PT3+rfF4fz//+/1+Obm7Nfe6OTl7PL1+v3+/sva6kZ6z8vR3Nvs+JyuvNXn9dHZ4Zerwuv2/FlomZHO7ZvX9/v+/5SwwtTc593t+Lbr8eHj6+Tt82mR222e6Wt3otzg6o+2883V9eTx+fz+/9Tc6Nrr98vW3ay54re9zNbq9nu97tLo94Ok3PP7/u31++Pk6GiExurp79/q8d3v+ebw+P7//3OWvpmnypWqu87e6UhoteTp/dvp89jp93Cu6OPy+4i+49Lm9cHO4dTm9P///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAE0ALAAAAAANAA0AAAd2gE1NAYSFhYKCAToDAz4sCz0BAIgBDQMeCRAMNwCdiQ8RBwg4MRg2ApODBBQnKkQwGzuoiQRAOSYpJUNLs4MjChMzHUc1Er0BKCQ/HCJJGTzHDhovQR8WQjLHICsFBUUVTAbHLUghLkYXSjTHAu3u7qmSnfP0gQA7);
background-repeat: no-repeat;
background-position: 0 50%;
padding-left: 18px;
}
#user-feedback button {
padding: 4px;
min-width: 38px;
}
#user-feedback button:hover {
cursor: pointer;
}
@media all and (max-width: 800px) {
#user-feedback li:first-child,
#user-feedback li:nth-child(2),
#user-feedback div,
#user-feedback li {
width: 100%;
float: none
}
#user-feedback h4 small {
display:none;
}
}