/* --------------------- 01. General 02. Global Classes 03. Structure - News - Resources - Graphic Headings - Lists 04. Navigation - Subnav - Footer ------------------------ ---------------------------------------------------------- 01. GENERAL ---------------------------------------------------------- */ @import url("reset.css"); a:link, a:visited { color:#508B40; font-weight:bold; text-decoration:none } a:link span, a:visited span { border-bottom:1px dotted #5F8950; } a:hover { color:#333761;} body { background:#ececec; color:#1a1a1a; font:62.5% Arial, Helvetica, Verdana, sans-serif; padding:5em 0; text-align:center } h1, h2 { color:#508B40; margin-bottom:0.5em; } h1 { font-size:1.7em; line-height:1.3em;} h2 { font-size:1.5em;} h3 { font-size:1.3em;} h1 span, h2 span { display:block; font-size:0.65em; font-weight:normal; line-height:1.7em; text-transform:uppercase;} p { margin-bottom:1em;} /* ---------------------------------------------------------- 02. GLOBAL CLASSES ---------------------------------------------------------- */ .clear { clear:both } .icon { background:url(../images/icon_arrow.gif) no-repeat; padding:0 0 1em 1.4em; text-transform:uppercase;} /* ---------------------------------------------------------- 03. STRUCTURE ---------------------------------------------------------- */ #wrapper { margin:0 auto; text-align:center; width:940px } #header { font-size:1.1em;} #header h1 { float:left; width:311px;} #content-main, #content-secondary { display:inline; float:left; text-align:left; } #content-main { color:#333; font-size:1.3em; line-height:1.6em; padding:0 30px 3em 0; width:540px; } #content-main h2 { font-size:1.4em; margin-top:1.5em;} #content-secondary { color:#000; font-size:1.1em; line-height:1.5em; padding-bottom:2em; width:370px;} #content-secondary.sidebar { border-left:1px dotted #ccc; padding-left:2em; width:200px;} img#insignia { float:left; margin:0 1em 10em 0;} #footer { border-top:1px solid #ccc; clear:both; color:#333; font-size:1.2em; padding-top:1.25em; position:relative; text-align:left; } #footer p { margin-bottom:0.25em;} img#identity, img#heading { margin-bottom:3.5em;} /* NEWS + CAREERS */ #news #content-main, #careers #content-main { margin-right:2em; width:600px;} p#byline { color:#666; font-size:0.9em; margin:-0.7em 0 1.5em; text-transform:uppercase;} p#byline span { color:#999; padding: 0 0.4em;} img.news-photo { border:3px double #ccc; float:right; margin:0.5em 0 2em 2em; padding:1.25em;} /* RESOURCES */ #content-main ul#resources a { border-bottom:1px dotted #5F8950; } #content-main ul#resources a span { border:0; font-size:1em;} /* LISTS */ #content-secondary a.icon { padding-left:1.7em;} #content-main li { background:url(../images/icon_bullet.gif) no-repeat 0 0.5em; padding-left:0.8em; } dl.slider { border-top:1px dotted #ccc; } dl.slider dt { background:url(../images/icon_accordion.gif) no-repeat right 0.75em; border-bottom:1px dotted #ccc; cursor:pointer; font-size:1.1em; padding:7px 0; width:540px;} dl.slider dt.active { background:none; } dl.slider dt.active, dl.slider dt.last { border-bottom:0; } dl.slider dt.active a, dl.slider dt.hover { color:#000;} dl.slider dt a span { border:0; font-weight:normal;} dl.slider dd ul { margin-bottom:1.5em;} dl#positions-list dt { width:600px; } dl#positions-list p.submit { border-bottom:1px dotted #ccc; display:block; margin-bottom:0; padding-bottom:2em;} dl#positions-list p.last { border-bottom:0; padding-bottom:0;} /* ---------------------------------------------------------- 04. NAVIGATION ---------------------------------------------------------- */ #nav-main { float:right; margin-top:7px; overflow:hidden; width:486px; } #nav-main li { display:inline; font-weight:bold; height:12px; text-indent:-9999px; } #nav-main li a { background-image:url(../images/nav.gif); background-repeat:no-repeat; color:#58934C; display:block; float:left; text-transform:uppercase; } li#phone { background:url(../images/nav.gif) no-repeat -294px 0px; display:block; float:right; margin-bottom:8px; width:115px; } li#nav-home a { background-position:0 -20px; clear:both; width:48px; } li#nav-home a:hover, li#nav-home a.active { background-position:0 -59px; } li#nav-about a { background-position:-48px -20px; width:89px; } li#nav-about a:hover, li#nav-about a.active { background-position:-48px -59px; } li#nav-services a { background-position:-137px -20px; width:109px; } li#nav-services a:hover, li#nav-services a.active { background-position:-137px -59px; } li#nav-careers a { background-position:-423px -20px; width:77px; } li#nav-careers a:hover, li#nav-careers a.active { background-position:-423px -59px; } li#nav-news a { background-position:-246px -20px; width:99px; } li#nav-news a:hover, li#nav-news a.active { background-position:-246px -59px; } li#nav-contact a { background-position:-345px -20px; width:64px; } li#nav-contact a:hover, li#nav-contact a.active { background-position:-345px -59px; } /* SUBNAV */ #content-secondary ul { font-size:1.2em; padding-bottom:1em;} #content-secondary li { background:url(../images/icon_arrow.gif) no-repeat; font-weight:bold; margin-bottom:0.5em; padding-left:1.4em;} #content-secondary li a.active { color:#808080;} #content-secondary li a:hover { color:#333761; } /* TERITARY NAV */ #content-secondary h3 { border-top:1px dotted #ccc; color:#333; font-size:1em; padding-top:1em; text-transform:uppercase;} #content-secondary ul#section { font-size:1em; padding:0.5em 0 1em;} #content-secondary ul#section li { background:url(../images/icon_bullet.gif) no-repeat 0 0.3em; font-weight:bold; line-height:1.2em; margin-bottom:0.7em; padding-left:1em; } #content-secondary ul#section li a:visited { color:#808080; } #content-secondary ul#section li a:hover { color:#333761; } /* FOOTER */ #footer p { width:800px;} #footer p#legal { color:#666; font-size:0.9em; } #footer p#moncur { padding:8px 0 40px 0; position:absolute; right:0; top:0.75em; width:auto; } #footer p#moncur a, #footer p#moncur a:visited { background:none; padding-left:0; position:relative; } #footer p#moncur span { color:#666; display:none; font-size:10px; font-weight:normal; left:-165px; position:absolute; white-space:nowrap;}