/* CSS DOCUMENT for tableless template*/ * { margin: 0; padding: 0; border: 0; } html { min-height: 100%; margin-bottom: 1px; } body { background: #ccc; font-size: 11px; font-family: verdana, arial, sans-serif; color: #333; text-align: center; } #sidefade { background: url(../images/sidefade.jpg) repeat-y center;} #bottomfade { background: url(../images/bottomfade.jpg) no-repeat center; height: 15px;} #skip { display: none;} #container { position: relative; margin: 0 auto; width: 760px; border: 1px solid #999; border-width: 0 1px 1px; background: #fff; text-align:left; overflow: hidden;} #header { position: relative; width: 760px; height: 70px; overflow: hidden;} #header strong { position: absolute; top: 0; left: 0; width: 760px; height: 70px; background: url(../images/cache/H_header.jpg);} #search { position: absolute; top: 10px; right: 20px; color: #88B1DD; font-size: 9px; } /* titles for subpages */ #title_products, #title_company, #title_capabilities, #title_news, #title_careers, #title_contact, #title_search, #title_sitemap, #title_legal { width: 760px; height: 56px;} #title_company { background: url(../images/S_title_company.jpg);} #title_products { background: url(../images/S_title_products.jpg);} #title_capabilities { background: url(../images/S_title_capabilities.jpg);} #title_news { background: url(../images/S_title_news.jpg);} #title_careers { background: url(../images/S_title_careers.jpg);} #title_contact { background: url(../images/S_title_contact.jpg);} #title_search { background: url(../images/S_title_search.jpg);} #title_sitemap { background: url(../images/S_title_sitemap.jpg);} #title_legal { background: url(../images/S_title_legal.jpg);} #H_main { background: url(../images/H_main_back.jpg) no-repeat top center; z-index: 2;} #S_main { background: url(../images/container_back.gif) repeat-y; z-index: 2;} #H_column1, #H_column2 { float: left; font-size: 10px; } #H_column1 { width:160px; margin: 10px 30px; font-weight: bold; } #H_column1 ul { list-style: none; margin-left: 5px;} #H_column1 li { background: url(../images/tertnav_arrow.gif) no-repeat 0 0.4em; padding-left: 12px; margin-bottom: 10px; } #H_column1 #H_iso { margin: 30px 40px 0 0px; } #H_column1 #H_iso img { margin: 5px 0px; } #H_column2 { width: 250px; margin: 10px 0 20px 30px; } #H_column2 li { list-style: none; margin-bottom: 10px; font-weight: bold;} #H_column3 { float: right; width: 180px; margin: 10px 15px 20px 0; font-size: 10px; } #H_column3 img { margin: 10px 0 0 30px;} #H_column3 strong { display: block; margin-top: 10px; color: #f33;} #tertnav { float: left; width: 160px; z-index: 1;} #main_content { float: left; width: 365px; padding: 0px 10px; } #sidebar { float: left; width: 190px; padding: 40px 10px; } #main_content_stretch { float: left; width: 565px; padding: 0px 10px; background: #fff } #main_content_stretch .section p { width: 365px; } .line { border-bottom: 1px dashed #ccc; } #inside_content { margin: 15px 15px 15px 0; } #inside_content a:hover {border-bottom: 1px solid #666;} #comments { width: 320px; } #footer { position: relative; clear: both; background: #99BBDE; border-top: 3px solid #999; font-size: 10px; text-align: center; } #footer_inside { padding: 20px 0 10px; border-top: 1px solid #fff; font-size: 9px;margin: 0;} * html #footer_inside {/*\*/ margin-top: -3px;/**/} #footer a:hover { color: #666;} #western_usa { margin-top: 200px; } *html #western_usa {/*\*/ margin-top: 225px;/**/} /* NAVIGATION */ #nav { width: 760px; height: 23px; background: #99BBDE; z-index:20; } #nav li { position: relative; float: left; font-size: 11px; list-style: none;} #nav li a { cursor: pointer; display: block; height: 23px; position: relative; text-decoration: none;} #nav li strong { position:absolute; left:0; top:0; z-index:1; height: 23px; } #nav li.company, #nav li.company a, #nav li.company a strong { background: url(../images/cache/HN_company.gif); width: 105px;} #nav li.company a:hover strong { background: url(../images/cache/HNR_company.gif);} #nav li.products, #nav li.products a, #nav li.products a strong { background: url(../images/cache/HN_products.gif); width: 180px;} #nav li.products a:hover strong { background: url(../images/cache/HNR_products.gif);} #nav li.capabilities, #nav li.capabilities a, #nav li.capabilities a strong { background: url(../images/cache/HN_capabilities.gif); width: 120px;} #nav li.capabilities a:hover strong { background: url(../images/cache/HNR_capabilities.gif);} #nav li.news, #nav li.news a, #nav li.news a strong { background: url(../images/cache/HN_news.gif); width: 141px;} #nav li.news a:hover strong { background: url(../images/cache/HNR_news.gif);} #nav li.careers, #nav li.careers a, #nav li.careers a strong { background: url(../images/cache/HN_careers.gif); width: 97px;} #nav li.careers a:hover strong { background: url(../images/cache/HNR_careers.gif);} #nav li.contact, #nav li.contact a, #nav li.contact a strong { background: url(../images/cache/HN_contact.gif); width: 117px;} #nav li.contact a:hover strong { background: url(../images/cache/HNR_contact.gif);} #nav li.companyon strong, #nav li.companyon { background: url(../images/cache/HNO_company.gif); width: 105px;} #nav li.productson strong, #nav li.productson { background: url(../images/cache/HNO_products.gif); width: 180px;} #nav li.capabilitieson strong, #nav li.capabilitieson { background: url(../images/cache/HNO_capabilities.gif); width: 120px;} #nav li.newson strong, #nav li.newson { background: url(../images/cache/HNO_news.gif); width: 141px;} #nav li.careerson strong, #nav li.careerson { background: url(../images/cache/HNO_careers.gif); width: 97px;} #nav li.contacton strong, #nav li.contacton { background: url(../images/cache/HNO_contact.gif); width: 117px;} /* DROP DOWN */ /* controls links on drop down */ #nav li ul li a:link, #nav li ul li a:visited { text-decoration: none; display: block; padding: 6px 5px; background: #E6EBF0 none; border-bottom: 1px solid #fff; cursor: hand; /* for IE */ font-size: 9px; color: #333; z-index:100; height: 100%; } #nav li ul li a:hover, #nav li ul li a.drop_back:hover { background: #C5D0DC none; color: #666;} #nav li ul li a.drop_back:link, #nav li ul li a.drop_back:visited {background: #E6EBF0 url(../images/cache/drop_back.gif) repeat-x; } #nav li ul li a.drop_back:hover { background: #C5D0DC url(../images/cache/drop_back_hover.gif) repeat-x; } /* controls width of drop down menus for each button */ #nav li.company ul li a, #nav li.companyon ul li a { width: 91px; } #nav li.products ul li a, #nav li.productson ul li a { width: 166px; } #nav li.capabilities ul li a, #nav li.capabilitieson ul li a { width: 106px; } #nav li.news ul li a, #nav li.newson ul li a { width: 127px; } #nav li.careers ul li a, #nav li.careerson ul li a { width: 83px; } #nav li.contact ul li a, #nav li.contacton ul li a { width: 103px; } #nav ul { /* all lists */ list-style: none; z-index: 20;} #nav li ul { /* second-level lists */ display: none; position: absolute; top: 23px; left: 0; } #nav li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */ top: 23px; left: 0; } #nav li:hover ul, #nav li.over ul { /* lists nested under hovered list items */ display: block; border: 1px solid #999; background: #fff; padding: 0 1px; z-index: 8; } /* fixes the flicker in IE 6.0 */ #nav li.company { background: url(../images/cache/HNR_company.gif); } #nav li.products { background: url(../images/cache/HNR_products.gif); } #nav li.capabilities { background: url(../images/cache/HNR_capabilities.gif); } #nav li.news { background: url(../images/cache/HNR_news.gif); } #nav li.careers { background: url(../images/cache/HNR_careers.gif); } #nav li.contact { background: url(../images/cache/HNR_contact.gif); } /* LINKS */ a:link, a:visited { text-decoration: underline; color: #036; cursor: hand;} a:hover { color: #999;} #search a:link, #search a:visited { color: #fff;} /* TERTIARY NAV */ /* TERTIARY - level 1 */ #tertnav ul { margin: 0; background: #eee; font-size: 9px; } #tertnav li { list-style: none; background: #C5D0DC url(../images/tertnav_arrow.gif) no-repeat 12px 15px; border-bottom: 1px solid #fff; font-weight: bold;} #tertnav li a:link, #tertnav li a:visited { display: block; padding: 12px 0 12px 24px; text-decoration: none; height: 100%;} #tertnav li a:hover { background: #BCC8D6 url(../images/tertnav_arrow.gif) no-repeat 12px 15px; color: #666;} /* styles to 'turn off' links */ #tertnav li.on a:hover.nolink1 { background: #C5D0DC url(../images/tertnav_arrow.gif) no-repeat 12px 15px; color: #666; cursor: default; } /* TERTIARY - level 2 */ #tertnav ul li ul li { border: 0; font-weight: normal; } #tertnav ul li ul li a:link, #tertnav ul li ul li a:visited {font-size: 9px; background: #E6EBF0; padding: 6px 5px 6px 24px; } #tertnav ul li ul li a:hover {background: #D9E0E7; } #tertnav .on a:link, #tertnav .on a:visited { color: #666; } /* styles to 'turn off' links */ #tertnav ul li ul li a.nolink:link, #tertnav ul li ul li a.nolink:visited { cursor: default; background: #E6EBF0; color: black;} /* TERTIARY - level 3 */ #tertnav ul li ul li ul li { border: 0; font-weight: normal; } #tertnav ul li ul li ul li a:link, #tertnav ul li ul li ul li a:visited {font-size: 9px; background: #fff; padding: 4px 5px 4px 32px;} #tertnav ul li ul li ul li a:hover { background: #eee; } /* styles for onstate */ #tertnav ul li ul li ul li a.nolink:link, #tertnav ul li ul li ul li a.nolink:visited { cursor: default; background: #fff; color: black;} /* SiteMap Links */ #sitemap li { font-weight: bold; list-style: none; padding-left: 15px; background: url(../images/tertnav_arrow2.gif) no-repeat 3px 4px; font-size: 12px; margin-bottom: 15px;} #sitemap li ul li { font-size: 10px; margin: 6px 0 3px 25px; padding: 0px 15px; background: url(../images/bullet_circle.gif) no-repeat 3px 4px; list-style: none; } #sitemap li ul li ul li { font-weight: normal; margin-left: 20px; padding: 0px 15px; background: url(../images/bullet_circle.gif) no-repeat 3px 4px; list-style: none; } #sitemap li ul li ul li ul li { padding: 0px 15px; background: url(../images/bullet_circle.gif) no-repeat 3px 4px; list-style: none; } /* CLASSES */ .breadcrumbs { padding: 10px 0; font-size: 9px;} .section { clear: both; margin: 20px 20px 20px 0;} .floatL { float: left; margin: 0 10px 0 0; padding:1px; border: 1px solid #999;} .floatR { float: right; width: 180px; text-align: center; margin: 10px; font-size: 9px; } .backtotop { margin: 20px 0; clear: both;} .backtotop a { background: url(../images/ICN_top.gif) no-repeat bottom right; padding-right: 13px; text-decoration: none; } .word { background: url(../images/ICN_word_sm.gif) no-repeat top right; padding: 1px 22px 1px 0;} .pdf, .doc { background: url(../images/ICN_pdf_sm2.gif) no-repeat top left; padding: 0px 0 10px 20px; list-style: none; line-height: 150%;} .doc { background: url(../images/ICN_word_sm.gif) no-repeat top left; } .mapimages { float: right; width: 270px; } .maptext { float: left; width: 255px; height: 158px; } .clear { clear: both; } /* ELEMENTS */ h1 {font-size: 12px; color: #f333; margin-bottom: 10px; font-family: trebuchet ms, arial, san-serif;} h2, h3 { margin: 10px 0; font-family: arial, san-serif;} h2 {font-size: 18px; color: #f33; margin-bottom: 10px;} h3 {color: #666; font-size: 18px;} h4 { font-size: 13px; margin: 15px 0 10px; } p {margin: 0 0 10px; } /* FORMS */ #form table { width: 345px; background: #284c68; color: #666; font-size: 11px; } #form h4 { font-size: 13px;} #form strong { color: #666;} #form td { vertical-align: top; padding: 5px 10px; background: #e2eff9; } #form th, .left, .right { border: 1px solid #ddd; padding: 3px; } #form th { padding: 0 10px; font-weight: normal;} .left { width: 100px; text-align: right; } .right { width: 290px;} .button { border: 1px solid #999; background: #ddd; color: #333; padding: 2px 8px; font-size: 10px; } #form input, #form textarea {border: 1px solid #ccc; color: #333;} #form input.check { border: none; margin-left: -5px; } #form input.button {border: 1px solid #999;} #form input:focus, #form textarea:focus { background: #f9f9f9; border: 1px solid #c06; border-width: 1px 4px 1px 1px;} input.zoom_searchbox { border: 1px solid #cccccc; color: #333333; } /* added Oct 6, 2005 */ div.mgmt1 { width: 90px; } div.mgmt2 { margin-left: 90px; margin-top: -13px; width: 460px; } ul.standard { margin: 0 0 10px 5px; } ul.standard li { margin: 6px 0; list-style: none; padding-left: 15px; background: url(../images/tertnav_arrow2.gif) no-repeat 3px 4px; } ul.standard li li { list-style: none; background: url(../images/bullet_circle.gif) no-repeat 3px 4px; margin: 6px 0 3px 25px; padding: 0px 15px; } ul.list_intext { padding-left: 7px; } ul.list_intext li { margin: 0; list-style: none; padding-left: 15px; background: url(../images/tertnav_arrow2.gif) no-repeat 3px 4px; } div.cap350 { width: 330px; text-align: center; padding: 5px; font-size: 9px; } div.cap225 { width: 220px; text-align: center; padding: 5px; font-size: 9px; } #chart table { width: 345px; background: #284c68; color: #666; font-size: 9px; } #chart h4 { font-size: 13px;} #chart strong { color: #c06;} #chart td { vertical-align: top; padding: 5px 10px; background: #e2eff9; } #chart th, .left, .right { border: 1px solid #ddd; padding: 3px; } #chart th { padding: 0 10px; font-weight: normal;}