/* Norman Community Church */
/* Main.css */
/* 2010
/* Dustin Evans - zindustry
--------------------------------------- */

/* Reset
--------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
    }

/* Global
--------------------------------------- */

body {
    font-family: helvetica, arial, sans-serif; 
    font-size: 13px; 
    color: #666666;
    background: url(images/body-bg.jpg) #0E0E0E left top repeat-x;
    line-height: 16px;
    }
    
#wrapper {
    width: 960px;
    padding: 0; margin: 0 auto 30px auto;
    }
    
/* Header */

#header {
    width: 960px;
    padding: 0; margin: 0;
    float: left;
    }
    
#header-l {
    width: 300px; height: 142px;
    padding: 0; margin: 0;
    float: left;
    }
    
#header-l .logo {
    width: 300px; height: 142px;
    padding: 0; margin: 0;
    float: left;
    background: url(images/logo.png) 10px 40px no-repeat;
    }
    
#header-l .logo h1 {
    padding: 0; margin: 0;
    }
    
#header-l .logo h1 a {
    width: 300px; height: 142px;
    padding: 0; margin: 0;
    display: block;
    overflow: hidden;
    text-indent: -9999px;
    }
    
#header-r {
    width: 500px; height: 142px;
    padding: 0; margin: 0;
    float: right;
    position: relative;
    }

.loginstatus {
    width: 485px;
    padding:  10px 15px 0 0; margin: 0;
    float: right;
    text-align: right;
    color: #fff;
    }

.loginstatus a {
    margin-left: 8px;
    color: #96BAA8;
    }
    
.loginstatus a:hover {
    color: #fff;
    text-shadow: #191512 0px 1px 1px;
    text-decoration: underline;
    }
    
.search {
    width: 500px;
    padding:  15px 0 0 0; margin: 0;
    float: right;
    text-align: right;
    }

.search label {
    display: none;    
    }
    
.search input.searchInput {
    width: 214px;
    padding: 6px 32px 6px 10px; margin: 0;
    border: none;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    background: url(images/search.gif) #fff 234px center no-repeat;
    position: absolute;
    right: 10px;
    font-size: 12px;
    }
    
.search input.searchInput:focus {
    background-color: #E7EBED;
    box-shadow: 4px 4px 20px #000;
    -webkit-box-shadow: 4px 4px 20px #000;
    -moz-box-shadow: 4px 4px 20px #000;
    }
    
.search input.searchButton {
    width: 28px; height: 24px;
    padding: 4px; margin: 0;
    position: absolute;
    right: 14px;
    z-index: 9999;
    text-indent: -9999px;
    overflow: hidden;
    cursor: pointer;
    background: transparent;
    border: none;
    font-size: 0px;
    line-height: 0;
    }
    
.top-nav {
    width: 500px; 
    padding: 0; margin: 0;
    position: absolute;
    top: 100px;
    right: 10px;
    }
    
.top-nav ul {
    padding: 0; margin: 0;
    float: right
    }

.top-nav li {
    padding: 0; margin: 0;
    display: inline;
    }
    
.top-nav li a {
    color: #96BAA8;
    padding: 0 0 0 10px; margin: 0 8px 0 0;
    text-shadow: #191512 0px 1px 1px;
    background: url(images/top-arrow.gif) left -13px no-repeat;
    }
    
.top-nav li a:hover {
    color: #fff;
    text-shadow: #191512 0px 1px 1px;
    text-decoration: none;
    background: url(images/top-arrow.gif) left 3px no-repeat;
    }
    
/* Navigation
--------------------------------------- */

#main-nav {
    width: 960px; height: 52px;
    padding: 0; margin: 0;
    float: left;
    background-color: #4C463D;
    -moz-border-radius-topleft: 8px;  -webkit-border-top-left-radius: 8px;
    -moz-border-radius-topright: 8px;  -webkit-border-top-right-radius: 8px;
    box-shadow: 0px 0px 4px #4C463D;
    -moz-box-shadow: 0px 0px 8px #22170F;
    -webkit-box-shadow: 0px 0px 8px #22170F;
    }

#main-nav ul {
    padding: 20px 15px 0 15px; margin: 0;
    }

#main-nav li {
    padding: 0; margin: 0;
    display: inline;
    }
    
#main-nav li a {
    font-size: 14px;
    color: #fff; 
    padding: 0 0 0 12px; margin: 0 14px 0 0;
    text-shadow: #211D17 1px 1px 1px;
    text-transform: lowercase;
    background: url(images/top-arrow.gif) left 3px no-repeat;
    }
    
#main-nav li a:hover {
    color: #96BAA8;
    text-shadow: none;
    text-decoration: none;
    background: url(images/top-arrow.gif) left -13px no-repeat;
    }

    
/* Homepage
--------------------------------------- */

#main-con {
    width: 940px;
    padding: 10px 10px 10px 10px; margin: 0;
    float: left;
    background: url(images/maincol.png) left top repeat;
    -moz-box-shadow: 0px 0px 8px #3A352E;
    -webkit-box-shadow: 0px 0px 8px #3A352E;
    position: relative;
    }
    
.main-feature {
    width: 924px; height: 240px;
    padding: 8px; margin: 0;
    float: left;
    background-color: #fff;
    box-shadow: 0px 0px 4px #211D17;
    -moz-box-shadow: 0px 0px 4px #15120F;
    -webkit-box-shadow: 0px 0px 4px #15120F;
    }
    
.slideshow {
    width: 392px; height: 240px;
    padding: 0; margin: 0;
    float: left;
    background-color: #C4C9CE;
    }

.welcome {
    width: 482px; height: 210px;
    padding: 30px 30px 0 20px; margin: 0;
    float: right;
    background-color: #C4C9CE;
    font-size: 14px;
    }

.welcome .small {
    font-size: 14px;
    font-weight: bold;
    color: #716658;
    text-transform: lowercase;
    }

.welcome .large {
    font-size: 30px;
    font-weight: bold;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    margin-top: -5px;
    margin-bottom: 20px;
    }
    
.feature {
    width: 940px;
    padding: 10px 0 0 0; margin: 0;
    float: left;
    text-align: center;
    }
    
.feature p {
    padding: 0; margin: 0;
    float: left;
    }
    
.feature img{
    padding: 0; margin: 0;
    float: left;
    }
    
.feature p.one {
    padding: 0; margin: 0 4px 0 0;
    }
    
.feature p.two {
    padding: 0; margin: 0 4px;
    }
    
.feature p.three {
    padding: 0; margin: 0 4px;
    }
    
.feature p.four {
    padding: 0; margin: 0 0 0 4px;
    }

#sub-con {
    width: 950px;
    padding: 8px 5px 8px 5px; margin: 0;
    float: left;
    background: url(images/subcol.png) #716658 left top repeat-x;
    }

body#home #sub-con {
    width: 950px;
    padding: 10px 5px 8px 5px; margin: 0;
    float: left;
    background: url(images/subcol.png) #716658 left top repeat-x;
    }

#col-tile {
    width: 950px;
    padding: 0; margin: 0;
    float: left;
    background: url(images/col-tile.gif) transparent center top repeat-y;
    }

#main-col {
    width: 420px;
    padding: 0; margin: 0 5px;
    float: left; 
    }
    
#sub-col {
    width: 280px;
    padding: 0; margin: 0 5px;
    float: left;
    }
    
#extra-col {
    width: 220px;
    padding: 0; margin: 0 5px;
    float: left;
    }
    
/* Modules Classes */

body#home .module {
    width: 100%;
    padding: 0; margin: 0 0 5px 0;
    float: left; 10px
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    background-color: #fff;
    }

.module {
    width: 100%;
    padding: 0; margin: 10px 0 5px 0;
    float: left;
    box-shadow: 0px 0px 3px #413A32;
    -moz-box-shadow: 0px 0px 3px #413A32;
    -webkit-box-shadow: 0px 0px 3px #413A32;
    background-color: #fff;
    }   

.module .textElement {
    padding: 10px; margin: 0;
    float: left;
    }
    
.module h1.title {
    font-size: 16px;
    font-weight: bold;
    width: auto; height: 34px;
    padding: 0 0 0 10px; margin: 0;
    line-height: 34px;
    color: #666;
    background: url(images/white-title.jpg) #EBEDED left top repeat-x;
    }

/* Home Overrides */

body#home .white, body#home .tan, body#home .darkgrey, body#home .green, body#home .lightgrey {
    background-color: transparent;
    }


/* White Module */
    
.white {
    color: #666666;
    background-color: #fff;
    }
    
.white h1.title {
    color: #66757E;
    background: url(images/white-title.jpg) #EBEDED left top repeat-x;
    }

.white .textElement img {
    border: solid 4px #ECF4F9;   
    }

/* Blog */

.white .blogList img {
    border: solid 4px #ECF4F9;   
    }

.white .blogList ul li .postInfo span.postDate {
    color: #BFBFBF;
    }

.white .blogList ul li .postInfo {
    border-bottom: solid 1px #F0F4F7;
    } 

/* Events */

.white .eventsList ul li .eventDate {
    color: #BFBFBF;
    }

.white .eventsList ul li {
    border-bottom: solid 1px #F0F4F7;
    }
    
/* Tan Module */
    
.tan {
    color: #66675E;
    background-color: #D6D6BF;
    }
    
.tan h1.title {
    color: #66675E;
    background: url(images/tan-title.jpg) #D6D6BF left top repeat-x;    
    }

.tan .textElement img {
    border: solid 4px #E8E8D9;   
    }

/* Blog */

.tan .blogList img {
    border: solid 4px #E8E8D9;     
    }

.tan .blogList ul li .postInfo span.postDate {
    color: #96988E;
    }

.tan .blogList ul li .postInfo {
    border-bottom: solid 1px #C0C2B1;
    }

/* Events */

.tan .eventsList ul li .eventDate {
    color: #96988E;
    }

.tan .eventsList ul li {
    border-bottom: solid 1px #C0C2B1;
    }
    
/* Dark Grey Module */
    
.darkgrey {
    color: #898989;
    background-color: #3A3C3C;
    }
    
.darkgrey h1.title {
    color: #898989;
    background: url(images/darkgrey-title.jpg) #272928 left top repeat-x;    
    }
    
.darkgrey strong {
    color: #9A9A9A;
    }

.darkgrey .textElement img {
    border: solid 4px #505254;   
    }

/* Blog */

.darkgrey .blogList img {
    border: solid 4px #505254;   
    }

.darkgrey .blogList ul li .postInfo span.postDate {
    color: #5F5F5F;
    }

.darkgrey .blogList ul li .postInfo {
    border-bottom: solid 1px #323434;
    }

/* Events */

.darkgrey .eventsList ul li .eventDate {
    color: #5F5F5F;
    }

.darkgrey .eventsList ul li {
    border-bottom: solid 1px #323434;
    }

/* Links */

.darkgrey .linksModule ul {
    padding: 0; margin: 0;
    }

.darkgrey .linksModule li {
    width: 100%;
    padding: 0; margin: 0;
    display: block;
    float: left;
    border-bottom: solid 1px #323434;
    }
    
.darkgrey .linksModule li a {
    width: 190px;
    padding: 12px 20px 12px 10px; margin: 0;
    color: #98AF44;
    text-shadow: #292A2A 0px 1px 1px;
    display: block;
    float: left;
    }
    
.darkgrey .linksModule li a:hover {
    width: 190px;
    padding: 12px 20px 12px 10px; margin: 0;
    color: #fff;
    text-shadow: none;
    text-decoration: none;
    background-color: #292A2A;
    }

/* Light Grey Module */
    
.lightgrey {
    color: #595959;
    background-color: #C4C9CE;
    }
    
.lightgrey h1.title {
    color: #595959;
    background: url(images/lightgrey-title.jpg) #C4C9CE left top repeat-x;    
    }

.lightgrey img {
    border: solid 4px #E7EBED;   
    }

/* Blog */

.lightgrey .blogList img {
    border: solid 4px #E7EBED;   
    }

.lightgrey .blogList ul li .postInfo span.postDate {
    color: #888888;
    }

.lightgrey .blogList ul li .postInfo {
    border-bottom: solid 1px #B4B8BF;
    }

/* Events */

.lightgrey .eventsList ul li .eventDate {
    color: #888888;
    }

.lightgrey .eventsList ul li {
    border-bottom: solid 1px #B4B8BF;
    }

/* Green Module */
    
.green {
    color: #576762;
    background-color: #9ABFAD;
    }
    
.green h1.title {
    color: #576762;
    background: url(images/green-title.jpg) #97B6AB left top repeat-x;
    }
    
.green strong {
    color: #445653;
    }

.green img {
    border: solid 4px #A3CAB8;   
    }

/* Blog */

.green .blogList img {
    border: solid 4px #A3CAB8; 
    }

.green .blogList ul li .postInfo span.postDate {
    color: #687B76;
    }

.green .blogList ul li .postInfo {
    border-bottom: solid 1px #89A49D;
    }

/* Events */

.green .eventsList ul li .eventDate {
    color: #687B76;
    }

.green .eventsList ul li {
    border-bottom: solid 1px #89A49D;
    }

/* Links */

#sub-con .green a {
    color: #fff;
    }

/* No Style Module */

.module.nostyle {
    width: 100%;
    padding: 0; margin: 10px 0 5px 0;
    float: left;
    box-shadow:  none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    background-color: transparent;
    color: #B9AB99;
    }   

.module.nostyle .textElement {
    padding: 0; margin: 0;
    float: left;
    }
    
#left-col .module.nostyle h1.title {
    padding: 0;
    color: #fff;
    background: none;   
    }


    
/* Inside Page
--------------------------------------- */
    
body#inside #sub-con {
    width: 955px;
    padding: 0px 0px 8px 5px; margin: 0;
    background-color: #716658;
    background: url(images/inside-bg.jpg) #97B6AB center top repeat-y;
    }

#left-col {
    width: 220px;
    padding: 0; margin: 0 5px;
    float: left;
    }

#left-col .darkgrey ul {
    padding: 0; margin: 0;
    }

#left-col .darkgrey li {
    width: 100%;
    padding: 12px 0; margin: 0;
    display: block;
    float: left;
    border-bottom: solid 1px #323434;
    }
    
#left-col .darkgrey li a {
    width: 180px; 
    padding: 0 20px; margin: 0;
    color: #98AF44;
    text-shadow: #292A2A 0px 1px 1px;
    display: block;
    float: left;
    background: url(images/side-arrow.gif) 10px 3px no-repeat;
    }
    
#left-col .darkgrey li a:hover {
    width: 180px;
    color: #fff;
    text-shadow: none;
    text-decoration: none;
    background-color: #292A2A;
    background: url(images/side-arrow.gif) 10px -89px no-repeat;
    }

/* Banner */
    
#banner {
    width: 720px; height: 100px;
    padding: 0; margin: 0;
    float: right;
    background: url(/Websites/normcom/Images/Banners/welcome.jpg) #DCDFE2 left top no-repeat;
    }

#banner .banner-graphic {
    width: 290px; height: 100px;
    padding: 0; margin: 0;
    float: left; 
    overflow: hidden;
    }

#banner .page-title {
    width: 400px; height: 100px;
    padding: 0 15px; margin: 0;
    float: right;
    color: #8AAB9F;
    font-size: 22px;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 100px;
    }

#banner .banner-graphic p {
    width: 720px; height: 100px;
    padding: 0; margin: 0;
    }

/* BreadCrumbs */

#breadcrumb {
    width: 670px;
    padding: 0 0 20px 0; margin: 0;
    float: left;
    }

/* Right Column */
    
#right-col {
    width: 670px;
    padding: 15px 25px; margin: 0;
    float: left; 
    }

#right-col2 {
    width: 720px;
    padding: 0; margin: 0;
    float: left;
    }

#right-col2 .rc-left {
    width: 440px;
    padding: 25px; margin: 0;
    float: left;
    }

#right-col2 .rc-right {
    width: 205px;
    padding: 15px 25px 15px 0px; margin: 0;
    float: right;
    }
    
/* Content */
    
#right-col strong {
    color: #494949;
    }

#right-col img {
    border: solid 4px #E7EBED;
    }

/* Blog */

#right-col .blogList img {
    border: solid 4px #ECF4F9;   
    }

#right-col .blogList ul li .postInfo span.postDate {
    color: #BFBFBF;
    }

#right-col .blogList ul li .postInfo {
    border-bottom: solid 1px #F0F4F7;
    }

#right-col .blogList ul li h2.postTitle a {
    font-size: 18px;
    }

#right-col .blogList ul {
    padding: 0; margin: 0;
    }

/* Events */

#right-col .eventsList ul li .eventDate {
    color: #BFBFBF;
    }

#right-col .eventsList ul li {
    border-bottom: solid 1px #F0F4F7;
    }

#right-col h1 {
    text-transform: lowercase;
    }
    
/* Admin Page
--------------------------------------- */

body#admin #sub-con {
    width: 900px; 
    min-height: 250px;
    height:auto !important;
    height: 250px;
    padding: 30px;; margin: 0;
    background-color: #fff;
    background-image: none;
    }

/* Footer */

#footer {
    width: 960px;
    padding: 20px 0 5px 0; margin: 0;
    clear: both;
    font-size: 12px;
    color: #837667;
    text-align: center;
    background: url(images/footer.png) #463F38 left top repeat-x;
    -moz-border-radius-bottomleft: 8px;  -webkit-border-bottom-left-radius: 8px;
    -moz-border-radius-bottomright: 8px;  -webkit-border-bottom-right-radius: 8px;
    }
    
#footer ul {
    padding: 0 0 0 10px; margin: 0 0 10px 0;
    }

#footer li {
    padding: 0; margin: 0;
    display: inline;
    }
    
#footer li a {
    font-size: 13px;
    color: #837667; 
    padding: 0 0 0 10px; margin: 0 8px 0 0;
    text-shadow: #211D17 0px 1px 1px;
    }
    
#footer li a:hover {
    color: #96BAA8;
    text-shadow: #211D17 0px 1px 1px;
    text-decoration: none;
    }
    
#footer a {
    color: #6C6052; 
    text-transform: lowercase;
    }
    
#footer a:hover {
    color: #96BAA8;
    text-decoration: none;
    }

/* Content
--------------------------------------- */

/* Headers */
    
h1 {
    padding: 0; margin: .5em 0 1em 0;
    font-size: 26px;
    color: #66757E;
    }
    
h2 {
    padding: 0; margin: 0 0 .5em 0;
    font-size: 22px;
    color: #4C463D;
    }
    
h3 {
    }
    
/* Links */

a, a:link {
    color: #86A133;
    text-decoration: none;
    font-weight: bold;
    }
    
a:hover {
    color: #98AF44;
    text-decoration: underline;
    }

a.more {
    padding: 8px; margin: 0;
    background-color: #86A133;
    color: #fff;
    font-size: 13px;
    font-weight: normal;
    -moz-border-radius: 4px; -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    }

a:hover.more {
    background-color: #70882B;
    text-decoration: none;
    }
    
/* General */

dt {
    margin-top: .5em;
    font-weight: bold;
    }

dd {
    margin-left: 0;
    padding-left: 0;
    margin-bottom: 1em;
    }

ul, ol {
    margin-left: 1em;
    padding-left: 1em;
    }

ul li {
    margin-bottom: 1em;
    list-style: disc outside;
    }

ol li {
    margin-bottom: 1em;
    list-style: decimal outside;
    }

ol ol li {
    margin-bottom: 1em;
    list-style: lower-alpha outside;
    }

ol ol, ul ul {
    margin-top: 1em;
    }

table { 
    border-collapse: collapse;
    border-spacing: 0;
    }

img {
    border: none;
    }

p {
    margin: .5em auto 1em;
    line-height: 18px;
    }

strong { 
    font-weight: bold;
    }

em {
    font-style: italic;
    }

/* Extra Stuff
--------------------------------------- */

.hide {
    display: none;
    }
    
.left {
    float: left;
    }
    
.right {
    float: right;
    }
    
.italic {
    font-family: georgia, times, serif;
    font-style: italic;
    color: #999;
    }
    
.clear {
    width: 100%;
    padding: 0; margin: 0;
    clear: both;
    }

.regionBoundary {
    overflow: hidden;
    }
    
/* End */