/* DEFAULT SETTINGS */ body { font-size:80%; background-image:url(../images/back-gradient.jpg); background-repeat: repeat-x; background-position: top left; background-color: #5E5E5E; color: #FFFFFF; margin: 15px 0; text-align: center; } * { font-family: Arial, Helvetica, sans-serif; margin: 0; padding: 0; } #container { background-color: transparent; color: #000000; background-size: 100%; margin: 0 auto; top: 0; left: 0; width: 975px; text-align: left; } a:link, a:visited { color: #227339; background-color: inherit; } .hide { display: none; } .clear { clear: both; display: block; height: 0px; overflow: hidden; background-color: #FFFFFF; } .disabled { background-color: #EEEEEE; } p.left { text-align: left; } p.center { text-align: center; } p.right { text-align: right; } /* Additions for images that can be floated in the text */ img.floatleft { float: left; caption: Float Image Left; padding-right: 3px; } img.floatright { float: right; caption: Float Image Right; padding-left: 3px; } /*a.more { display: block; background: url(../images/linkmore_bg.gif) center right no-repeat; _background: url(../images/linkmore_bg.gif) center right no-repeat; padding-right: 10px; margin-right: 10px;}*/ a.more {display: block; background: url(../images/linkmore_bg.gif) no-repeat right center; padding-right: 10px; margin-right: 10px;} more:link, a.more:visited { color: #999; background-color: inherit; } /*Addition for the link in the jobsearch box*/ a.jobsearch_link {float:left;margin-left:4px;font-weight:bold;} a.btn span { display: none; } a.btn { display: block; } input.btn { font-size: 0; cursor: pointer; cursor: hand; background-color: transparent; background-position: top left; background-repeat: no-repeat; border: 0; color: #FFFFFF; overflow: hidden; } /* LEVIN image replacement technique */ .replace { position: relative; /* hide for IE5/Mac \*/ overflow: hidden; /* */ } .replace span { display: block; position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; } /* PREHEADER */ #cms { background-color: #000000; color: #FFFFFF; display: block; width: 975px; position: relative; } #cms h3 { display: none; } #cms ul { list-style: none; width: 100%; } #cms li { float: left; } #cms a { display: block; text-decoration: none; white-space: nowrap; color: #FFFFFF; padding: 2px 5px; margin: 1px 8px 1px 0; background: #CC0000; border: outset 2px; font-weight: 900; } #cms a:link, #cms a:visited { color:#FFFFFF; background: #CC0000; } /* PREHEADER */ #preheader { color: #FFFFFF; background: #000000 url(../images/top-grad.png) bottom left no-repeat; width: 975px; padding: 0 0 12px 0; display: block; _background-image: none; } #sitelocation, #languages, #globals, #loginbox { display: block; float: right; margin-left: 30px; margin-right: 2px; } #preheader h3 { display: none; } #preheader ul { list-style: none; } #preheader li { display: block; float: left; margin-left: 5px; } #preheader a { background-position: top left; background-repeat: no-repeat; height: 14px; display: block; float: left; } #preheader a * { display: none; } #maincontent {background: url(../images/slice-grad.png) repeat-y; _background-image: none; } /* HEADER IE 6 hack for background*/ #header { color: #000000; clear: both; background: #FFFFFF url( ../images/topgrad.jpg) top left repeat-x; overflow: hidden; margin: 0 1px 0px 10px; width: 953px; border:1px solid #ffffff; } #hlogo { float: left; margin-bottom: 2px; } #hlogo img { border-width: 0; } #hright { float: right; background: url( ../images/dot_bottom.gif) bottom left repeat-x; margin-bottom: 15px; width: 232px; padding-bottom: 1px; } #hright .textitem { color: #000000; font-size: 0.9em; background: #FFF url( ../images/dot.gif) top left repeat-y; padding: 1px 1px 1px 2px; width: 100%; position: static; } #hright .textitem h3 { background: #55B849 url(../images/titletype1_bg.gif) center left no-repeat; position: static; display: block; color: #EEE; padding: 5px 5px 6px 25px; margin-bottom: 4px; font-size: 1.2em; font-weight: 600; } #hright .fixed { overflow: auto; height: 85px; position: relative; } .fixed { display: block; } .fixed p { padding: 0 5px; } .fixed ul { margin: 0; padding: 0 10px; list-style: none; } .fixed li { display: block; margin: 0.3em 0; } .selector { padding: 0 2px 0 2px; } .selector select { margin: 2px 0 4px 2px; width: 222px; font-size: 0.9em; } .selector label { margin: 2px 0 2px 2px; width: 222px; font-size: 0.9em; } .selector input.txt { margin: 0 0 2px 2px; width: 222px; font-size: 0.9em; } .selector span.wrapper { display: block; margin: 0 0 2px 0; } .selector .btn { float: right; margin-right: 2px; } #hright .selector span.wrapper { width: 149px; float: left; } /* NAVIGATION */ #nav { color: #FFFFFF; clear: both; background: #FFFFFF url(../images/nav-bar.jpg) top left no-repeat; margin: 0 1px 0 10px; width: 953px; position: relative; border-left:1px solid #ffffff; border-right:1px solid #ffffff; } #nav h3 { display: none; } #nav ul { list-style: none; } #nav li { float: left; white-space: nowrap; } #nav a { display: block; text-decoration: none; white-space: nowrap; } #navsearch { white-space: nowrap; float: right; display: block; margin: 1px 0 0 0; padding: 0 0 0 1px; width: 140px; } /* background: url(../images/topnav_separator.gif) top left repeat-y; height: 118px;*/ #navsearch input { float: left; font-size: x-small; margin: 3px 2px 3px 3px; border-right: none; width: 100px;} #navsearch #search_qry { width: 106px; border-color: #CCCCCC; border-style: inset; } #navsearch input.btn { float: left; color: #000000; background: #FFFFFF url(../images/btn_search.gif) top right no-repeat; width: 17px; height: 17px; border: 0; font-size: 0; cursor: pointer; margin: 3px 3px 3px 3px; } #search_label { clear: right; float: left; background-color: inherit; display: block; color: #000000; font-size: 0.85em; font-weight: 700; padding: 10px 4px 0 4px;} #search_text { clear: left; float: left;} /*#search_btn { clear: right; float: right; width: 20px; margin-right: 5px;}*/ #search_btn { float: left; position: relative; width: 20px; margin: 0 5px 0 0;} #topnav { display: block; margin: 0 0 0 0; background-color: #55B849; } #topnav li { color: #D3E3D8; background-color: #55B849; font-size: 0.9em; font-weight: 700; padding: 0 10px; line-height: 30px;} /*border-top: 1px solid #55B849;*/ #topnav li.on { color: #55B849; background-color: #FFFFFF; border-top: 1px solid #55B849; border-left: 1px solid #55B849; line-height: 28px;} #topnav a { color: #000000; background-color: inherit; padding: 0 5px 0 5px; } #topnav a:hover { color: #FFFFFF; background-color: inherit; margin-bottom: -1px; } #topnav01 {border-left: 1px solid #55B849;} #topnav01, #topnav02 { font-size: 1em; text-transform: uppercase; font-weight: bolder; } #topnav02 { background: url(../images/topnav_separator_old.gif) center right no-repeat; } #topnav li.on a, #topnav li.on a:hover { color: #55B849; background-color: inherit; } #subnav { clear: both; display:block; width: 953px; background: #FFFFFF; color: #55B849; overflow: hidden; font-size: 0.9em; border-bottom: 1px solid #55B849;} #subnav li { font-weight: 600; white-space: nowrap; padding: 0.4em 10px; } #subnav li.on { background: url(../images/subnav_on.gif) center left no-repeat; padding: 0.4em 10px; } #subnav a { color: #55B849; background-color: inherit; } #subnav a:hover, #subnav li.on, #subnav li.on a { color: #55B849; background-color: inherit; } #thirdnav ul { list-style: none; } #thirdnav li { color: #55B849; padding: 0.3em 5px; background-color: inherit; } #thirdnav li.on { font-weight: 700; } /* New style for selected nav */ .whiteonwhite { padding: 0; font-size: 1px; margin: 0; vertical-align: baseline; clip: rect(1px, auto, auto, 1px); color: #ffffff; background-color: #ffffff; text-align: center; } /* CONTENT */ #content { width: 953px; background-color: #FFFFFF; border:1px solid #ffffff; margin:0pt 1px 0 10px;} .spanleft { background-color: inherit; background: url(../images/content_bg_spanleft.gif) top left repeat-y; } .spanright { background-color: inherit; background: url(../images/content_bg_spanright.gif) top left repeat-y; } .cols { background-color: inherit; background: url(../images/content_bg_cols.gif) top left repeat-y; } #content p,#content q, #content ul, #content ol, #content hr { margin: 0.2em 10px 1em 10px; font-size: 1em; line-height: 1.3em; color: #333; background-color: inherit; } #content table { margin-left: 10px; margin-right: 10px; width: 95%; } #content table td { padding: 3px ; vertical-align: top; } #content ul, #content ol{ margin-left: 40px; } #content hr { color: #999; height: 1px; background-color: inherit; } #content img { border: 0; } #cleft { display: block; width: 154px; margin: 0px 1px 0px 0px; float: left; overflow: hidden; } #cright { display: block; width: 315px; margin: 0px 0px 0px 1px; float: right; overflow: hidden; } #cmain { display: block; float: left; overflow: hidden; width: 953px;} /* background-color: #EEEEEE; */ .cols #cmain { width: 480px; margin-left: 1px; } .spanleft #cmain { width: 632px; margin-left: 1px; } .spanright #cmain { width: 794px; float: left; padding-left: 1px; margin-left: 2px; } .home .spanright #cmain { width: 953px;} .spanright #cright{ display: none; } .spanleft #cleft { display: none; } #cmain h1 { color: #227339; background-color: inherit; font-size: 1.6em; margin: 0.2em 10px 1em 10px; font-weight: 700; } #cmain h2 { color: #000000; background-color: inherit; font-size: 1.2em; margin: 0.5em 10px 0.2em 10px; font-weight: 700; } #cmain h3 { color: #227339; background-color: inherit; font-size: 1em; margin: 0.5em 10px 0.2em 10px; font-weight: 700; } #cmain h4 { color: #000000; background-color: inherit; font-size: 1em; margin: 0.5em 10px 0.2em 10px; font-weight: 700; } .col { font-size: 0.9em; background-color: #FFFFFF; color: #000000; } .col .ttype1 h3 { color: #FFFFFF; background-color: #227339; padding-left: 20px; font-size: 1.35em; font-weight: 700; } .col .ttype2 h3 { color: #FFFFFF; background-color: #A6A6A6;) center left no-repeat; padding-left: 20px; } .col .ttype3 h3 { color: #227339; background-color: #E6E6E6;) center left no-repeat; padding-left: 20px; font-size: 1.35em; font-weight: 700; } .col h3 { font-size: 1.2em; font-weight: 600; padding: 0.5em 10px; margin: 0 1px 4px 1px;} .col .textitem, .col .add { color: #000000; background: #FFFFFF url( ../images/dot_top.gif) bottom left repeat-x; margin-bottom: 2px; } .col .ttype1 { background-color: #F2F2F2; color: #000000; } /*.textitem .blockcontent { position: relative; }*/ #content .textitem p, #content .textitem q, #content .textitem ul, #content .textitem ol { margin: 0.2em 5px 1em 5px; } #cmain .textitem ul, #cmain .textitem ol { margin-left: 30px; } #content .textitem ul, #content .textitem ol { list-style: none; margin-left: 10px; } /* .col .add img { position: relative; border: 0; margin-left: 1px; z-index: 2; } #cleft .add img { margin-left: 2px;} */ #content .add p { margin: 1px 2px; } /* FOOTER */ #footer { clear: both; background: transparent url(../images/bottom-grad.png) top left no-repeat; _background-image: none; margin: 0 0 0 0; padding: 5px 21px 0 1px; _PADDING: 5px 0 0 0; width: 975px; font-size: 0.85em; line-height: 1.5; color: #000000; } /*#5E5E5E*/ #footer ul { background: transparent url(../images/footer_logo.gif) top right no-repeat; height: 45px; list-style: none; display: block; padding: 5px 5px 2px 0; margin-left: 5px; margin: 12px 12px 0 5px} #footer ul li { color: #FFFFFF; display: inline; float: left; padding: 0 0.6em; border-right: 1px solid #000000;} #footer ul li a { color: #FFFFFF; } #footer ul li.copyright { background: transparent; border-right: 0px; float: right; margin-right: 5px; padding-right: 50px; } #footer ul li#footerlogo {display: none; border: none;} /* POSTFOOTER */ #postfooter { color: #000000; background: transparent; width: 975px; padding: 6px 0 0 0; text-align: right; } /* SITE MAP */ #content table.sitemap { width: 95%; margin-bottom: 2em; } #content .sitemap td { padding: 3px ; border-bottom: 1px dotted #CCCCCC; } #content .sitemap ul { margin-left: 10px; } #content .sitemap a { background: url(../images/icon_doc.gif) 0.2em 0 no-repeat; padding-left: 20px; } #content .sitemap a.backtotop { font-size: .7em; background: none 0.2em 0 no-repeat; padding-left: 20px; } #content .sitemap .indent01 { padding-left: 1em; } #content .sitemap .indent02 { padding-left: 1.25em; } #content .sitemap .indent03 { padding-left: 1.75em; } #content .sitemap .indent04 { padding-left: 2em; } /* HOME PAGE */ .home h1 { display: none; } .home #banner { height: 272px; } .home .textitem h3 { position: static; } .home .textitem .blockcontent { position: static; } .home .selector, .home .selector select, .home .selector input, .home .selector label { width: 193px; margin-bottom:2px;} .home #banner { color: #000000; background: #FFFFFF url( ../images/dot_top.gif) bottom left repeat-x; } .home #banner .add { display: block; width: 953px; height: 272px; } .home #cmain .add img { border: 0; z-index: 2; } .home #cmain .add p { margin: 1px 2px; } .home .spanright { display: none; } .home .spanright #cmain { width: 100%; } .home #cmain p {background-color: transparent; color: #FFFFFF;} #adds { height: 175px; margin: 4px 0px 0px 0px; background-color: #FFFFFF;} #add1, #add2, #add3 { float: left; display: block; color: #FFFFFF;} #add2a, #add2b { float: left; display: block; color: #FFFFFF;} #add1, #add1 object, #add1 embed { margin: 0px 2px 2px 2px;} #add2, #add2 object, #add2 embed { margin: 0px 2px 2px 2px;} #add3, #add3 object, #add3 embed { margin: 0px 2px 2px 2px; } #add2a, #add2a embed, #add2a object { margin: 0px 0px 2px 0px; border-right: 2px solid #FFFFFF;} #add2b, #add2b embed, #add2b object { margin: 0px 0px 2px 0px; border-left: 2px solid #FFFFFF;} #adds .textitem { background: transparent url(../images/ad-grad.jpg) top left repeat-x; } #adds .textitem h3 { margin: 0 0 0.2em 0; padding: 2px 2px 0 2px; color: #FFFFFF; background-color: transparent; } #adds .textitem, #adds .add { width: 313px; height: 172px;} #cmain .grid01 .textitem, #cmain .grid01 .add { width: 949px; background-color: transparent; color: #FFFFFF;} #cmain .grid01 p {background-color: transparent; color: #FFFFFF;} #adds #add2a .add, #adds #add2b .add, #adds #add2a .textitem, #adds #add2b .textitem { width: 154px; } #adds .add { overflow: hidden; } #adds .textitem { overflow: auto; } /* FORM FIELDS */ form.main p.info { font-weight: 700; } form.main label { display: block; margin: 0.2em 10px 0.5em 10px; line-height: 1.5em; } form.main label input { display: block; clear: left; } form.main label select { display: block; } form.main label textarea { display: block; } form.main label.req { font-weight: 700; } form.main input.text { width: 250px; font-weight: 500; } form.main input.number { width: 100px; text-align: right; padding-right: 2px; font-weight: 500; } form.main select { width: 250px; font-weight: 500; } form.main textarea { width: 350px; height: 6em; font-size: 1em; font-weight: 500; } form.main fieldset { border-width: 0; margin-top: 0.2em; margin-bottom: 1em; width: 90%; } form.main fieldset.check label { line-height: 1em; margin: 0.2em 10px; } form.main fieldset.check input { display: inline; margin: 0 10px 0 0; } #content fieldset.check p { margin: 1em 10px 0.2em 10px; } #content fieldset p.req { font-weight: 700; } #content form.main h3 { font-weight: 700; color: #000000; margin-top: 1em; } fieldset.check div.colone { display: block; width: 90%; float: left; } fieldset.check div.coltwo { display: block; width: 45%; float: left; } fieldset.check div.colthree { display: block; width: 30%; float: left; } #oddcast { position: absolute; top: -95px; left: 175px; height: 95px; overflow: hidden; display: block; } /* Additions for images that can be floated in the text */ img.floatLeft { float: left; caption: Img Float Left; ) img.floatRight { float: right; caption: Img Float Right; )