/* * * edreamz Jan 2009 * */ /* * * Admin * (WYSIWYG Content) * */ h1 { color: #fff000; font-weight: normal; font-size: 24px; font-family: Arial, Helvetica, sans-serif; line-height: normal;} h2 { color: #ff1901; font-weight: bold; font-size: 16px; line-height: normal;} h3 { color: #66655b; font-weight: normal; font-size: 13px; font-style:italic; line-height: normal;} h4 { color: #e8e062; font-weight: bold; font-size: 15px; line-height: normal;} /* * * Link Styles * */ a { color: #ff1901; text-decoration: none;} a:hover { color: #ff1901; text-decoration: underline;} a.triangle{ text-decoration: none; background: url('/images/bullet-arrow.gif') left no-repeat; padding-left: 10px; font-weight: normal;} a.triangle:hover{ text-decoration: underline;} /* * * List Styles * */ ul li{ list-style-image: url('/images/bullet-arrow.gif'); margin-bottom: 5px;} ul li.green{ list-style-image: url('/images/bullet-arrow-green.gif'); margin-bottom: 5px;} ol li{ list-style: decimal; margin-bottom: 5px;} /* * * Global * */ p{ margin: 0; padding: 0 0 15px 0;} p img{padding: 5px;} .header{font-size: 20px;font-weight: bold;} .subheader{font-size: 16px;font-weight: bold;} .hidden{display:none;} .date{ font-size: 11px; color: #9a9a9a;} .req{color: #ff0000; font-weight: bold;} #spacer { width: 960px; float: left; background: #ffffff; height: 10px; display: block;} /* * * Main Navigation * */ #mainNav { height: 35px; width: 960px; float: left;} #mainNav .main{ margin-top: 0; padding: 0; list-style: none; display: inline; overflow: hidden;} #mainNav li { margin:0; padding:0; list-style: none; display: inline;} #mainNav a { float: left; padding: 35px 0 0 0; overflow: hidden; height: 0px; color: #ffffff; } #mainNav a:hover { background-position: 0 -35px;} #mainNav .selected{ background-position: 0 -35px;} #about a { width: 81px; background: url('/images/buttons/nav-about.jpg') top left no-repeat;} #services a { width: 102px; background: url('/images/buttons/nav-services.jpg') top left no-repeat;} #project-experience a { width: 140px; background: url('/images/buttons/nav-project-experience.jpg') top left no-repeat;} #news a { width: 140px; background: url('/images/buttons/nav-news.jpg') top left no-repeat;} #employment a { width: 102px; background: url('/images/buttons/nav-employment.jpg') top left no-repeat;} #contact a { width: 72px; background: url('/images/buttons/nav-contact.jpg') top left no-repeat;} /* * * Secondary Navigation * */ #subNav { width: 228px; height: auto; margin-top: 0px; position: absolute; top: 0px; left: 0px; } #subNav ul { padding: 0 0; margin: 0 0; list-style: none; font-size: 12px; font-weight: normal; } #subNav ul li { display: inline; float:left; height: 26px; overflow: hidden; padding: 0 0 0px 0; } #subNav ul li a { width: 228px; background: url(/images/buttons/category-nav.jpg) top left no-repeat; width: 218px; height: 26px; display: block; padding: 5px 0 0 20px; color: #e8e062; } #subNav ul li a:hover { width: 228px; background:url(/images/buttons/category-nav.jpg) top left no-repeat; background-position: 0 -26px; } #subNav ul li .selected { background-position: 0 -26px;} #overview a { width: 81px; background: url('/images/buttons/subnav-overview.jpg') top left no-repeat;} #who-we-serve a { width: 116px; background: url('/images/buttons/subnav-who-we-serve.jpg') top left no-repeat;} #our-people a { width: 94px; background: url('/images/buttons/subnav-our-people.jpg') top left no-repeat;} #subsidaries a { width: 96px; background: url('/images/buttons/subnav-subsidaries.jpg') top left no-repeat;} #memberships a { width: 186px; background: url('/images/buttons/subnav-memberships.jpg') top left no-repeat;} /*dropdown menu*/ #mainNav #main li ul { margin:0; padding: 0; position: absolute; visibility: hidden; display: block; top: 144px; z-index: 100;} #mainNav #main li ul li { float: none; text-indent: 0; display: block; width: 235px; } #mainNav #main li ul li a{ font-weight: bold;} /*Sub Link----------------------------------------*/ #mainNav #main li ul li a.sub:link {padding:5px 0 0 5px; font-size: 12px; background: #708c32 url('/images/buttons/dropdown-bg.jpg') top left no-repeat !important; color: #fff; width: 143px; height: 23px; display: block; text-decoration: none; border: #566c26 1px solid; font-weight:normal;} #mainNav #main li ul li a.sub:visited {padding:5px 0 0 5px; font-size: 12px; background: #708c32 url('/images/buttons/dropdown-bg.jpg') top left no-repeat !important; color: #fff; width: 143px; height: 23px; display: block; text-decoration: none; border: #566c26 1px solid; font-weight:normal;} #mainNav #main li ul li a.sub:hover {padding:5px 0 0 5px; font-size: 12px; background: #708c32 url('/images/buttons/dropdown-bg.jpg') top left no-repeat !important; color: #ffdf6b; width: 143px; height: 23px; text-decoration: none; border: #566c26 1px solid; font-weight:normal;} #mainNav #main li ul li a.sub:active {padding:5px 0 0 5px; font-size: 12px; background: #708c32 url('/images/buttons/dropdown-bg.jpg') top left no-repeat !important; color: #fff; width: 143px; height: 23px; display: block; text-decoration: none; border: #566c26 1px solid; font-weight:normal;} /*Big Link----------------------------------------*/ #mainNav #main li ul li a.big:link {padding:5px 0 0 5px; font-size: 12px; background: #708c32 url('/images/buttons/dropdown-bg.jpg') top left no-repeat !important; color: #fff; width: 143px; height: 38px; display: block; text-decoration: none; border: #566c26 1px solid; font-weight:normal;} #mainNav #main li ul li a.big:visited {padding:5px 0 0 5px; font-size: 12px; background: #708c32 url('/images/buttons/dropdown-bg.jpg') top left no-repeat !important; color: #fff; width: 143px; height: 38px; display: block; text-decoration: none; border: #566c26 1px solid; font-weight:normal;} #mainNav #main li ul li a.big:hover {padding:5px 0 0 5px; font-size: 12px; background: #708c32 url('/images/buttons/dropdown-bg.jpg') top left no-repeat !important; color: #ffdf6b; width: 143px; height: 38px; display: block; text-decoration: none; font-weight:normal;} #mainNav #main li ul li a.big:active {padding:5px 0 0 5px; font-size: 12px; background: #708c32 url('/images/buttons/dropdown-bg.jpg') top left no-repeat !important; color: #fff; width: 143px; height: 38px; display: block; text-decoration: none; border: #566c26 1px solid; font-weight:normal;} /*dropdown position----------------------------------------*/ .what-left{ left: 2px;} .identify-left{ left: 135px;} .request-left{ left: 315px;} .about-left{ left: 535px;} .whats-going-left{ left: 665px;} .careers-left{ left: 808px;} /* * * Layout / Formatting * */ #wrapper { width: 1020px; margin: 0 auto; background: url(/images/structure/bg-wrapper.jpg) top left repeat-y; position: relative; } body { background: #ffffff url('/images/structure/bg-pattern.jpg') top left repeat; font-size: 12px; font-family: Arial, Helvetica, sans-serif; line-height: 18px; } #hd { width: 1020px; position: relative; background: url('/images/structure/bg-header.jpg') top left no-repeat; height: 133px; } #hd span { position: relative; background: url('/images/structure/main-logo.jpg') no-repeat left top; width: 130px; height: 116px; top: 0px; left: 0px; display: block; } #hd span a { position: absolute; width: 130px; height: 75px; display: block; text-indent: -9999em; } #topNav { position: absolute; right: 0; top: 25px; } #container{ width: 960px; height: auto; padding-bottom: 0; } #container .copy { width: 860px; margin-left: 50px; padding-top: 40px; color:#fff; font-size: 12px; } #container .log-box { width: 310px; height: 175px; background: url(/images/structure/login-out.jpg) top left no-repeat; position: relative; float: left; margin: 40px 0 0 330px; } #container .un-pw { margin: 20px 0 0 20px; padding: 35px 0 0x 30px; color:#fff; font-size: 12px; position: relative; } #container .login-btn { width: 70px; height: 25px; float: left; margin: 0 0 20px 200px; position: absolute; top: 105px; left: 0px; } #banner { width: 960px; height: 259px; float: left; margin-top: 18px; } #Hlines { margin: 20px 0 20px 0; border-top: #00376c 1px solid; border-bottom: #00376c 1px solid; padding: 0 30px 0 25px; } /* * * Layout / Secondary Pages * */ #internal { width: 721px; padding: 0 0 0 240px; position: absolute; top: 133px; left: 0px; } #top { width: 721px; } #mid { width: 721px; float: left; padding-left: 40px; background: url(/images/structure/bg-internal-mid.jpg) top left repeat-y ; position: relative; } #btm { width: 721px; margin: 0 } #internal .content { width: 600px; font: Arial, Helvetica, sans-serif; color: #ffffff; } #internal .content .header { width: 620px; height: 30px; padding-left: 10px; background: url('/images/structure/page-header.gif') top left no-repeat; margin-bottom: 20px; } #internal .resource { padding: 10px 0 0px 0; } #internal .logout-btn { width: 70px; height: 25px; float: left; padding: 0 0 20px 20px; position: absolute; top: -40px; right: 80px; } #internal .download-btn { width: 600px; height: 25px; float: left; padding: 10px 0 20px 0; } /* * * News / Events Item * */ .listingitem{border-bottom: 1px solid #ccc; padding-bottom: 10px; margin-top: 10px; width: 500px;} .listingitem .header{ width: 620px; height: 16px; padding: 5px 0 5px 10px; background: #ddcfb3;} .listingitem .img{width: 100px; float: left; margin-right: 10px;} .listingitem .img img{ border: #ffffff 2px solid;} .listingitem .text{width: 300px; float: left;} /* * * Tab Controls * */ #tabs{margin: 0; padding: 0; } #tabs li{display: inline; margin-right: 10px; list-style:none;} /* * * Accordion Controls * */ #accordion{margin: 0; padding: 0;} /* * * Graphic Buttons * */ a.learnmoreblue{ width: 84px; height: 17px; overflow: hidden; background: url('/images/buttons/learnmore.jpg') top left no-repeat; text-indent: -9999em; display: block;} a.learnmoreblue:hover { background-position: 0 -17px;} /* * * Layout / Form * */ .form{ padding: 5px 5px 50px 5px; width: 460px; margin:0 auto;} .formRow{ margin-top: 10px;} .formItem { width: 220px; float: left;} .formItem .textfield{ width: 200px;} .formItem .textfield-small{ width: 50px;} .formItem .dropdown{ height: 23px;} .formItemSmall{ width: 40px; float: left;} .formItemSmall .textfield{ width: 30px;} .formItemLong { width: 450px; float: left;} .formItemLong .textfield{ width: 450px;} .formItemLong .textfield2{ width: 200px;} .formItemLong .textfield-small{ width: 50px;} .formItemLong .textarea { width: 420px;} .formItemLong .dropdown{ height: 23px;} .city{ width: 220px; float: left;} .city .textfield{ width: 200px;} .state{ width: 50px; float: left;} .state .dropdown{ height: 23px;} .zipcode{ width: 50px; float: left;} .zipcode .textfield{ width: 50px;} .phone{ width: 220px; float: left;} .phone .textfield{ width: 30px;} .phone .textfield2{ width: 35px;} /* * * Layout / Footer * */ #ft{ background: #c8c8c8 url('/images/structure/footer-bg-pattern.jpg') top left repeat-x; padding-left: 0; color: #ffffff; font-size: 11px; width: 100%; line-height: normal; } #ft .ftmain { width: 960px; margin: 0 auto;} #ft .ftmain a{ color: #ffffff; text-decoration:none; } #ft .ftmain a:hover{ color: #ffffff; text-decoration:underline; } /* * * Overlay * * */ #overlay { background:#fff; color:#000; width:350px; height:400px; display:none; padding:50px; border: #ccc solid 1px;} /* container for external content. uses vertical scrollbar, if needed */ div.contentWrap { overflow-y: auto;} div.overlay div.close { background-image:url('/images/buttons/close.gif'); position:absolute; right:5px; top:5px; cursor:pointer; width:80px; height:25px;}