/*---------------------------------------- Name: global.css Developed by: Nate Keeley & Peter Burt Last Updated: 12/3/2008 ----------------------------------------*/ /* Imports ----------------------------------------*/ @import url("reset.css"); /*--- Link Styles ---*/ a:link{ color:#CC3333; text-decoration:none; font-weight:bold; } a:visited { color:#660033; text-decoration:none; font-weight:bold;} a:active { color:#002b5f; text-decoration: underline; font-weight:bold;} a:hover { color:#FF0000; text-decoration: underline; font-weight:bold;} p { margin: 0 0 1em 0;} h1 { color:#002b5f; margin:.825em 0 .5em 0; font-size:2.125em;} h2 { color:#002b5f; margin:.825em 0 .5em 0; font-size:1.75em;} h3 { color:#002b5f; margin:.825em 0 .5em 0; font-size:1.5em;} h4 { color:#002b5f; margin:.825em 0 .5em 0; font-size:1.25em; font-weight: bold; } h5 { color:#002b5f; margin:0 0 .5em 0; font-size:1.125em; font-weight: bold; } h6 { color:#002b5f; margin:.825em 0 .5em 0; font-size:1em; font-weight: bold; } h7 { color:#000000; margin:0; font-weight:bold; } ul { margin-left:12px; padding: 6px; list-style-type: none; } ul li { padding: 0px 0px 6px 24px; background-image:url(../images/structural/sitemap_bullet.gif); border: 0px solid black; background-position: .5em .5em; background-repeat:no-repeat; } ol { margin-left:25px; } strong { font-weight: bold; } /* Standard Classes ----------------------------------------*/ .left {float:left;} .right {float:right;} .clearThis {clear:both;} .left-image {margin-right: 6px;} .right-image {margin-left: 20px;} .italic {font-style:italic;} .pheader {font-weight: bold; color: #002b5f; } .black-border { border: 1px solid #000; } /* Elements ----------------------------------------*/ body { background:url(../images/structural/arc_bg.jpg) no-repeat left top; background-color:#FFFFFF; width:100%; margin: 0px; padding: 0px; } body, p, td, th, li { font-family: Arial, Helvetica, sans-serif; font-size: 1em; line-height:1.5em; color:#000000; } #oneCol-1 { float: left; width: 1020px; border: 0px solid #ff0000; margin-top: -36px; margin-bottom: 12px; padding:0px; } #twoCol-1 { float: left; width: 180px; border: 0px solid #ff0000; } #twoCol-2 { margin-left: 210px; margin-right: 20px; border: 0px solid #ff0000; text-align: left; } #threeCol-1 { position: absolute; top: 36px; left: 0px; width: 180px; border: 0px solid #ff0000; } #threeCol-2 { margin-left: 210px; margin-right: 180px; border: 0px solid #ff0000; text-align: left; font-size: .75em} #threeCol-3 { position: absolute; top: 36px; right: 20px; width: 130px; border: 0px solid #ff0000; padding-top: 60px;} /* Main Container surrounds the entire page */ #mainContainer { margin: 0px; padding: 0px; } #mainContainer img { border: 0; } #mainContainer #header-logo { margin: 12px 0px 0px 36px; } #mainContainer #top-rule { background-image: url(../images/structural/overnav_rule.jpg); background-position: left; background-repeat:no-repeat; height: 4px; background-color: #13568d; } #mainContainer #top-nav { width: 700px; height: 24px; } #mainContainer #top-nav ul { margin: 0; padding: 0; list-style: none; } #mainContainer #top-nav ul li { margin: 0; padding: 0; } #mainContainer #top-nav #stockPrice { float: left; margin: 2px 6px 0px 6px; color: #002b5f; font-size: 11px; font-weight: bold;} #mainContainer #top-nav #stockPrice a { color: #002b5f; } #mainContainer #top-rule-2 { background-image: url(../images/structural/undernav_rule.gif); background-position: left; background-repeat:repeat; height: 7px; } #mainContainer #top-rule-3 { background-color: #13568d; height: 30px; font-size: .75em } #mainContainer #search-wrapper { float: right; margin-right: 36px; margin-top: 6px; } #mainContainer #search-wrapper a { color: #fff; text-decoration: none; } #mainContainer #search-wrapper a:hover { color: #fff; text-decoration: underline; } #mainContainer #search-wrapper ul { margin: 0px; padding: 0px; list-style: none; } #mainContainer #search-wrapper ul li { border: 0px solid #ff0000; margin:0px; padding: 0px; float: left; color: #fff; height: 20px; font-weight: bold; background-image: none; } #mainContainer #search-wrapper ul li input { margin: 0; margin-bottom: 4px; width: 150px; font-size: .75em; height: 10px; margin-left: 24px; } #mainContainer #search-wrapper ul li img { margin: 0px; padding: 0px; padding-top: 1px; cursor: pointer; } /* Wrapper that surrounds all the Columns */ #mainContent { position: relative; width: 100%; padding-top: 36px; } /* One Col */ #mainContent #oneCol-1 #flashPlayer { float: left; margin:0px;} #mainContent #oneCol-1 #flashPlayer-descrip a { color: #cc3333; font-size: .75em; } #mainContent #oneCol-1 #flashPlayer-descrip img { margin-top: 12px; } #mainContent #oneCol-1 #flashPlayer-descrip { float: left; padding-left: 12px; } /* Two Col */ #intro-grid { font-size: .75em; padding: 0; } #intro-grid img { margin-right: 6px; float: left; } #intro-grid h5 a { color: #002b5f; font-size:1.333em; padding: 8px; } #intro-grid td { border: 0px solid black; } #intro-grid p { font-size: 1em; padding: 8px; } /* Three Col */ #mainContent #threeCol-2 #footnote { font-size: .825em; font-style: italic; margin-top: 36px; } #mainContent #threeCol-2 ul { } #mainContent #threeCol-2 ul li {font-size: 1em; } #mainContent #threeCol-2 #site-map ul { border:0px solid red; border-bottom:1px solid grey; margin:0; padding:0 0 10px 5px; list-style:none;} #mainContent #threeCol-2 #site-map #last { border:0px;} .red {color:#CC3333; font-weight:bold;} /* Side Nav */ #side-nav-wrapper h6 { margin-left: 12px; font-style: italic; } #side-nav-wrapper #side-nav { margin: 0; } #side-nav-wrapper { font-size: .75em; } #side-nav-wrapper ul { margin-left:0px; padding: 0px 12px 12px 12px; list-style-type:none; } #side-nav-wrapper #side-nav li { border-top: 1px solid #7498c0; padding: 4px 0px 12px 24px; font-weight: bold; background-image:url(../images/structural/closed_arrow.gif); background-position: .5em .5em; background-repeat:no-repeat; } #side-nav-wrapper #side-nav a { color: #000; } #side-nav-wrapper #side-nav .active {background-image:url(../images/structural/open_arrow.gif); text-decoration: underline;} /* Bread Crumb */ #breadCrumb { border: 0px solid #ff0000; font-size: .825em; margin-bottom: 12px; width: 400px; display: block;} #breadCrumb a { text-decoration: none; color: #cc3333; } /* Footer */ #footer { clear: both; width:100%; height:24px; text-align: center; border: 0px solid #ff0000; margin-top: 36px; padding-top: 6px; text-align: center; font-size: .625em } #footer a { color: #cc3333; text-decoration:none; } #footer a:hover { text-decoration: underline; } /* Callout Classes */ .callout { margin-bottom: 24px; } .callout-top { width: 125px; height: 25px; background-image:url(../images/callout/top.jpg); color: #fff; text-align: left; padding-left:5px; font-weight: bold; font-size: .75em; } .callout-body { width: 112px; padding-right: 8px; padding-left: 8px; border-right: 1px solid #11568c; border-left: 1px solid #11568c;} .callout-body p { margin:0; padding: 0; font-size: .8em } .callout-body p { margin:0; padding: 0; font-size: .7em } .callout-body img { margin: 0; margin-right: 6px; margin-top: 4px; } .callout-bottom { width: 130px; height: 4px; background-image:url(../images/callout/bottom.jpg); background-repeat: no-repeat; background-position:top} .callout-home {margin-top:120px;}