/* Default Stylesheet for Nterchange Frontend */ /* ========================================== */ @import url("print.css") print; /*@import url("other_stylesheet.css") screen;*/ /* HTML RULES */ /* ================================================== */ body {font-size: 11px; font-family: arial; margin:0; padding:0; background: #666 url(/images/layout/bg-body3.jpg) repeat top left; text-align: center;} h1 {margin:0 0 10px 0; font-size:20px; text-transform: uppercase;} h2 {text-transform: uppercase;} h3 {} p { line-height:1.7; margin-bottom:10px; } a {color: red;} a:hover {} td{vertical-align: top;} #right-column ul{margin-left: 20px;} #right-column ul li{list-style-type: square;margin-bottom: 10px;} h3#contact {margin: 0px 0 0 47px; height:38px; width:212px; background: #ccc url(/images/layout/header-contact.gif) no-repeat top left;} address {margin:0 0 0 47px; line-height: 1.2; font-style: normal;} /* SITE LAYOUT RULES */ /* ================================================== */ #site {position: relative; width: 940px; background: url(/images/layout/bg-cont.gif) repeat-y top left; margin:0 auto; text-align: left; } #volunteer {margin:-60px -20px 0 0; height: 366px; width: 211px; position: absolute; top:0; right:0; background: url(/images/layout/volunteer3.png) no-repeat top left;} ##volunteer{background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/layout/volunteer3.png', sizingMethod='crop');} h1#logo {margin:0; padding:0; width:180px; height:90px; background: url(/images/layout/logo.gif) no-repeat bottom right;} h1#logo span {display: none;} h1#logo a {display: block; height: 90px;} #masthead {margin: 10px 0 0 40px; height:178px; width:855px; background: url(/images/layout/bg-masthead-img.gif) no-repeat bottom left;} #masthead #nav {margin: 0; height:35px; width:855px; background: url(/images/layout/bg-nav.gif) no-repeat top left;} #masthead .nav ul {list-style: none; margin:0; padding:13px 0 0 0; font-size: 11px; font-weight: bold;} #masthead .nav ul li {float: left; padding:0px 14px 2px 14px; background: url(/images/layout/bg-li.gif) no-repeat top right;} #masthead .nav ul li a {text-decoration: none; color: #fff;} #masthead .nav ul li a:hover {color: red;} #masthead-img {margin:0px 0 0 6px; height: 135px; width: 842px; background: #ccc url(../images/layout/masthead.jpg) no-repeat top left;} #masthead img {margin:0px 0 0 0px;} #search {display: none;} #content {margin: 20px 0 0px 0; background: url(/images/layout/bg-content.gif) repeat-y top left} #left-column {width: 300px; float: left;} #left-column .nav {margin:0 0 0 40px;s} #left-column ul.nav-list {margin:0px 0 20px 0; padding:0; list-style: none; background: url(/images/layout/bg-sub-nav.gif) repeat-y top left; color: #fff;} #left-column ul.nav-list li {margin: 0; padding: 0 0 0 10px;position: relative; height: 31px; line-height: 31px; font-size: 11px; letter-spacing: 0.1px; font-weight: bold; text-transform: uppercase;} #left-column ul.nav-list li a { text-decoration: none; color: #fff;} #left-column ul.nav-list li a:hover {color: red;} #left-column ul.nav-list li.hover-one a {height: 23px; padding:8px 0 0px 16px; display: block; text-decoration: none; color: #fff;} #left-column ul.nav-list li.hover-one a:hover {background: url(/images/layout/bg-sub-nav2.gif) no-repeat 0 0px} #left-column ul.nav-list li.hover-two a {height: 23px; padding:8px 0 0px 16px; display: block; text-decoration: none; color: #fff;} #left-column ul.nav-list li.hover-two a:hover {background: url(/images/layout/bg-sub-nav2.gif) no-repeat 0 -31px} #left-column ul.nav-list li.hover-three a {height: 23px; padding:8px 0 0px 16px; display: block; text-decoration: none; color: #fff;} #left-column ul.nav-list li.hover-three a:hover {background: url(/images/layout/bg-sub-nav2.gif) no-repeat 0 -62px} #right-column {width: 600px; float: left;} /*Photo Gallery*/ .photo-cnt {height:161px; width:159px; float: left; padding:10px 0 0 14px; background: url(bg-photo-sm.jpg) no-repeat top left;} .photo-cnt a {display: block; height:133px; width:133px; overflow: hidden;} .photo-cnt img.landscape {border: none; margin: 0 0 0 -33px; } .photo-cnt img.portrait {border: none; margin: -33px 0 0 0; } .media-advisory {padding:10px; background: #F2F2F2; border: 1px solid #E4E4E4;} .media-advisory p strong {font-weight: bold;} .personal-contact {width:280px; float: left;} strong {font-weight: bold;} #footer {margin:0 auto; height:35px; width:955px; background: url(/images/layout/bg-footer.gif) no-repeat top left;} #footer_nav {} #credits {} /* BASIC CLASSES */ /* ================================================== */ .clear { display:block; clear:both; height:1px; line-height:1px; font-size:1px; } .img_left { float:left; } .img_right { float:right; } /* NAVIGATION RULES */ /* ================================================== */ #nav ul {} #nav ul li { position:relative; } #nav ul li a {} #nav ul li a span {} #nav ul ul {} .horiz_nav {} .horiz_nav ul {} .horiz_nav ul li { float:left; } /* SEARCH */ /* ================================================== */ #search form {} #search form input.text {} #search form input.button {} #searchresults dd { margin-bottom:5px; } #searchresults dl { margin-top:15px; } /* HOMEPAGE OVERRIDES */ /* ================================================== */ .home {} /* JOB POSTINGS */ /* ================================================== */ #right-column .job { width: 537px } #right-column .job ul { margin: 0 24px 5px 24px; padding: 0; } #right-column .job ul li { margin: 0; padding: 0 0 5px 0; line-height: 1.2; list-style-type: disc; } #right-column .job ul li ul { margin-top: 5px; margin-bottom: 0; } #right-column .job ul li ul li { list-style-type: square; } #right-column .job p { font-size: 11px; line-height: 1.2; margin: 0 0 10px 0; } #right-column .job em { font-style: italic; } #right-column .job h2 { padding: 6px 0 6px 0; text-transform: none; color: #393838; font-size: 11px; font-weight: normal; font-family:'Arial Black'; } #right-column .job h3 { padding: 6px 0 6px 0; text-transform: uppercase; color: #393838; font-size: 11px; font-weight: bold; }