/* ============================================================================================= NJ-DE District, UPCI General Site Layout Created by Inspire Media, LLC staff http://www.inspiremediallc.com Copyright (c) 2008 ============================================================================================= */ body {background-color:#e1dcd8; font:12px Arial, Helvetica, sans-serif; color:#3d2519; margin:0;} #container {background-color:#e1dcd8; margin:0;} a {outline-style:none;} /* Removes dotted lines around links when active */ a:link, a:visited {color:#7f222c; text-decoration:none;} a:hover, a:focus, a:active {text-decoration:underline;} /* general selectors */ img {border:none;} input, textarea {background:#fff; border:1px solid #3d241d;} p {line-height:18px;} ul {list-style: none;} h3 {border-bottom:#912523 1px solid; width:95%;} /* jump navigation / scrren reader text */ .access {display: none; text-indent:-9999px; overflow:hidden; height:0;} .blocker {position:absolute; top:-999px; overflow:hidden;} #branding {text-indent:-9999px; overflow:hidden; margin:0; padding:0; float:left;} .button {cursor:pointer;} .odd-row {background-color:#999999;} .even-row {background-color:transparent;} .wrapper {margin:0 auto; width:800px; position:relative;} #header .wrapper {height:75px;} #header {background:url(../images/header_bar.jpg) left top repeat-x; height:75px; color:#000; position:relative; z-index:100;} #header #mainNav {position:absolute; top:0; left:0; width:800px; margin:0; padding:0;} #header #mainNav li {float:left;} #header #mainNav a {display:block; height:75px; width:107px; text-indent:-9999px; overflow:hidden; text-decoration:none; padding:0;} #header #mainNav #homeNav a {width:133px; background:url(../images/btns/home_btn.jpg) top left no-repeat;} #header #mainNav #homeNav a:hover {background:url(../images/btns/over_btn/ovr_home_btn.jpg) top left no-repeat;} #home #header #mainNav #homeNav a {background:url(../images/btns/over_btn/ovr_home_btn.jpg) top left no-repeat;} #header #mainNav #departmentsNav a {background:url(../images/btns/departments_btn.jpg) top left no-repeat;} #header #mainNav #departmentsNav a:hover {background:url(../images/btns/over_btn/ovr_departments_btn.jpg) top left no-repeat;} #departments #header #mainNav #departmentsNav a {background:url(../images/btns/over_btn/ovr_departments_btn.jpg) top left no-repeat;} #header #mainNav #eventsNav a {background:url(../images/btns/events_btn.jpg) top left no-repeat;} #header #mainNav #eventsNav a:hover {background:url(../images/btns/over_btn/ovr_events_btn.jpg) top left no-repeat;} #events #header #mainNav #eventsNav a {background:url(../images/btns/over_btn/ovr_events_btn.jpg) top left no-repeat;} #header #mainNav #boardNav a {background:url(../images/btns/board_btn.jpg) top left no-repeat;} #header #mainNav #boardNav a:hover {background:url(../images/btns/over_btn/ovr_board_btn.jpg) top left no-repeat;} #board #header #mainNav #boardNav a {background:url(../images/btns/over_btn/ovr_board_btn.jpg) top left no-repeat;} #header #mainNav #directoryNav a {background:url(../images/btns/directory_btn.jpg) top left no-repeat;} #header #mainNav #directoryNav a:hover {background:url(../images/btns/over_btn/ovr_directory_btn.jpg) top left no-repeat;} #directory #header #mainNav #directoryNav a {background:url(../images/btns/over_btn/ovr_directory_btn.jpg) top left no-repeat;} #header #mainNav #churchesNav a {background:url(../images/btns/churches_btn.jpg) top left no-repeat;} #header #mainNav #churchesNav a:hover {background:url(../images/btns/over_btn/ovr_churches_btn.jpg) top left no-repeat;} #churches #header #mainNav #churchesNav a {background:url(../images/btns/over_btn/ovr_churches_btn.jpg) top left no-repeat;} #header #mainNav #contactNav a {width:132px; background:url(../images/btns/contact_btn.jpg) top left no-repeat;} #header #mainNav #contactNav a:hover {background:url(../images/btns/over_btn/ovr_contact_btn.jpg) top left no-repeat;} #contact #header #mainNav #contactNav a {background:url(../images/btns/over_btn/ovr_contact_btn.jpg) top left no-repeat;} #content {background-color:#e1dcd8; width:800px; padding:0; margin:0 auto 5px auto; position:relative; min-height:300px;} #content #main-content {float:left; width:454px;} #content #main-content h3 {margin-left:10px;} #content #main-content img {margin-left:10px;} #content #main-content p#intro {display:inline; margin:0 10px 0 0; padding:0;} #content #main-content p {display:block; margin:0 10px 0 10px; padding:0;} #content #main-content form {margin-left:10px;} #content #main-content #branding {background:url(../images/njde_header.jpg) top left no-repeat; width:454px; height:152px; padding-bottom:5px;} #content #main-content #branding a {display:block; width:454px; height:152px; outline-style:none; text-indent:-9999px; overflow:hidden;} #content #main-content #superintendent-pic {display:inline; border:#912523 1px solid; vertical-align:top; margin-right:10px; float:left; width:50px; height:81px;} #content #main-content #home-events {float:left; width:220px; margin:0; padding:0;} #content #main-content #home-events ul {margin-left:10px; padding:0;} #content #main-content #home-events li span {float:left; width:55px;} /*#content #main-content #home-events li a {float:left; width:165px;}*/ #content #main-content #home-news {float:left; width:220px; margin:0; padding:0 0 0 5px;} #content #main-content #home-news ul {margin-left:10px; padding:0;} #content #main-content #home-news ul li {border-bottom:#999 1px solid;} #content #main-content #minister-directory {margin:0 0 0 10px; padding:0; width:95%;} #content #main-content #minister-directory li {border-bottom:#999 1px solid; padding-top:10px;} #content #main-content #minister-directory li.first {border-bottom:#999 1px solid; padding:0;} #content #main-content #minister-directory li span {display:block; margin-left:10px;} #content #main-content #minister-directory .minister-name {font-weight:bold; margin:0;} #content #main-content #minister-directory .minister-bioPic {display:inline; border:#912523 1px solid; vertical-align:top; margin-right:10px; float:left;} #content #main-content #church-directory {margin:0 0 0 10px; padding:0;} #content #main-content #church-directory li {font-weight:bold; padding-bottom:5px;} #content #main-content #church-directory ul {margin:0 0 0 10px; padding:0;} #content #main-content #church-directory ul li {font-weight:normal;} #content #main-content #church-image {margin-left:10px;} #content #main-content #church-pastor {margin-left:10px;} #content #main-content #church-pAddress {margin-left:10px;} #content #main-content #church-pAddress span {margin-left:10px;} #content #main-content #church-mAddress {margin-left:10px;} #content #main-content #church-mAddress span {margin-left:10px;} #content #main-content #church-phone {margin-left:10px;} #content #main-content #church-website {margin-left:10px;} #content #main-content #church-directions {margin:10px 0 0 10px;} #content #main-content #map_canvas {width:420px; height:300px; margin-left:10px; border:#999 1px solid;} #content #main-content #department-list {margin:0 0 0 10px; padding:0;} #content #main-content #department-list li {padding-bottom:10px;} #content #main-content #board-members {margin:0 0 0 10px; padding:0; width:95%;} #content #main-content #board-members li {border-bottom:#999 1px solid; padding-top:10px;} #content #main-content #board-members li.first {border-bottom:#999 1px solid; padding:0;} #content #main-content #board-members span {display:block;} #content #main-content #board-members #board-member-name {font-weight:bold;} #content #main-content #event-start {display:block; margin-left:10px;} #content #main-content #event-end {display:block; margin-left:10px;} #content #main-content #event-desc {margin-top:10px;} #content #sub-content {float:left; width:321px;} #content #sub-content #image-fade {width:321px; height:265px; background-color:#3D2519;} #content #sub-content #quick-links {float:left; width:145px; margin:13px 0 0 5px;} #content #sub-content #quick-links h3 {border:none; color:#912523;} #content #sub-content #quick-links ul {margin:0; padding:0;} #content #sub-content #quick-links li {padding:0 0 10px 0;} #content #sub-content #quick-links li a {color:#912523;} #content #sub-content #minister-login-form {float:left; width:160px; margin:13px 0 0 0; padding-left:5px;} #content #sub-content #minister-login-form h3 {width:98%;} #content #sub-content #minister-login-form ol {list-style:none; margin:0; padding:0;} #content #sub-content #minister-login-form li {padding:0 0 5px 0;} #content #sub-content #minister-login-form #email {width:98%;} #content #sub-content #minister-login-form #password {width:98%;} #content #sub-content #minister-login-form ul {list-style:none; margin:0 0 0 10px; padding:0;} #content #trim-content {background-color:#3D251B; float:left; width:25px; height:152px; padding:0; margin:0;} #footer .wrapper {height:75px;} #footer {background-color:#3d2519; height:75px; color:#b09f95; position:relative;} #footer #footer-branding {float:right; width:107px; height:73px; margin:0; padding:0;} #footer ul {font:11px Arial, Helvetica, sans-serif; position:absolute; top:15px; left:0; margin:0; padding:0;} #footer ul li {list-style:none; float:left; padding:0 8px; border-right:1px solid #b09f95;} #footer ul li.first {padding:0 8px 0 0;} #footer ul li.last {border:none;} #footer ul li a {color:#b09f95; text-decoration:underline; text-transform:uppercase;} #footer ul li a:hover {color:#b09f95; text-decoration:none;} #footer h4 {margin:0; position:absolute; top:1px; right:11px; text-indent:-9999px; overflow:hidden;} #footer h3 a {display:block;} #footer #copyright {font:10px Arial, Helvetica, sans-serif; position:absolute; top:33px; left:0; margin:0; line-height:16px;} #footer #copyright span {display:block; color:#b09f95;} #footer #copyright a {color:#b09f95;} /* HACKS */ .clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} .clearfix {display:inline;} /* Hides from IE-mac \*/ * html .clearfix {height: 1%;} .clearfix {display: block;} /* End hide from IE-mac */