html { height:100%; padding:0; margin:0; font-size:62.5%; font-family: optima, arial, verdana, sans serif; }
body { height:100%; padding:0; margin:0; behavior: url('htc/csshover.htc'); }
noscript div { position: absolute; top: 10px; left: 220px; width: 540px; padding: 4px; z-index: 100; text-align: center; background-color: #ffffff; border: solid #ff0000 1px; font-size: 1.4em; font-weight: bold; color: #ff0000; }
img { behavior: url('htc/pngbehavior.htc'); border: 0;} /* png workaround for ie 5/6 */
div.center { text-align: center; }
.document img { margin-right: 4px; }
.error, div.mceContentBody .error { color: #ff0000; }
div.wrapper { position: relative; width: 980px; height: 100%; margin: 0em auto; text-align: left; }
div.header { position: absolute; background: #0054a3 url('../../images/default/bg_top.gif') repeat-y; height: 112px; width:100%; top: 0;}
img.print { display: none; }
div.contentcontainer { padding-top: 112px; }
div.blue div.contentcontainer { background: url('../../images/default/bg_main.gif') repeat-y top right; }
div.bgcontent { background: url('../../images/default/bg_content.jpg') no-repeat top right; min-height: 400px; }
* html div.bgcontent { height: 400px; }
div.blue div.bgcontent { background: url('../../images/default/bg_content_side.jpg') no-repeat top right; }
ul.menu { display: block; margin: 0px; padding: 0; position: absolute; top: 79px; left: -1px; width: 980px; height: 31px; border-bottom: 1px solid #ffffff; border-top: 1px solid #ffffff; background: #0055a3; }
ul.menu li { display: block; float: left; position: relative; list-style-type: none; margin: 0; padding: 0; background: #0055a3; width: 163px; white-space: nowrap; }
ul.menu li a { display: block; padding: 0; margin: 0; height: 31px; line-height: 31px; border-left: 1px solid #ffffff; color: #004494; text-decoration: none; width: 162px; text-align: center; font-weight: bold; font-size: 12px; color :#ffffff; }
ul.menu li ul { display: none; background: #b4b5b9; position: absolute; top: 31px; margin: 0; padding: 0; border: 1px solid #ffffff; font-weight: normal;}
html> body ul.menu li ul { margin-top: -1px; } /* ff mac - hack*/
ul.menu li ul li { display: block; float: none; margin: 0px; padding: 0px; border: none; background: #b4b5b9; width: 163px; }
ul.menu li ul li a { display: block; padding: 0; line-height: 14px; height :auto; font-size: 11px; font-weight: normal; width: 163px; padding: 5px 0 5px 0; border: none; color :#00468a; background-color: #b4b5b9; }
ul.menu li ul li:hover a { color: #ffffff; }
ul.menu li ul li ul { border: 1px solid #b4b5b9; margin: -28px 0 0 162px; background: #ffffff; }
ul.menu li ul li ul li a { color: #004494; background: #ffffff; line-height: 12px; }
ul.menu li ul li:hover ul li a { color: #004494; }
ul.menu li ul li ul li a:hover { color: #000000; }
img.logo { position: absolute; top: 16px; right: 20px; }
img.payoff { position: absolute; top: 26px; left: 20px; z-index: 1; }
div.content { float: left; width: 680px; padding: 0 0 3em 0; }
div.wide div.content { width: 980px; }
div.column1 { float: left; width: 300px; padding: 0 10px 0 24px; }
div.column2 { float: left; width: 300px; padding: 0 10px 0 25px; }
div.side { float: right; width: 266px; min-height: 400px; color: #000000; font-size: 11px; margin-top: 16px; }
div.blue div.side { background: #48bccf url('../../images/default/bg_side.gif') repeat-x; color: #ffffff; }
* html div.side { height: 400px; }
div.sidebox { padding: 18px 0 10px 18px; width: 205px; color :#ffffff; font-size: 11px; line-height: 18px; }
div.side div.sidebox p { color :#555555; line-height: 18px; }
/* clear all */
div.clearall { clear: both; }
div.header1txt { font-size: 13px; font-weight: bold; color: #0154a4; }
div.breadcrumbs { position: absolute; padding: 14px 0 0 24px; color: #0154a4; font-size: 11px; }
div.breadcrumbs a { color: #0154a4; font-size: 11px; text-decoration: none; }
div.wsgcolumn { padding: 0 24px 0 24px; }
/* homepage */
div.hpbgcontent { min-height: 376px; padding-bottom: 24px; }
div.hpcontentcontainer { padding-top: 106px; background: url('../../images/default/bg_home.gif') repeat-y top right; }
div.intro { width: 980px; height: 266px; }
div.introtxt { position: absolute; left: 478px; margin: 48px 48px; font-size: 1.2em; color: #0154a4; width: 400px; }
div.introtxt h1 { font-size: 1.1em; margin: 0; padding: 0;}
div.introtxt p { margin: 0; padding :0; }
div.hpcols { width: 980px; background: url('../../images/default/bg_top.gif') no-repeat; min-height: 28px; }
div.hpcol { float: left; overflow: hidden;}
div.hpcol h2 { color: #ffffff; text-align: center; margin: 0; padding: 5px 0 5px 0; }
div.hpcol p { padding-top: 16px; font-size: 12px; }
div.hpcol ul { margin: 16px 0 0 16px; padding: 0; }
div.hpcol ul li { font-size: 12px; color: #8a8c8f; }
div.hpcols div.one { width: 240px; }
div.hpcols div.two { width: 288px; }
div.hpcols div.three { width: 247px; }
div.hpcols div.four { width: 200px; text-align: center;}
div.hpcols div.padbox { padding: 0 22px 0 22px; }
form input.button, button { border: 1px solid #ffffff; background: #8a8c8f; color :#ffffff; font-size :13px; text-transform: uppercase; margin: 5px 45px 0 5px;}
div.libmenu { float: left; width: 170px; }
div.libmenu ul { margin: 0; padding: 0; border: 1px solid #B4B5B9; width: 165px; }
div.libmenu ul li { list-style-type: none; display: block; padding: 2px 0; text-align: center; }
div.libmenu ul li a { text-decoration: none; }
div.libfiles { float: right; width: 440px; }
div.libfiles ul li { list-style-type: none; display: block; }
/* footer */
div.footer { background: #b4b5b9; height: 31px; width: 980px; margin: 0 auto; border-top: 1px solid #ffffff; }
div.footer div.servicemenu { float: left; margin: 4px 0 0 18px; color: #ffffff; font-size: 16px;}
div.footer div.servicemenu a { font-size: 12px; color :#ffffff; text-decoration: none; padding: 0 7px 0 7px; }
div.footer div.servicemenu a:hover { color :#0055a3; }
div.footer form { float: right; margin: 4px 3px 0 0; }
div.footer form input.text { width: 185px; font-size: 11px; border: 2px solid; border-color: #848587 #848587 #c7c8ca #c7c8ca; }
* html div.footer form input.text { width: 175px; }
div.footer form input.button { background: #b4b5b9; border: none; color :#ffffff; font-size: 12px; margin: 0; }
div.footer form input.button:hover { color :#0055a3; }
/* searchengine */
div.searchengine p.searchstars { }
div.searchengine span.searchresulthead { }
div.searchengine span.searchresultlocation { }
/* content preformatted table styles */
table.standardtable thead tr td { font-weight: bold; background-color: #999999; color: #ffffff; }
table.standardtable tbody tr td { background-color: #e5e5e5; }
table.standardtable tfoot tr td { background-color: #999999; }
table.standardtable tbody tr td.standardtablefirstcolumn,
table.standardtable tbody tr td.standardtablefirstcolumn a { background-color: #ffffff; color: #000000; font-weight: bold; }
/* form styles */
div.content form { padding: 10px; }
form { margin: 0; border: 1px solid #B4B5B9; }
form input { margin: 1px; border: 1px solid #0055A3; }
form input.button, button { border: 1px solid #ffffff; background: #8A8C8F; color :#ffffff; font-size :13px; text-transform: uppercase; margin: 5px 45px 0 5px;}
form input.text { width: 270px; margin: 1px; }
form input.radio { margin: 1px; border: none; }
form input.checkbox { margin: 1px; border: none; }
form select { margin: 1px; border: 1px solid #0055A3; }
form option { }
form textarea { width: 270px; margin: 1px; }
form label { color :#0154A4; font-weight: bold; font-size: 11px; text-align: right; }
/* form preformatted styles */
form span.formerror { color: #ff0000; }
form span.formrequired { color: #ff0000; font-weight: bold; }
/* custom styles in wysiwyg */
.red { color: #ff0000; }
/* light box */
div.lightbox { position: absolute; left: 0em; width: 100%; z-index: 100; text-align: center; line-height: 0em; }
div.lightbox a img { border: none; }
div.outerimagecontainer { position: relative; background-color: #ffffff; width: 250px; height: 250px; margin: 0em auto; }
div.imagecontainer { padding: 10px; }
div.loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0em; }
div.hovernav { position: absolute; top: 0em; left: 0em; height: 100%; width: 100%; z-index: 10; }
div.imagecontainer>div.hovernav { left: 0em; }
div.hovernav a { outline: none; }
a.prevlink, a.nextlink { width: 49%; height: 100%; background: transparent url('../../images/default/lightbox/blank.gif') no-repeat; /* Trick IE into showing hover */ display: block; }
a.prevlink { left: 0em; float: left; }
a.nextlink { right: 0em; float: right; }
a.prevlink:hover, a.prevlink:visited:hover { background: url('../../images/default/lightbox/prevlabel.gif') left 15% no-repeat; }
a.nextlink:hover, a.nextlink:visited:hover { background: url('../../images/default/lightbox/nextlabel.gif') right 15% no-repeat; }
div.imagedatacontainer { font: 10px Verdana, Helvetica, sans-serif; background-color: #ffffff; margin: 0em auto; line-height: 1.4em; overflow: auto; width: 100% }
div.imagedata { padding:0 10px; color: #666; }
div.imagedata div.imagedetails { width: 70%; float: left; text-align: left; }
div.imagedata span.caption { font-weight: bold; }
div.imagedata span.numberdisplay { display: block; clear: left; padding-bottom: 1.0em; }
div.imagedata a.bottomnavclose { width: 66px; float: right; padding-bottom: 0.7em; }
div.overlay { position: absolute; top: 0em; left: 0em; z-index: 90; width: 100%; height: 500px; background-color: #000000; }