body { margin: 0; padding: 0; background: #3A74AF; font-family: verdana, sans-serif; font-size: 11px; color: #666; } img { border: 0; } a { color: #C16F3E; } a:hover { color: #E88447; } #topBar { position: relative; width: 970px; height: 130px; background: #00529B url(../images/common/bg_topbar.gif); margin: auto; margin-top: 10px;} #logoDiv { float: left; width: 190px; padding-left: 30px; padding-top: 10px; } #topRightDiv { position: relative; float: right; width: 720px; /* background: yellow; */} #loginDiv { position: absolute; top: 10px; right: 30px; display: block; width: 230px; } #loginDiv ul { display: block; list-style-type: none; margin: 0; padding: 0; } #loginDiv ul li { float: left; } #loginDiv ul li a { display: block; } #loginNav a { width: 230px; height: 24px; text-indent: -5000px; background: url(../images/nav/login.gif) no-repeat top; } #loginNav, #loginNav a:hover, #loginNav.on a { background: url(../images/nav/login.gif) no-repeat bottom; } #taglineDiv { position: absolute; top: 50px; left: 20px; display: block; width: 450px; height: 24px; /* background: red; */ } /* topNav */ #topNav { position: absolute; top: 80px; left: 0px; display: block; text-align: left; width: 720px; } #topNav ul { list-style-type: none; margin: 0; padding: 0; width: 730px; } #topNav ul li { float: left; } #topNav ul li a { display: block; } #homeTopNav a { width: 84px; height: 50px; text-indent: -5000px; background: url(../images/nav/home.jpg) no-repeat top; } #homeTopNav, #homeTopNav a:hover, #homeTopNav.on a { background: url(../images/nav/home.jpg) no-repeat left bottom; } #aboutTopNav a { width: 118px; height: 50px; text-indent: -5000px; background: url(../images/nav/about.jpg) no-repeat top; } #aboutTopNav, #aboutTopNav a:hover, #aboutTopNav.on a { background: url(../images/nav/about.jpg) no-repeat left bottom; } #policyTopNav a { width: 151px; height: 50px; text-indent: -5000px; background: url(../images/nav/policy.jpg) no-repeat top; } #policyTopNav, #policyTopNav a:hover, #policyTopNav.on a { background: url(../images/nav/policy.jpg) no-repeat left bottom; } #modelsTopNav a { width: 128px; height: 50px; text-indent: -5000px; background: url(../images/nav/models.jpg) no-repeat top; } #modelsTopNav, #modelsTopNav a:hover, #modelsTopNav.on a { background: url(../images/nav/models.jpg) no-repeat left bottom; } #resourcesTopNav a { width: 153px; height: 50px; text-indent: -5000px; background: url(../images/nav/resources.jpg) no-repeat top; } #resourcesTopNav, #resourcesTopNav a:hover, #resourcesTopNav.on a { background: url(../images/nav/resources.jpg) no-repeat left bottom; } #contactTopNav a { width: 86px; height: 50px; text-indent: -5000px; background: url(../images/nav/contact.jpg) no-repeat top; } #contactTopNav, #contactTopNav a:hover, #contactTopNav.on a { background: url(../images/nav/contact.jpg) no-repeat left bottom; } #containerBand { display: block; clear: both; background-color: #fff; } #container { width: 968px; margin: auto; padding-top: 6px; background: #fff url(../images/common/bg_container.jpg) no-repeat; border: 1px solid #C5815E; border-width: 0 1px; } #sectionHeading { float: left; padding-left: 50px; padding-top: 5px;} /* Left Nav */ #leftNav { float: left; padding-left: 30px; margin-top: 50px; width: 180px; /* background-color: #ECD590; */ /* border: 1px solid #purple; */ } #leftNav ul { margin: 0px; padding: 0px; list-style-type: none; border-top: 1px solid #efefef; } #leftNav li a { display: block; font: bold 14px arial, sans-serif; text-decoration: none; padding: 4px 0px 3px 20px; width: 160px; color: #C77E52; margin-top: 1px; border-bottom: 1px solid #efefef; } #leftNav li a:hover, #leftNav li.on a { color: #4784C4; } /* Left Nav subnav */ #leftNav ul li.on ul{ margin: 0px; padding: 0px; list-style-type: none; border-top: 0; } #leftNav li.on li a { display: block; font: bold 12px arial, sans-serif; text-decoration: none; padding: 4px 0px 3px 30px; width: 150px; color: #C77E52; margin-top: 1px; border-bottom: 1px solid #efefef; } #leftNav li.on li a:hover, #leftNav li.on li.on a { color: #4784C4; } /* CONTENT */ #content { float: left; width: 680px; padding: 20px; padding-left: 40px; /* border: 1px solid green; */ } #heading {display: block; width: 420px; padding-bottom: 2px; padding-top: 30px; margin-bottom: 20px; border-bottom: 1px solid #EFDACE; } h2 { font-size: 12px; color: #C77E52; margin: 0; margin-top: 20px; margin-bottom: 12px;} .contentSection { clear: both; padding-bottom: 12px; } #content p { width: 420px; line-height: 1.4em; margin-top: 0; margin-bottom: 15px;} #content h2 { width: 440px; } #content ul { width: 405px; margin: 0; margin-bottom: 20px; padding: 0; padding-left: 15px; } #content ul li { margin-bottom: 12px; } #content ol { width: 390px; margin: 0; margin-bottom: 20px; padding: 0; padding-left: 35px; } #content ol li { margin-bottom: 4px; } .imageRight { float: right; width: 190px; padding: 4px; border: 1px solid #CB8D68; margin-top: 4px} .noStroke { border: none; } #content hr { margin-bottom: 20px; border-bottom: 1px solid #EFDACE; } .clearer { display: block; clear: both; height: 1px; overflow: hidden; } #footer { width: 970px; height: 20px; background: #00529B url(../images/common/bg_topbar.gif); margin: auto; font-size: 80%; color: #A6BFD9; padding-top: 10px; padding-bottom: 10px; margin-bottom: 20px;} #copyrightDiv { float: left; width: 150px; padding-left: 40px; padding-top: 4px; } /* home page specific */ #home #aboutTopNav a { width: 141px; height: 50px; text-indent: -5000px; background: url(../images/nav/h_about.jpg) no-repeat top; } #home #aboutTopNav, #home #aboutTopNav a:hover { background: url(../images/nav/h_about.jpg) no-repeat left bottom; } #home #policyTopNav a { width: 165px; height: 50px; text-indent: -5000px; background: url(../images/nav/h_policy.jpg) no-repeat top; } #home #policyTopNav, #home #policyTopNav a:hover { background: url(../images/nav/h_policy.jpg) no-repeat left bottom; } #home #modelsTopNav a { width: 146px; height: 50px; text-indent: -5000px; background: url(../images/nav/h_models.jpg) no-repeat top; } #home #modelsTopNav, #home #modelsTopNav a:hover { background: url(../images/nav/h_models.jpg) no-repeat left bottom; } #home #resourcesTopNav a { width: 163px; height: 50px; text-indent: -5000px; background: url(../images/nav/h_resources.jpg) no-repeat top; } #home #resourcesTopNav, #home #resourcesTopNav a:hover { background: url(../images/nav/h_resources.jpg) no-repeat left bottom; } #home #contactTopNav a { width: 105px; height: 50px; text-indent: -5000px; background: url(../images/nav/h_contact.jpg) no-repeat top; } #home #contactTopNav, #home #contactTopNav a:hover { background: url(../images/nav/h_contact.jpg) no-repeat left bottom; } #home #container { background-image: none; padding-top: 30px; padding-bottom: 10px; } .homeImage { width: 190px; padding: 4px; border: 1px solid #CB8D68; margin-bottom: 15px; } #leftCol { float: left; padding-left: 30px; width: 200px; /* border: 1px solid #purple; */ } .leftColItem { width: 198px; border: 1px solid #CB8D68; margin-bottom: 20px} .leftColItem h2 { background: #CF916C url(../images/common/bg_titlebar.jpg) no-repeat; margin: 0; height: 40px; } .leftColItem p { width: 150px; padding: 0px 20px 10px 20px; } #centerCol { float: left; width: 400px; padding-left: 20px; } #centerCol h2 { margin-top: 0; background: #CF916C url(../images/common/bg_titlebar.jpg) no-repeat; } #centerCol p { width: 360px; padding: 0px 20px 10px 20px; } span.super { font-size: 9px; position: relative; bottom: 4px; } p.footnote { font-size: 10px; } #rightCol { float: right; width: 250px; padding: 0px; padding-right: 20px; } .rightColItem { width: 250px; border: 1px solid #CB8D68; margin-bottom: 20px} .rightColItem h2 { background: #CF916C url(../images/common/bg_titlebar.jpg) no-repeat; margin: 0; height: 40px; } .rightColItem p { width: 210px; padding: 0px 20px 10px 20px; } /* Page specific */ #people h2 { margin-top: 25px; } body.noSubNav #container { background: url(../images/common/bg_container_nonav.jpg) no-repeat; } /* Turns off subnav and subnav background in resources until other pages have content */ /* #resourcesPage #container { background: url(../images/common/bg_container_nonav.jpg) no-repeat; } */ .resources #leftNav ul li#papersNav { display: none; } .resources #leftNav ul li#faqsNav { display: none; } .resources #leftNav ul li#linksNav { display: none; }