/*---------------------------------------- Name: global.css Developed by:Josh Hamilton Date Created:10/28/08 Last Updated:10/28/08 Copyright:Sire Advertising ----------------------------------------*/ /* Colors -------------------------------- Dark Blue: #1f3684 Teal: #3a8691 h1 shadow: #d0cbb9 `light green: #3d1d0 ----------------------------------------*/ /* Imports ----------------------------------------*/ @import url("reset.css"); /* === === === === === === === === === === =STRUCTURE === === === === === === === === === === */ html { width: 100%; } body { font: 62.5%/1.5 Helvetica, sans-serif, serif; background-color: #fcfbfa; color:#646451; position: relative; width: 100%; } #page-wrap { width: 960px; margin: 0 auto ; position: relative; } /* === === === === === === === === === === =COMMON === === === === === === === === === === */ a { color:#3a8691; text-decoration: underline; } a:hover { text-decoration: underline; } p { color:#3a8691; font-size:12px; } h1,h2, .contentheading, .componentheading, .category, .categorytitle { font-weight: normal; color: #473281; font-family:Helvetica, sans-serif; letter-spacing: .08em; word-spacing:-0.1em;} h3,h4,h5,h6 { font-weight: normal; color: #473281; font-family:Helvetica, sans-serif; } h1, .contentheading, .componentheading, .category, .categorytitle { font-size: 22px; line-height:1.2em; margin-bottom: .5em;} h2 { font-size: 1.7em; margin-bottom: .5em; text-transform:uppercase; } h3 { font-size: 1.5em; } h4 { font-size: 1.3em; padding:5px; } h5 { font-size: 1.3em; margin-bottom: 1em; } h6 { font-size: 1.3em; margin-bottom: 1em; } blockquote { padding-left:1.5em; margin: 1.5em; border-left:3px solid #ccc; font-style:italic; } strong { font-weight: bold; } em { font-style: italic; } /* Standard Definitions ----------------------------------------*/ .left {float:left;} .right {float:right;} .clear {clear:both;} .hide {display:none; text-indent:-99999px;} hr { display:none;} .center { text-align:center;} /* === === === === === === === === === === =LAYOUT === === === === === === === === === === */ /* Header ----------------------------------------*/ .header {background: url(../img/header-bgd.jpg) no-repeat right 0; width:960px; height:208px; margin:0 auto; position:relative; z-index:99999; } /* Navigation ----------------------------------------*/ ul#main-nav {position:absolute; z-index:99999; bottom:0; right:0; height:36px; margin:0 auto; background:transparent url(../img/nav-bgd.jpg) no-repeat right 0; } ul#main-nav li {float:left; display:inline; font-size:12px; text-transform:uppercase; line-height:10px; } ul#main-nav li a {display:block; padding:8px 10px; color:#1f3684; font-weight:bold; text-decoration:none; } ul#main-nav li a:hover, ul#main-nav li.current, ul#main-nav li:hover {background-color:#1f3684; color:#ffffff; } ul#main-nav li.current a, ul#main-nav li:hover a {color:#ffffff; } ul#main-nav li ul {position:absolute; left:-999em; background:#93d1d0 url(../img/nav-arrow.gif) no-repeat 20px top; padding-top:10px;} ul#main-nav li:hover ul, ul#main-nav li.sfhover ul {left:auto;} ul#main-nav li ul li {float:none; line-height:16px;} ul#main-nav li:hover ul li a {display:block; border-bottom:1px solid #1f3684; color:#1f3684;} ul#main-nav li ul li a:hover {color:#ffffff; } #mainContent {background:transparent url(../img/content-bgd.jpg) no-repeat left 0; overflow:hidden; margin:0 auto; position:relative; clear:left; } ul.slideshow {background:transparent url(../img/slideshow-bgd.png) no-repeat left 0; width:446px; height:345px; } ul.slideshow li img { margin:50px 0 0 46px;} .intro {width:451px; margin:55px 20px 0 0;} .intro p {line-height:24px;} /* Featured ----------------------------------------*/ .features {background:transparent url(../img/featured-bgd.png) no-repeat right 0; overflow:hidden; margin:20px auto 0 auto; height:232px; padding:28px 28px 28px 32px;} .featured-box {width:285px;} .featured-box p {font-size:10px; line-height:14px;} .featured-box.left {margin-right:20px;} .featured-image {margin-right:15px;} .featured-box ul {list-style:none;} .featured-box ul li span.date {margin-right:10px; color:#3a8691; font-weight:bold;} .featured-box ul li {font-size:10px; line-height:20px;} .featured-box ul li.archive-link {margin-top:5px; font-style:italic; font-weight:bold;} .content-image { padding:4px 0 0 4px; width:296px; height:157px; background:transparent url(../img/content-image.png) no-repeat left 0; margin-right:15px; } .content-image2 { padding:4px 0 0 4px; width:104px; height:157px; background:transparent url(../img/content-image.png) no-repeat right 0; margin-right:15px; } .content-image3 { padding:4px 0 0 4px; width:204px; height:157px; background:transparent url(../img/content-image.png) no-repeat right 0; margin-right:15px; } .content {width:680px; margin:25px 0 45px 0;} .sidebar {width:240px; margin:25px 0 0px 0;} .sub-nav-container {background:transparent url(../img/sidebar-top.png) no-repeat left 0; padding-top:46px;} ul.sub-nav {background:transparent url(../img/sub-nav-bgd.gif) repeat-y left 0; padding:0 10px 0 18px; margin:0 auto;} ul.sub-nav li {line-height:22px; font-size:12px;} ul.sub-nav li a {display:block; height:28px; padding-left:10px; text-decoration:none;} #sub-nav-bottom {background:transparent url(../img/sub-nav-bottom.gif) no-repeat left 0; height:22px; border-bottom:1px solid #396f76;} ul.sub-nav li a:hover, body#mission ul li.sub-mission a , body#faith ul li.sub-faith a, body#house ul li.sub-house a, body#staff ul li.sub-staff a, body#board ul li.sub-board a, body#endors ul li.sub-endors a, body#brochure ul li.sub-brochure a {background:transparent url(../img/sub-rollover.gif) no-repeat left -3px; color:#1f3684; text-decoration:none;} .quick-links-container {background:transparent url(../img/side-bar-bottom.png) no-repeat left bottom; width:240px; padding-bottom:44px; border-top:1px solid #a5d1d1;} ul.quick-links {background-color:#3a8691; padding:20px 0 0 12px; margin:0 auto;} ul.quick-links li.involved, ul.quick-links li.events {background:transparent url(../img/quick-links-bgd.gif) no-repeat left 0; height:54px; padding:14px 0 0 14px; font-size:15px; } /* Footer ----------------------------------------*/ .footer {width:960px; margin:0 auto 0 auto; padding:0 15px 65px 15px; position:relative;} .footer p {font-size:10px; color:#1f3684;} .nhoh-logo {margin-right:10px;}