body {
  background-color: #eee;
  width: 970px;
  padding: 0 0;
}
/*body * {font-size:13px;}*/
#wrapper {width: 100%; background-repeat:repeat-x; position: relative;}
#header_and_menu {
/*  background:#eee url('/images/bsni_banner_rpt.jpg');*/
  background:#eee url('/images/bsni_banner_rpt2.png');
    background-repeat: repeat-x;
    height: 223px;
}
#header_and_menu h1 {float: left; clear: both;}
#header_and_menu.admin_menu h1 {float: none; text-align:center;}
#header_and_menu.centered_banner h1 {float: none; text-align: center;}
img#trees {clear: right; position: absolute;z-index:1; right: 0;}

ul {list-style: none;}
/** Menu Styles **/
#nav {position: relative; width: 940px; margin-left: 1em;z-index:2;}
#nav ul {margin: 0;clear: left}
#nav li {
    display: block;
    float: left;
    padding: 0em 0.4em 0em 0.4em;
    font-family: Helvetica;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 1.05em;
}
#nav li a { text-decoration: none; }

/** LINK STYLES < overrides ie6 style **/ 
a { color : #105cb6;  text-decoration : underline; }
a:visited { color : #105cb6; }
a:focus, a:hover, #nav .selected a { color : #003; }

ul {padding: 0; margin: 0;}

/** STRUCTURAL REWORKING **/
.container {
    display:block;    clear: both;    width: 950px;    margin: 0 auto;
}

.fullwidth {
    margin-left: 10px;    width: 940px;
}

.quarter { margin-top:10px;    margin-left: 14px;    width: 225px; }
.third {margin-left:12px;}

.quarter.first {margin-left:0px; }
.half {    margin-left: 10px;    width: 465px;}
.half-filling-image {width: 463px;}


.threequarters {
    margin-left: 10px;
    width: 701px;
}

.second {margin-top:10px;}

.quarter, .half, .threequarters {
    display:block;
    float: left;
}
.quarter .first, .half .first, .threequarters.first {

}
.boxout{ background-color: #f9f9f9; border: 1px solid #333; margin-bottom: 0.5em;}
.boxout p {margin:0; padding:0.5em 0.5em;}
.boxout h3, h3.no-pad {padding:0; margin:0;}
.content{
    padding: 0.8em;
    background-color: #f9f9f9;
    border: 1px solid #333;
}
/** Features styling **/
.features { position:relative; }
.features .quarter {border: 1px solid #335; margin-top:2em; margin-left:10px;}
.features .quarter:hover {border:1px solid #d9d9d9;}


.features .quarter + .quotes { background-color: white;}
.features .quotes div {margin-bottom: 2em;}


/** ENDS STRUCTURAL REWORKING **/

/** Container default stylings **/
/*#homepage-left{width: 464px; float: left; background: #DDD url("images/bsni_about_bsni.gif") repeat-x fixed top left;}*/
/*#homepage-right{width: 464px; margin-left: 8px; float: left; clear:right;}*/
/*#homepage-left .quarter {margin-left: 10px; width:227px;}*/
/*#homepage-left .quarter .first {margin-left: 0px; width:228px;}*/

.infoblock {float: left;}

.block {
    border: 1px solid #335; /*-moz-border-radius: 5px;-webkit-border-radius: 5px; border-radius: 5px;*/
    background: #f9f9f9 url('/images/bsni_side_touch.jpg') repeat-x scroll top;
    padding: 0.5em;
    margin-bottom: 1em;
}
div.side-images {padding:0;}
div.side-images ul {padding:0;margin:0;}
h4.side-images {padding: 0.5em;}

.unstyled {
/*    -moz-border-radius: 0;-webkit-border-radius: 0; border-radius: 0;*/
    margin-left: 0;
    padding-left: 0;
    border: none;
    background-color: transparent;
    background-image: none
}
.imageblock {min-height: 120px;}
.imageblock ul {}
.imageblock li {padding:0.25em; float: left; }
.imageblock img {border:1px solid #232;}
.imageblock img:hover {border:1px solid #d9d9d9;}

/** Content box styling **/

.content > *, #compressed > * {
    padding: 0; margin: 0;
}
.content > * { }

/*.content h1 {
    margin: 0 0 0 0;
}
*/.content h1 a, h2 a{
    text-decoration: none;
/*    color: #333;*/
}
.content h2 {text-decoration: none; clear: both;}
.content h3 {margin: 1em 0 0 0; text-decoration: none; clear: both;}
.content p {
/*    font-size: 1.2em;*/
    line-height: 1.6em;
}
.content > p, #compressed > p {
    margin: 0.75em 0;
}
.content p img, .primary_image, .article_primary_image {
    float: left;
    margin: 0.5em;
    background-color: #d9d9d9;
    padding: 0.5em;
    border: 1px solid #232;
}

.project-blurb img {padding: 0.5em;}

ul.contact li {
    padding-bottom: 1em;    
}

/** Content box - search results **/
ul.search_results {}
ul.search_results hr {
    border: 4px solid transparent;
}



/** Footer box styling **/
#footer{
    display:block;
    font-size: 0.8em;
    text-align: center;
    line-height: 1.5em;
    margin-top: 3em;
}
#footer hr {
    width: 30%;
}
#footer p{
padding: 0; margin: 0;
}

/** Breadcrumbs **/
#breadcrumbs{margin: 0em;}

/** Adverts box styling **/
#adverts {}
/** Related box styling **/
#related {}



/** Random **/
span.search_type {color: #ddd;}
#welcome-screen {-moz-border-radius: 5px;-webkit-border-radius: 5px; border-radius: 5px; border: 1px solid black; background-color: white; margin: 0 2em 2em 2em; padding: 1em; font-size:0.9em; }
#welcome-screen p {padding: 0 0.5em 0  0.5em ;}
#gallery-wrapper > * {margin:0 auto;}


/** EDITOR **/
input[type="text"], input[type="password"] {
    width: 670px;
    height: 30px;
    font-size: 1.5em;
    margin: 5px;
}
textarea {
    width: 670px;
    height: 300px;
    margin: 5px;
}
textarea.short {
  height: 100px;
}
.admin_minimalise input  {
  font-size: 0.8em;
  height: 1.2em;
  width: 100px;
  margin: 0; padding: 0 ;
}
.admin_minimalise p {
  margin: 0; padding: 0 ;
}


/** FAQ **/
.content > ul {
    margin: 0 2em;
    list-style-type : circle;
}
.content > ol, .content > ul, #compressed > ul, #compressed > ol  {
    padding-left:  1.5em;
	list-style-type : circle;
}
.content > ol > li, .content > ul > li, #compressed > ol > li, #compressed > ul > li {
	padding: 0.65em 0;
}
.content > ol li strong, .content > ul li strong, #compressed > ol li strong, #compressed > ul li strong  {
	font-size: 1.5em;
}

.content > ul ol, .content > ol ul, #compressed > ul ol, #compressed > ol ul {
    padding-left: 1em;
}

.recent-articles ul {
    list-style-type: circle;
    margin-left: 1.5em;
}
ul.articles {
    margin: 0; padding: 0 ;
}
ul.articles li {
    background-color: #e9e9e9;
    margin: 0; padding: 0 ;
    border: 1px solid #232;
    -moz-border-radius: 5px;-webkit-border-radius: 5px; border-radius: 5px;
}
ul.articles h3, ul.articles p {
    margin: 0; padding: 0; 
}

#compressed {
    height: 300px;
    width: 685px;
    overflow: auto;
}

#attachments {
    margin: 0; padding: 0 ;
}
#attachments li *{
    background-color: #e9e9e9;
    padding: 0.5em 1em;
    margin: 0.5em 1em;
    border: 1px solid #232;
    -moz-border-radius: 5px;-webkit-border-radius: 5px; border-radius: 5px;
}
#attachments a {
    text-decoration:none;
    color: #232;
}

#attachments a:hover {
    background-color: #ddc;
}

.clearfix {
    float: left; 
    clear: left;
    vertical-align: bottom;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {display: inline-block;}  /* for IE/Mac */





/* FONTs */

body {
    font: 1.0em "Helvetica Neue", Helvetica, Arial, Georgia, Times, serif;
    line-height: 1.6em;
}

/*@font-face {
  font-family: "Goudy";
  src: url("/fonts/OFLGoudyStM.otf") format("opentype");
}

@font-face {
  font-family: "Goudy-Italic";
  src: url("/fonts/OFLGoudyStM-Italic.otf") format("opentype");
}
p {font-family: "Goudy-Italic", sans-serif;}

h1, h2, h3, h4 {
    font-family: "Goudy", sans-serif;
}*/

h1 {font-size: 1.75em;}
h2 {font-size: 1.25em;}
h3 {font-size: 1.25em;}
h4 {font-size: 1.25em;}


li.downloadable {}
li.file {}
li.image {}
.page-attachments {border: 1px solid; margin-top: 1em; padding: 0.8em;  background-color: #f9f9f9; border: 1px solid #333;}

.publish {color:green;}
.withdraw {color:darkred;}
.expander {display:none;}

/* DL, DT, DD -> mainly used for bible translations list? */
dl {padding-top: 1.5em; }
dt { margin-top: 0.8em; font-size : 1.2em; }
dd { border-bottom : 1px solid #ccc; }


.page-attachments {
    margin-bottom: 1em;
}




/* ADMIN */
#admin {
    font: 90% helvetica, arial;
    padding: 0.2em 0;
    background-color:white;
}
.admin_block{
    position: relative;
}
div.admin_block h2{
}
.admin_block table  {
    width: 60%;
    float: left;
}
.admin_actions a {
    float: right;
    border: 1px solid #333;
    -moz-border-radius: 5px;-webkit-border-radius: 5px; border-radius: 5px;
    background-color: white;
    padding: 0.25em;
    text-decoration:none;
}
.admin_block .expander {
    font-size: 0.75em;
    color: #ccc;
}
#flash, #admin_warning {
    font-weight: bold; color: red;font-size: 0.8em;
    text-align: center;line-height: 1.5em;
    margin: 1em; border: 1px solid red; background-color:white;
}
#flash p, #admin_warning p {margin:0;padding:0;}

/* menu override buttons*/
#home .home-btn a,
#about .about-btn a,
#contact .contact-btn a,
#news .news-btn a,
#projects .projects-btn a,
#prayer .prayer-btn a,
#youth .youth-btn a,
#get-involved .involved-btn a,
#resources .resources-btn a,
#links .links-btn a {color: #003;}




#similar_content {
    margin-left: 1em;
    list-style-position: outside;
    list-style-type: circle;
}
#similar_content li {
    font: normal normal normal 0.8em/1.6em "Helvetica Neue",Helvetica, sans-serif;
}
.christcombiblevotdimg {display:none;}
center {display:none;}


.homepage_article {
  clear:both;
  border-bottom: 1px solid grey;
  padding-top: 0.5em;
}
.homepage_article.first {
}
.homepage_article h2, .homepage_article p{
  padding:0;margin:0;
  padding-left: 8px;
}
.homepage_article h2 {
  
}

.homepage_article p {
}
.homepage_article hr {
  margin: 0.85em 5em;
}
.homepage_article .more-link {text-align: right; display:block; padding-right:0.5em;}

li span.overlay img { }
li p {}

.votd center {display:none;}
.votd br {display:none;}
/*.votd p {margin: 0.5em 0.5em;}*/
.votd {padding: 0em 0.5em;}


.breadcrumb-list h3 {float: left; margin-right:1em}
.breadcrumb-buttons li {display:inline;}
.breadcrumb-buttons li a {background-color:#eee; border:1px solid #333;  padding:0.5em; margin-right: 0.5em;}
.breadcrumb-buttons li a:hover {background-color:#fff; border:1px solid #333; padding:0.5em}





/*************************/
/* News Content Rotation */

.caption_clear {  
    clear:both  
}  

#newsscroll {  
    position:relative;  
    height:360px  
}  
    #newsscroll a {  
        float:left;  
        position:absolute;  
    }  

    #newsscroll a img {  
        border:none;  
    }  

    #newsscroll a.show {  
        z-index:500  
    }  

    #newsscroll .caption {  
        z-index:600;   
        background-color:#000;   
        color:#ffffff;   
        height:100px;   
        width:100%;   
        position:absolute;  
        bottom:0;  
    }  

    #newsscroll .caption .caption_content {  
        margin:5px  
    }  

    #newsscroll .caption .caption_content h3 {  
        margin:0;  
        padding:0;  
        color:#1DCCEF;  
    }
/* End News Content      */
/*************************/


.caption_position {position: absolute; bottom: 0; left: 0; }
.caption_background {background-color: rgba(0,0,0,0.5); z-index:700; padding:0;margin:0; width:100%;}
.caption_content {color: white; z-index:710;padding:0.5em;margin:0;}

.overlay-text-image {display:block; position: relative;}
.overlay-text-image .more-link {padding:0;margin:0;}
.overlay-text-image .more-link:hover {color: white;}
.overlay-text-image {padding-bottom: 0;}

#theheadline > a {height:200px;}
#theheadline .more-link {color: white;}
/*

.site_nav li:hover {-webkit-transform:rotate(-2.5deg);}
.advert-buttons li:hover {-webkit-transform:rotate(-2.5deg);}*/