/* DEFAULT SETTINGS */ body { font-size:80%; background: #5E5E5E url(/res/content/back-gradient.jpg) repeat-x top left; color: #FFFFFF; margin: 15px 0; text-align: center; } * { font-family: Arial, Helvetica, sans-serif; margin: 0; padding: 0; } #container { background: #F2F2F2 url(../images/framework_bg.gif) top left repeat-y; color: #000; margin: 0 auto; top: 0; left: 0; width: 767px; text-align: left; } a:link, a:visited { color: #227339; background-color: inherit; } .hide { display: none; } .clear { clear: both; display: block; height: 1px; overflow: hidden; } .disabled { background-color: #EEE; } 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; text-align: right; padding-right: 12px; margin: 0.2em 10px 1em 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: #FFF; 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 { color: #FFFFFF; background-color: #000000; display: block; width: 767px; 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: #FFF; padding: 2px 5px; margin: 1px 8px 1px 0; background: #C00; border: outset 2px; font-weight: 900; } #cms a:link, #cms a:visited { color:#FFF; background: #C00; } /* PREHEADER */ #preheader { color: #FFFFFF; background: #000000 url(../images/framework_top.gif) bottom left no-repeat; width: 767px; padding: 0 0 8px 0; display: block; } #sitelocation, #languages, #globals { 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; } /* HEADER */ #header { color: #000; clear: both; background: #DBDBDB url( ../images/header_bg.gif) top left repeat-x; overflow: hidden; margin: 0 6px 0px 6px; width: 755px; } #hlogo { float: left; margin-bottom: 22px; } #hlogo img { border-width: 0; } #hright { float: right; background: url( ../images/dot_bottom.gif) bottom left repeat-x; margin-bottom: 15px; width: 186px; padding-bottom: 1px; } #hright .textitem { color: #000; 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: #227339 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: 179px; font-size: 0.9em; } .selector label { margin: 2px 0 2px 2px; width: 179px; font-size: 0.9em; } .selector input.txt { margin: 0 0 2px 2px; width: 179px; 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: 120px; float: left; } /* NAVIGATION */ #nav { color: #FFF; clear: both; background: #227339 url(../images/content_top.gif) bottom left repeat-x; margin: 0 6px; width: 755px; padding-bottom: 3px; position: relative; } #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; background: url(../images/topnav_separator.gif) top left repeat-y; width: 189px; } #navsearch label { background-color: inherit; float: left; display: block; color: #FFF; font-size: 0.85em; font-weight: 700; padding: 0 0.4em; line-height: 27px; } #navsearch input { float: left; font-size: x-small; margin: 3px; } #navsearch #search_qry { width: 85px; border-color: #CCCCCC; border-style: inset; } #navsearch input.btn { color: #FFF; background: #227339 url(../images/btn_search.gif) top left no-repeat; width: 16px; height: 18px; border: 0; font-size: 0; cursor: pointer; cursor: hand; } #topnav { display: block; width: 557px; margin: 0 0 0 0; } #topnav li { color: #D3E3D8; background-color: inherit; font-size: 0.9em; font-weight: 700; padding: 0 10px; line-height: 27px; border-top: 1px solid #227339; } #topnav li.on { color: #227339; background: #FFF url( ../images/dot.gif) bottom left repeat-x; } #topnav a { color: #D3E3D8; background-color: inherit; } #topnav a:hover { color: #FFF; background-color: inherit; } #topnav01, #topnav02 { font-size: 1em; text-transform: uppercase; font-weight: bolder; } #topnav02 { background: url(../images/topnav_separator.gif) center right no-repeat; } #topnav li.on a, #topnav li.on a:hover { margin-right: -1px; color: #227339; background-color: inherit; } #subnav { clear: both; display:block; width: 755px; background: #FFF; color: #72A28C; overflow: hidden; font-size: 0.9em; } #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: #227339; background-color: inherit; } #subnav a:hover, #subnav li.on, #subnav li.on a { color: #72A28C; background-color: inherit; } #thirdnav ul { list-style: none; } #thirdnav li { color: #227339; padding: 0.3em 5px; background-color: inherit; } #thirdnav li.on { font-weight: 700; } /* New style for selected nav */ .whiteonwhite { padding-right: 0px; padding-left: 0px; font-size: 1px; padding-bottom: 0px; margin: 0px; vertical-align: baseline; clip: rect(1px auto auto 1px); color: #fff; padding-top: 0px; background-color: #fff; text-align: center; } /* CONTENT */ #content { margin: 2px 6px 0 6px; width: 755px; } .spanleft { background: url(../images/content_bg_spanleft.gif) top left repeat-y; } .spanright { background: url(../images/content_bg_spanright.gif) top left repeat-y; } .cols { 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.5em; 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: 187px; float: left; overflow: hidden; } #cright { display: block; width: 186px; float: right; overflow: hidden; } #cmain { display: block; float: left; overflow: hidden; } #cmain { width: 753px; } .cols #cmain { width: 372px; margin-left: 3px; } .spanleft #cmain { width: 561px; margin-left: 1px; } .spanright #cmain { width: 563px; float: left; padding-left: 1px; margin-left: 2px; } .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: #000; 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: #000; background-color: inherit; font-size: 1em; margin: 0.5em 10px 0.2em 10px; font-weight: 700; } .col { font-size: 0.9em; position: relative; background-color: #FFF; color: #000; } .col .ttype1 h3 { color: #FFF; background: #227339 url(../images/titletype1_bg.gif) center left no-repeat; padding-left: 20px; font-size: 1.35em; font-weight: 700; } .col .ttype2 h3 { color: #FFF; background: #A6A6A6 url(../images/titletype2_bg.gif) center left no-repeat; padding-left: 20px; } .col .ttype3 h3 { color: #227339; background: #E6E6E6 url(../images/titletype3_bg.gif) 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; position: relative; } .col .textitem, .col .add { color: #000; background: #FFF url( ../images/dot_top.gif) bottom left repeat-x; padding-bottom: 2px; margin-bottom: 2px; } .col .ttype1 { background-color: #F2F2F2; color: #000; } .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; } .blocktext {padding-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: #FFF url(../images/footer_logo.gif) top right no-repeat; margin: 0 6px 0 6px; padding: 0 0 20px 0; width: 755px; border-top: 2px solid #CCC; font-size: 0.85em; line-height: 1.5; color: #227339; } #footer ul { list-style: none; width: 690px; display: block; margin-left: 5px; } #footer ul li { display: inline; padding: 0 0.6em; border-right: 1px solid #227339;} #footer ul li.copyright { border-right: 0px; } /* POSTFOOTER */ #postfooter { color: #000; background: #5E5E5E url(../images/framework_bottom.gif) top left no-repeat; width: 767px; 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 #CCC; } #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, .home #lb01 { height: 230px; } .home #lb01 { padding-bottom: 0; margin-bottom: 0; overflow: auto; } .home #lb02 { padding-bottom: 0; margin-bottom: 0; overflow: auto; } .home #lb02 { height: 163px; background-image: none; } .home .textitem h3 { position: static; } .home .textitem .blockcontent { position: static; } .home .selector, .home .selector select, .home .selector input, .home .selector label { width: 155px; margin-bottom:2px;} .home #banner { color: #000; background: #FFF url( ../images/dot_top.gif) bottom left repeat-x; padding-left: 1px; } .home #banner .add { display: block; width: 560px; height: 227px; } .home #cmain .add img { position: relative; border: 0; z-index: 2; } .home #cmain .add p { margin: 1px 2px; } #adds { padding-left: 1px; height: 163px; } #add1, #add2, #add3 { float: left; display: block; } #add2a, #add2b { display: block; } #add1, #add2, #add1 object, #add1 embed, #add2 object, #add2 embed { padding-right: 2px; } #add2, #add3 { color: #000; background: #FFF url( ../images/dot.gif) top left repeat-y; padding-left: 2px; } #add2 object, #add2 embed, #add3 object, #add3 embed { padding-left: 2px; } #add2a, #add2b { margin-right: -2px; padding-right: 2px; } #add2a { color: #000; background: #FFF url( ../images/dot_top.gif) bottom left repeat-x; padding-bottom: 1px; margin-bottom: 1px; } #add2a embed, #add2a object { margin-bottom: 1px; padding-bottom: 1px; } #adds .textitem { background: url(../images/titletypehome_bg.gif) top left repeat-x; } #adds .textitem h3 { margin: 0 0 0 0; color: #227339; background-color: inherit; font-size: 1.4em; font-weight: 700; } #adds .textitem, #adds .add { width: 184px; height: 163px; position: relative; } #cmain .grid01 .textitem, #cmain .grid01 .add { width: 563px; } #adds #add2a .add, #adds #add2b .add, #adds #add2a .textitem, #adds #add2b .textitem { height: 81px; } #adds .add { overflow: hidden; } #adds .textitem { overflow: auto; } #adds .ttype1 h3 { color: #FFF; background: #227339 url(../images/titletype1_bg.gif) center left no-repeat; padding-left: 20px; font-size: 1.35em; font-weight: 700; } #adds .ttype2 h3 { color: #FFF; background: #A6A6A6 url(../images/titletype2_bg.gif) center left no-repeat; padding-left: 20px; } #adds .ttype3 h3 { color: #227339; background: #E6E6E6 url(../images/titletype3_bg.gif) center left no-repeat; padding-left: 20px; font-size: 1.35em; font-weight: 700; } /* 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: #000; 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; )