@charset "UTF-8";
/* Desc: IIWO-BC Theme
 (Based on Blue Clouds Theme)
 Graphic Design: Kel Naughton
 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 green: #006E79
		Page Background grey: #E3EAE0
		Green text: #558FA3
		Lighter Green text: #D7E4D6
		Blue: #043A82
		Light blue: #17b3ec
		Orange: #F89828
		

		
 
=== === === === === === === === === === */
/* ---------------1. General -------------- */
html {
}
body {
 text-align: center;
 margin:0px;
 padding:0px;
 font: normal 12px/1.5em "arial", sans-serif;
 background-color:#006E79;
}

.content-only{
 margin: 0px auto;
 text-align: left;
 background-color: #fff;
 /*border:red 1px solid;*/
}
.container{
 margin: 0px auto;
 width: 800px;
 text-align: left;
 background-color: none;
 
 }

img {
 border: 0
}
#middle a:link, #middle a:visited {
 color: #f58831;
 font-weight:normal;
 text-decoration: none;
 font-weight:bold;
}
#middle a:hover, #middle a:active {
 color: #D6C679;
 text-decoration: underline;
 font-weight:bold;
}
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%;
}

hr {
height:1px;
border-width:0;
background-color:#ccc;
color:#ccc;
}
#middle h1, 
#announcements h2,
#news h2,
#forms h2{
 color: #333;
 font-size:19px;
 font-weight:normal;
 text-align:center left;
 padding:8px 0px 10px 0px;
 font-weight: bold;
 line-height:150%;
}
#announcements h3, 
h2{
 padding: 5px 0px 5px 0px;
 font-weight: bold;
 font-size: 16px;
 color: #043A82;
 line-height:150%;
}
#middle h3{
 font-weight: bold;
 padding: 3px 0px 3px 0px;
 font-size: 14px;
 color: #558FA3;
 line-height:150%;
}

h4{
 font-weight: normal;
 padding: 3px 0px 3px 0px;
 font-size: 12px;
 color: #c3161c;
 clear: left;
}
h5{
 padding:3px 0px 3px 0px;
 font-size: 11px;
 color:  red;
 clear: left;
}

.heading{
display:none;
}
.subheading{
display:none;
}
/* ---------------Background--------------- */


/* ---------------2. Header home layout--------------- */

.header1{
 width: 800px;
  background: url(../images/header1.gif) no-repeat; 
  height: 39px;
  margin: 0 auto;
  margin-top:48px;
}

.header2{
 width: 800px;
 background: url(../images/header2.jpg) no-repeat; 
  margin: 0 auto;
   clear:both;
   height:46px;
} 
.header3{
 width: 800px;
  background: url(../images/header3.jpg) no-repeat; 
  height: 50px;
  margin: 0 auto;
  clear:both;
}
/* ------------------------------ */


/* --------------- 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 ------------ */
/* horz nav*/

#navigation { 
  width: 800px;
  float:left;
  margin-top: -53px;
}

#navigation .menu_primary{
  float:left;
  width: 570px;
  padding-left: 175px;

}
#navigation .menu_primary ul {
padding: 0px;
list-style: none;
margin-top: 10px;
height:25px;

}
#navigation .menu_primary ul li {
float:left;
background: url(../images/menu-item-bg.png) no-repeat left 0px;
margin: 0px 14px 0px 3px; 
}

#navigation .menu_primary ul li a:link,
#navigation .menu_primary ul li a:visited {
padding: 15px 0px 0px 18px;
color: #558FA3; 
text-decoration:none;
font-weight:bold;
font-size:1em;  
display:block;
height:25px;
font-family:Geneva, Verdana, Arial, Helvetica, sans-serif;
text-transform:uppercase;
}

#navigation .menu_primary ul li a:hover, 
#navigation .menu_primary ul li a:active{
 color: #17b3ec;
 background: url(../images/menu-item-over.png) no-repeat left 0px;
}

#navigation .menu_primary ul li.expanded-menu a{
 color: #17b3ec;
 background: url(../images/menu-item-over.png) no-repeat left 0px;
 height: 25px;
}

#navigation .menu_secondary {
height:27px;
width:800px;
float:left;
background: url(../images/sub-menu-bg.jpg) no-repeat left 0px;

}
#navigation .menu_secondary ul{
padding: 0px 0px 0px 178px;
width: 570px;

}

#navigation .menu_secondary ul li{
  list-style: none;
  float:left;
  padding: 0px 15px 3px 0px;

}

#navigation .menu_secondary ul li a {

}
#navigation .menu_secondary li a:link,
#navigation .menu_secondary li a:visited {
  color: #f58831;
  font-weight:bold;
  text-decoration:none;
}

#navigation .menu_secondary li a:hover,
#navigation .menu_secondary li a:active {
color:#17b3ec
}

#navigation .menu_secondary ul li.expanded-menu a {
color:#17b3ec;
}
#right .menu_primary ul li.expanded-menu a {
color:#0063a7;
}

/* --------------- 6. Widget Sections ----------------- */

/*-------1 col home layout--------------*/

#middle{
 float: left;
 margin: 10px 5px 0px 40px;
 width: 650px;
 min-height: 400px;
}

.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:#E3EAE0; 
 width:798px;
 margin:0 auto;
 padding: 0px;
 min-height: 430px;
}

.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;
  width:800px;
  margin: 0 auto;
}
#footer .container{
padding: 40px 0px 15px 5px;
  background: #006E79 url(../images/footer.png) no-repeat;
text-align:left;
 color:#D7E4D6;
  height: 44px;
}
#footer .logo{
clear:both;
margin-bottom:5px;
}
#footer p{
 color:#D7E4D6;
}
#footer p.homelink{
 color:#9bc56b;
}
#footer a:link,
#footer a:visited{
 color: #D7E4D6;
 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;}


/*---------BC-css------------*/

.bccontainer{
 margin: 0 auto;
 width: 840px;
 text-align: left;
 background-color: #fff;
 /*border:red 1px solid;*/
}

.bccontentarea a:link, .bccontentarea a:visited {
	color: #004aa1;
	text-decoration: none;
}
.bccontentarea a:hover, .bccontentarea a:active {
 	text-decoration: underline;
}

.bccontentarea li {
 color: #58595B;
}

.bccontentarea h1, 
{
 color: #005655;
 font-size:18px;
 text-align:center left;
 padding:5px 0px 2px 0px;
 font-weight: bold;
}
.bccontentarea h2{
 font-weight: bold;
 padding: 5px 0px 2px 0px;
 font-size: 16px;
 color: #ff9900;
}
.bccontentarea h3{
 font-weight: bold;
 padding: 5px 0px 2px 0px;
 font-size: 13px;
 color:#ff9900;
 border-bottom: 1px dotted #f3b520;
 width: 80%;
}

.bccontentarea h4{
 font-weight: normal;
 padding: 0px 0px 0px 0px;
 font-size: 12px;
 color: #58595B;
 clear: left;
}
.bccontentarea h5{
 padding: 5px 0px 2px 0px;
 font-size: 11px;
 color:  red;
 clear: left;
}


/* ---------------2. Header home layout--------------- */
#bcheader {
 width: 100%;
 color: white;
 margin-top: 40px;
}

#bcheader .bcfullcontent{
 width: 100%;
 background-color:#e9ece8;
 height: 157px;
 float:left;
}

/*header image will appear with the site name behind it*/
h1#bcpagetitle span{ 
width:840px;
height: 157px;
background: url(../images/header-bc.jpg) no-repeat;
position:absolute;
left: 0;
top: 0;

}
h1#bcpagetitle{
width:840px;
height: 157px;
position:absolute;
margin:0;
}

/* ------------------------------ */


/* --------------- 5. Navigation ------------ */

/* vertical nav */
#bcnavigation{
	padding: 10px 0 20px 0px;
}
	
#bcnavigation ul{
	list-style: none;
}
		
#bcnavigation li{ }

#bcnavigation .menu_primary{ }
	
#bcnavigation .menu_primary a,
#bcnavigation .menu_primary a:visited{
	display: block;
	padding: 5px 0px 5px 33px;
	color: #005655; 
	flost:left;
	background:  url(../images/menu_pointer.gif) 7px center no-repeat;
	text-decoration:none;
	text-transform:uppercase;
}

#bcnavigation .menu_primary a:hover{ 
	background: #fff  url(../images/menu_pointer_active.gif) 7px center no-repeat;
}

#bcnavigation .menu_primary ul li.expanded-menu a{ /*current position*/
	background: #fff url(../images/menu_pointer_active.gif) 7px center no-repeat;
	color: #6D6D6D;
}
	
#bcnavigation .menu_secondary{
}
		
#bcnavigation .expanded-menu .menu_secondary ul li a{
	background-color: #fff;
	background-image:none;
	font-weight:normal;
	color: #6D6D6D;
	border-top: 1px solid #6D6D6D;
}


#bcnavigation div.menu_secondary .active {
 background-color: #cccccc;
}

#bcnavigation .expanded-menu .menu_secondary ul li a:hover{ 
	background-color: #6D6D6D; 
	color: #fff; 
	text-decoration: none;
}

/* --------------- 6. Widget Sections ----------------- */

/*-------1 col home layout--------------*/
#bcbodyarea .widgetbar{
 padding: 0px 0px 0px 80px;
 float:left;
 width: 90%;
 background-color: #ffffff; 
}
/* -------------------------------- */


/*-------2 col default layout--------------*/
#bcbodyarea .sidebar, .store_sidebar{ /*for default layout*/
 float: left;
 width: 190px;
 margin-top: 10px;
 background-color: #d2dbd6;
 /*border: red 1px solid;*/
}

/* -------------------------------- */

/* ---------------7. Body ----------------- */
#bcbodyarea .bccontainer{
background-color: #e9ece8;
}
#bcbodyarea .bccontentarea{ /*for default content layout*/
 float: left;
 width: 620px;
 margin: 10px;
 padding: 5px;
 background-color: #fff;
 /*border:red 1px solid;*/
}

#bcbodyarea .bcfullcontent{
 width: 100%;
 float: left;
 padding: 10px 0 0 0;
 background-color:#e9ece8;
}

/* --------------- 8. Footer --------------- */
#bcfooter {
 clear: both;
 color: #005655;
 text-align: center;
 background: url(../images/bcfooter.png) no-repeat left;
 height: 196px;
 width: 800px;
 margin:auto;
}
#bcfooter .bccontainer{
background-color: transparent;
text-align:center;
}
#bcfooter p{
 font-size: 90%;
 color: #005655;
 padding-top: 0px;
}
#bcfooter p.homelink{
 color:#FFFFFF;
}
#bcfooter a:link,
#bcfooter a:visited{
 color: #005655;
}
#bcfooter a:hover,
#bcfooter a:active{
 color: #fff;
 text-decoration:underline;
}