@charset "UTF-8";
/* Desc: SPD Church Generic Theme Theme
 (Based on Blue Clouds Theme)
 Graphic Design: Jeanelle Isaacs
 CSS Author: Jeanelle Isaacs
 
	Stylesheet Contents
	----------------------
        1. General Properties and Font Styles
		2. Header home layout
		3. Header default layout
		4. Header Search
		5. Navigation - primary & secondary menu
        6. Widget Layout (see widget.css for actual widget css)
        7. Body Area
		8. Footer
		9. Calendar
		10.Shopping cart
		11.Media library
		12.Store
		
		User defined styles
		
		13. Table row
	
        Colour Scheme
     ----------------------
		Background: #f2f1ed
		Dark Green: #558619
		Light Green: #d1dec1
		Lighter Green: #e7f4d7
		Widget Green: #dde7d2
		Widget Green border: #f0f9e5;
		Widget Blue: #bed4ff
		Widget Blue border: #dfeaff;		
		Widget link (dark blue): #00638d
		Dark blue: #00638d (menu links)
		Gray text: #333333
		Green text: #317902
		Blue text: #416bb9
		Link text: #ffcc34

		
 
=== === === === === === === === === === */
/* ---------------1. General -------------- */
html {
}
body {
 text-align: center;
 margin:0px;
 padding:0px;
 font: normal 12px/1.5em "arial", sans-serif;
}
#body_bg{
 background: #f2f1ed url(../images/body_bg.jpg) repeat-x top;
}
#bg_image{  
  background: url(../images/bg_plant.png) no-repeat center top;  
  margin: 0px auto;
}

#main1{  
  margin: 0px auto;
  background: url(../images/shadow-top.png) repeat-x;
  padding-top: 4px;
  width:1000px;  
}

#main2{
margin: 0 auto;
background: url(../images/shadow-side.png) repeat-y top;
width:1004px;
/*border:1px solid red;*/
}
.content-only{
 margin: 0px auto;
 text-align: left;
 background-color: #fff;
 /*border:red 1px solid;*/
}
.container{
 margin: 0px auto;
 width: 991px;
 text-align: left;
 background-color: #fff;
 /*border:red 1px solid;*/
}

img {
 border: 0
}
#middle a:link, #middle a:visited {
 color: #DFAD29;
 font-weight:normal;
 text-decoration: none;
}
#middle a:hover, #middle a:active {
 color: #663300;
 text-decoration: underline;
}
a.edit:link, a.edit:visited {
 color: #595438;
 text-decoration: none;
 font-weight: bold;
 text-transform: uppercase;
}
a.edit:hover, a.edit:active {
 color: #FF0000;
 text-decoration: underline;
 font-weight: bold;
 text-transform: uppercase;
}
a.view_more_link {
 padding-left:0px;
}

#middle li {
 color: #333333;
 margin-left: 65px;
}

#middle p{
 font-size: 1.1em;
 color: #333333;
 line-height: 150%;
 padding-left:15px;
}

hr {
height:1px;
border-width:0;
background-color:#ccc;
color:#ccc;
}
#middle h1, 
#announcements h2,
#news h2,
#forms h2{
 color: #317902;
 background: url(../images/h1.png) no-repeat ;
 font-size:19px;
 font-weight:normal;
 text-align:center left;
 padding:8px 0px 20px 15px;
}
#announcements h3, 
h2{
 padding: 5px 0px 5px 15px;
 font-weight: bold;
 font-size: 16px;
 color: #317902;
 background: url(../images/h2.png) no-repeat 10px 15px;
}
#middle h3{
 font-weight: bold;
 padding: 3px 0px 3px 15px;
 font-size: 14px;
 color: #416bb9;
}

h4{
 font-weight: normal;
 padding: 3px 0px 3px 15px;
 font-size: 12px;
 color: #416bb9;
 clear: left;
}
h5{
 padding:3px 0px 3px 15px;
 font-size: 11px;
 color:  red;
 clear: left;
}

.heading{
 margin: 20px 0px 0px 15px;
 font-size: 21px;
 font-weight: bold;
 line-height: 110%;
 float:left;
}
.subheading{
 font-size: 19px;
 font-style:italic;
 font-weight: normal;
}
/* ---------------Background--------------- */


/* ---------------2. Header home layout--------------- */

#top{
 margin:-20px auto;
 width: 991px;
 height: 90px;
 color: #06307e; 
 text-align:left;
}

#header .container{
 width: 991px;
 height: 189px;	
} 
 
.header_right{
 width:991px;
 height: 197px;
 margin-top:4px;

}
/* ------------------------------ */


/* --------------- 4. Search --------------- */

#top .textfield {
 width: 135px; 
 height:16px;
 border: solid 1px #4495cb;
 color: #444;
 font-size:12px;
 padding:2px;
 margin: 4px 0px 0px 10px;
 background-color: #cedffe;
}
#top .textfield:focus {
color:#444444;
}
#top .submitbutton {
 height: 21px;
 width:22px;
 cursor: pointer;
 border: none;
 font-size: 0em; /*gets rid of search text for Firefox*/
 padding-left: 27px; /*gets rid of search text for IE, has to same as button width*/
 background:none;
 /*border: 1px red solid;*/
}

#top .sitesearch form fieldset {
 background: url(../images/go.png) no-repeat; /*inserts image for search button*/
 background-position: 155px 5px; /*position image for search button*/
 border:0px;
}
.sitesearch {
 float:right;
width:194px;
height: 35px;
background: url(../images/search-bg.png) no-repeat; 
}

/* --------------- 5. Navigation ------------ */

/* vertical nav */
#navigation{ 
 padding: 0px 0px 0px 5px;
}
	
#navigation ul{
	list-style: none;
}
		
#navigation li{ }

.menu_primary{ }
	
.menu_primary a,
.menu_primary a:visited{
	padding: 5px 0px 5px 22px;
	color: #fff; 
	border-bottom: 1px dotted #fff;
	border-left: 5px solid #558619;
 	background-color:#a5d56b;
	text-decoration:none;
	display:block;
}

.menu_primary a:hover{ 
 color: #558619;
 border-left: 5px solid #d1dec1;
 background-color: #e7f4d7;
}

.menu_primary ul li.expanded-menu a{ /*current position*/
 color: #00638d;
 border-left: 5px solid #d1dec1;
 font-weight:bold;
}
	
.menu_secondary{
	margin-left: 20px;
}
		
.expanded-menu .menu_secondary ul li a, .expanded-menu .menu_secondary ul li a:visited{
 color: #558619;	
 border-bottom: 1px dotted #ADADAD;
 border-left: 5px solid #d1dec1;
 padding: 4px 5px 4px 30px;
 background: #fff;
}


div.menu_secondary .active {
background: #f1f5fd;
}

.expanded-menu .menu_secondary ul li a:hover{ 
	background: #f1f5fd;
	text-decoration: none;
}
/* --------------- 6. Widget Sections ----------------- */

/*-------1 col home layout--------------*/
#bodyarea .widgetbar{
 padding: 0px 0px 0px 80px;
 float:left;
 width: 90%;
 background-color: #ffffff; 
}
/* -------------------------------- */


/*-------3 col layout--------------*/

#left {
 float:left;
 width:206px;
 margin:0px 0 10px 0; 
 padding-right:5px;
 border-right: 1px #c8c8c6 solid;
 }
#right {
 float:right;
 width:220px;
 margin:0; 
 padding:0;
}	
#middle{
 float: left;
 width: 515px;
 margin: 0px 5px 10px 10px;
 /*border:1px pink solid;*/
}

.twocol{
 float: left;
 width: 700px;
 margin: 0px 5px 10px 10px;
 /*border:1px pink solid;*/
}

.nocontainers{
 float: left;
 width: 850px;
 margin: 0px 5px 10px 20px;
 /*border:1px pink solid;*/
}
.cleaner {
 clear:both;
 height:1px;
 font-size:1px;
 border:none;
 margin:0; padding:0;
 background:transparent;
}
/* -------------------------------- */

/* ---------------7. Body ----------------- */
#bodyarea{
 background-color:#ffffff;
 width:991px;
 margin:0 auto;
 padding: 26px 0px 40px 0px;
}

.fullcontent{
width: 100%;
padding: 0px;
}

#bodyarea p.clearfloat{
  clear: both;
  background-color:#ffffff;
} 
#bodyarea ul, #bodyarea ol{
 padding:0px !important;
 margin: 0;
}
#bodyarea h3.datehighlight{
 background-color: #E7D5BC;
 margin: 0 20px 0 0;
}
#bodyarea h4.datehighlight{
 background-color: #F2E8DB;
 margin: 0 20px 0 0;
}
#bodyarea p.datehighlight{
 background-color: #F2E8DB;
 font-size: 85%;
 margin: -5px 20px 0 0;
 padding: 0 30px 5px 10px;
 color: #999999;
}

#bodyarea #signup{ /*new website signup*/
 width: 80%;
 float: left;
 padding: 25px 0 0 15px;
 margin: 17px 0px 0px 30px;
}

#bodyarea .fullcontent ul,
#bodyarea .fullcontent ol {
 margin: 0px 0px 0px 20px;
}
#bodyarea .contentarea ul,
#bodyarea .contentarea ol{
 margin: 0px 0px 0px 60px;
}

#bodyarea .imagecaption{
 float: right;
 width: 280px;
}
#bodyarea .mediacat p{
 padding: 0 10px 0 10px;
}
#bodyarea .mediacat h3.video,
#bodyarea .mediacat h3.document,
#bodyarea .mediacat h3.image,
#bodyarea .mediacat h3.news,
#bodyarea .mediacat h3.event{


 padding: 10px 40px 10px 20px;
 margin: 0 0 0 10px;
}
#bodyarea h4.video,
#bodyarea h4.document,
#bodyarea h4.image,
#bodyarea h4.news,
#bodyarea h4.event{
 margin: 0 0 0 10px;
 padding: 5px 40px 5px 20px;
}
#bodyarea .mediacat h3.video,
#bodyarea h4.video{
 background: url(../images/icon-media.gif) no-repeat left;
}
#bodyarea .mediacat h3.document,
#bodyarea h4.document{
 background: url(../images/icon-article.gif) no-repeat left;
}
#bodyarea .mediacat h3.image,
#bodyarea h4.image{
 background: url(../images/icon-images.gif) no-repeat left;
}
#bodyarea .mediacat h3.news,
#bodyarea h4.news{
 background: url(../images/icon-news.gif) no-repeat left;
}
#bodyarea .mediacat h3.event,
#bodyarea h4.event{
 background: url(../images/icon-event.gif) no-repeat left;
}
#bodyarea .sort{
 clear: both;
}
#bodyarea .sort ul li.other span{
 float: right;
 padding: 2px 5px 0 5px;
}
#bodyarea .sort ul li.other span select{
 font-size: 85%;
}
#bodyarea .sort p{
 font-size: 85%;
 padding: 5px 10px 0 10px;
 clear: both;
 text-align: center;
}
#bodyarea .sort ul{
 list-style: none;
 padding: 0;
 width: 100%;
 float: left;
 background-color: #CCE3F8;
 margin: 0;
 border-bottom: 1px solid #4388C9;
}
#bodyarea .sort ul li{
 display: inline;
}
#bodyarea .sort ul li.current span{
 background-color: #FFFFFF;
}
#bodyarea .sort ul li span{
 display: block;
 float:left;
 padding: 4px 12px 5px 10px;
 margin: 3px 0 -2px 0;
}
#bodyarea .imagecaption img{
 margin: 0 20px 0 10px;
 border: 1px solid #4388C9;
}
#bodyarea .imagecaption p{
 font-size: 85%;
 padding: 0 20px 0 15px;
 font-style: italic;
 color: #999999;
}
#bodyarea #searchcontent{
 width:100%;
}
#bodyarea #searchcontent #middle{
 padding: 0;
}
#bodyarea #searchcontent form{
 margin: 0;
 padding: 0;
}
#bodyarea #searchcontent form fieldset{
 padding:5px 0;
 margin: 0;
 border: none;
}
#bodyarea #searchcontent p{
 padding: 0 10px 0 20px;
 font-size: 85%;
}
#bodyarea #searchcontent form fieldset input,
#bodyarea #searchcontent form fieldset select{
 font-size: 85%;
}
#bodyarea #searchcontent form fieldset input.textfield{
 width: 150px;
 margin: 0 5px 0 0;
}

p.meta, 
#bodyarea p.meta,
#bodyarea p.catmeta{
 font-size: 85%;
 color: #999999;
}
#bodyarea p.pages{
 font-size: 85%;
 padding: 5px 30px 5px 10px;
 margin: 10px 20px 0 0;
 color: #999999;
 border-top: 1px solid #CCE3F8;
 font-weight: bold;
 clear: both;
}
#bodyarea p.meta span{
 float: right;
}
#bodyarea p.catmeta span,
#bodyarea p.icons span{
 float: left;
}
#bodyarea p.meta span img,
#bodyarea p.catmeta span img,
#bodyarea p.icons span img{
 margin: 0;
}
#bodyarea p.archives{
 font-size: 85%;
 margin: 0 0 0 10px;
 padding: 0 10px 5px 10px;
 color: #999999;
 background: url(../images/bullet.gif) no-repeat left;
 clear: both;
}
#bodyarea .newsitemsmall{
 clear: both;
}
#bodyarea .newsitemsmall .image{
 float: left;
}
#bodyarea .newsitemsmall .content{
 float: left;
 width: 300px;
}
#bodyarea .newsitemsmall img{
 margin: 0 5px 5px 10px;
 border: 1px solid #4388C9;
 height: 270px;
}
#bodyarea ul.rel_con{
 padding: 0;
 margin: 0 0 10px 10px;
 list-style: none;
}
#bodyarea ul.rel_con li{
 padding: 0 0 0 20px;
}
#bodyarea ul.rel_con li.rel_announce{
 background: url(../images/icon-announcement.gif) no-repeat left;
}
#bodyarea ul.rel_con li.rel_image{
 background: url(../images/icon-images.gif) no-repeat left;
}
#bodyarea ul.rel_con li.rel_media{
 background: url(../images/icon-media.gif) no-repeat left;
}
#bodyarea ul.rel_con li.rel_article{
 background: url(../images/icon-article.gif) no-repeat left;
}
#bodyarea ul.rel_con li.rel_news{
 background: url(../images/icon-news.gif) no-repeat left;
}
#bodyarea ul.rel_con li.rel_event{
 background: url(../images/icon-event.gif) no-repeat left;
}
#bodyarea blockquote{
 font-style: italic;
 padding: 5px 60px 20px 30px;
 font-size: 125%;
 margin: 0;
 color: #666666;
}
/* --------------- 8. Footer --------------- */
#footer {
  clear: both;
  background: url(../images/footer.png) no-repeat ;
  width:1004px;
  margin: 0 auto;
  height: 14px;
}
#footer .container{
padding: 20px 0px 15px 0px;
background-color: transparent;
text-align:center;
 color:#9bc56b;
}
#footer .logo{
clear:both;
margin-bottom:5px;
}
#footer p{
 color:#9bc56b;
}
#footer p.homelink{
 color:#9bc56b;
}
#footer a:link,
#footer a:visited{
 color: #416bb9;
 text-decoration:underline;
}
#footer a:hover,
#footer a:active{
 color: #ccc;
 text-decoration:underline;
}

.document_group_widget_holder img {
margin-left: 10px;
}

/* --------------- Miscellaneous --------- */

#events {
 margin-top:25px;
}
.event {
 margin-left:10px;
}
/* --------------- 9. Calendar --------- */
.calendar {
 margin-right:auto;
 padding-left:10px;
 width:98%;
 font-family:"Lucida Grande","Verdana",sans-serif;
 font-size:12px;
 font-size-adjust:none;
 font-style:normal;
 font-variant:normal;
 line-height:0.9em;
 text-align:center;
 float: left; 
}


.calendar th {
 background: #ffffff none repeat scroll 0 0;
 color: #558619;
}

.dayName {
 text-align: center;
}
.dayName th {
 border-bottom:3px solid #dde7d2;
 color:#666666;
 vertical-align:bottom;
 width:75px;
 background-color:#f0f9e5;
 padding-bottom: 4px;
 padding-top: 0;
 height: 25px;
}
.monthName th {
 font-weight:bold;
 padding: 8px;
 text-align:left;
}

.monthName a:visited,
.monthName a:link{
font-weight: bold;
color: #ffffff;
}
.monthName a:hover{
font-weight: bold;
color: #595438;
}

td.specialDay { /*box that contains an event*/
 background-color: #dfeaff;
 border-bottom:1px dotted #BBBBBB;
}

.specialDay .calendar_000000{ /*link to event*/
font-size: 10px;
}

.calendar .day, .calendar .specialDay {
 border-bottom:1px dotted #BBBBBB;
 text-align:left;
 vertical-align:top;
 height:85px;
 min-height:85px;
}
.weekendDay {
 border-bottom:1px dotted #BBBBBB;
 text-align:left;
 vertical-align:top;
}
.today {
 background-color:#a5d56b;
}
.otherMonth.weekendDay {
 color: #c0c0c0;
}
.otherMonth {
 color: #c0c0c0;
 border-right:1px solid white;
 padding:0.7em 1em;
 text-align:left;
 vertical-align:top;
 border-bottom:1px dotted #BBBBBB;
}
.product_description p {
 margin-left:100px;
 width:350px;
}
.upcoming_events {
 margin-top:25px;
}

/* -------------------10. SHOPPING CART ------------------------*/
.products_list h5 {
 color:#000000;
 font-family:"Trebuchet","Trebuchet MS","Lucida Grande","Verdana",sans-serif;
 font-size:125%;
 padding: 0px;
 clear: none;
 font-weight: bold;
}
.top_cart_links {
 margin-top:30px;
}
#cart {
 float: right;
 text-align: right;
}
#cart img {
 margin: 0px;
}
/* ---------------------------------------------------------*/
em.hint {
 font-size: 12px;
 color: #999;
}
/* -------------------11. MEDIA LIBRARY ------------------------*/
.podcast_links a {
 float: left;
 padding: 1px;
}
#media_library .catmeta {
 font-size: 0.8em;
}
#media_library .media_col_name {
 font-size: 1.8em;
 font-weight: bold;
}
#media_library .media_coll_contents {
 padding: 0 10px;
}
.podcast_links {
 /*float: right;*/
 width: 200px;
 margin-bottom: 20px;
 /*padding: 5px;*/
}
.podcast_links a {
 margin-right: 5px;
 float: right;
 text-decoration: none;
}
.podcast_links img {
 margin: 5px;
}
.map {
 width: 160px; 
 height: 150px;
 margin-left: 3px;
}
#admin_map {
 width: 160px; 
 height: 150px;
 margin-left: 3px;
}
.google_text {
 font-size: .8em;
 color: #CCC;
 padding:0px;
}
.content_collection{
 width: 90%; 
}
/* ---------------12. STORE------------------- */
#bodyarea #buysteps{
 margin: 0 0 10px 0;
 font-size: 85%;
}
#bodyarea #buysteps ul{
 padding: 0 10px 4px 10px;
 margin: 0;
 list-style: none;
}
#bodyarea #buysteps ul li{
 padding: 0 10px 0 0;
 display: inline;
 float: left;
 color: #999; 
}
#bodyarea #buysteps ul li.current{
 font-weight: bold;
 color: #666;
}
#bodyarea ul.products_list{
 list-style: none;
 padding: 0;
 margin: 0 24px 0 12px;
}
#bodyarea ul.products_list li{
 padding: 10px 0 0 0;
 margin: 0 24px 0 0;
/* border-bottom: 1px solid #ccc;*/
}
#news ul.products_list li {
 border:none !important;
}
#bodyarea ul.products_list li .product_img{
 overflow: hidden; 
 float: right;
 display: inline-table;
/* Hides from IE-mac \*/
 height: 1%;
 display: block;
/* End hide from IE-mac */ 
}
#news ul.products_list li .product_img{
 float:left !important;
 /*width:110px;*/
}
#news h3{
 padding-left:0px;
}
html>body #bodyarea ul.products_list li .product_img {
 height: auto;
}
#bodyarea ul.products_list li .product_img:after {
 content: "."; 
 display: block; 
 height: 0; 
 clear: both; 
 visibility: hidden;
}

#bodyarea ul.products_list li .product_img img{
 display: block;
 margin: 0 0 10px 0;
}
#bodyarea ul.products_list li .product_desc{
 width: 350px;
 float: left;
}
#bodyarea ul.products_list li p{
 padding: 0 0 10px 0;
 margin: 0;
}
#bodyarea #cart p{
 text-align: right;
 font-size: 85%;
 margin: 0;
 padding: 10px 20px 0 20px;
}

#bodyarea table.products_list {
 margin: 0 24px 40px 12px;
 border-collapse: collapse;
}
#bodyarea .summary table {
 margin: 0px 24px 40px 12px;
 border-collapse: collapse;
}
#bodyarea table.products_list tr th,
#bodyarea .summary table th{
 padding: 3px;
 color: #999;
 font-weight: normal;
 font-size: 85%;
}
#bodyarea table.products_list td,
#bodyarea .summary table td{
 padding: 6px;
 border-top: 1px solid #ccc;
 font-size: 85%;
}
#bodyarea div#searchcontent fieldset {
border: none;
}
div#paginate {
clear: both;
display: block;
height: 20px;
padding: 12px 24px 12px 12px;
}
div#paginate div.next {
display: inline; 
float: right;
}
div#paginate div.previous {
display: inline;
float: left;
}
form label {
margin-left: 12px;
}
p.top_cart_links {
margin: 12px 0 12px 0;
}
.view_links{
 margin:-26px 20px 0px 0px;
}
.themed_pagination{
 margin-left: 15px;
}
.flash_player {
 margin-left:10px;
}
.news_list {
 
}
.news_widget_photo img {
 padding:7px 5px 0px 8px !important;
}

/* -------------------13. TABLE ------------------------*/

tr.even td { background: #DADCEB; }

.widget_content_side .bibleinfo-widget label {font-weight: bold; margin-bottom: 17px; font-size:0px;}