/* CSS Document */
body { font-size: 12px; color: #3E3B33; }
#wrapper { width: 830px; min-height: 600px; margin: 0 auto; background: url(/images/bcgrd-page.jpg) no-repeat; text-align: left; }

.header {  }
.subnav { text-align: right; margin: 0px 10px 0  0; padding-top: 17px; }
.logo { border: none; }
.nav { margin-left: 218px; }
.nav img, img.margin-top { border: none; float: left; margin-top: 0px; }
.search { margin: 0; }
.search-textbox { width: 100px; color: #b1ad9c; border: 1px solid #b1ad9c; font-size: 10px; padding: 2px; float: left; margin: 15px 5px 0 0 ; }

.contents { background: url(/images/bcgrd-contents.jpg) top; margin-top: 13px; padding: 20px 0;  }

/*  SEE template head for .main-col and .sidebar styles */

.main-col-margin { margin: 0 0 0 30px; }
.sidebar .margin { margin: 0 10px; padding: 10px 0; }
.sidebar h4 { font-size: 22px; margin: 0 0 6px 0; font-weight: normal; }


.module { border: 1px solid #C84E0F; margin-bottom: 5px; }
.mod-head { background: #C84E0F; padding: 3px 10px; color: #FFF; font-weight: bold; }

.worship-times {  }
.foot, .footer { color: #848380; text-align: center; font-size: 10px; }
.special { font-style: italic; color: #bab7b3; }

/*   Ad Blocks    */
.ad { height: 74px; width: 181px; float: left; border: 1px none #000; margin: 5px 0px; }
.adleft { margin-right: 3px; }
.admiddle { margin-right: 3px; }
.adright {  }

/*   Sidebar boxes   */
.audio-sermons { background: #AD300E url(/images/bcgrd-audio-sermons.gif) no-repeat; color: #fff; font-size: 9px; text-align: right; margin-bottom: 5px; }
.recent-blog-posts { background: #D47C1B; color: #FFF; text-align: right; font-size: 10px; min-height: 213px; height:auto !important; height: 213px; }


/* SiteNow Styles   */
.body 		{  }
.bodybold 	{ font-weigh: bold; }
.sub 		{  }
.altbody 	{ font-weight: bold; }
sup {  }

.section, .docheader, h1 { color: #213568; font-size: 18px; font-weight: bold; }

.menuContainer 	{ background: #EFEEE9; text-align: left; padding: 5px 0; }
.menuCell { margin: 0px 5px; }

.menuCell a,
.menuCell a:visited { color: #3E3B33; }

.menuCellOver { margin: 0px 5px; }
.menuCellOver a, 
.menuCellOver a:visited, 
.menuCellOver a:hover { color: #D57425; }

a.menu td { }


/*  Link Styles  */
a, a:hover, a:visited  { text-decoration: none; color: #D57425; }
a.subnav-link, a.subnav-link:visited, a.subnav-link:hover  { color: #a7a5a1; font-size: 10px; margin-right: 10px; }
.nav-link {  }
.foot a, .foot a:hover, .foot a:visited { color: #848380; }
.recent-blog-posts a, .recent-blog-posts a:visited, .recent-blog-posts a:hover { color: #fff; }

b	{ font-weight:bold; }
i	{ font-style:italic; }
u	{ text-decoration:underline; }
li { color: #3E3B33;}

.floatleft { float: left; }
.floatright { float: right; }
.clear { clear: both; }
table#document-display > tr > td { padding: 0; }


/*   Blog Styles   */
.blogpost { margin-bottom: 0px; width: 520px; }
.blogpost p { color: #000; }
.title, .title a, .title a:visited, .title  a:hover { font-size: 14px; color: #213568; font-weight: bold; } 
.date { font-size: 10px; color: #bbb; margin-bottom: 10px; }
.post {  }
.info { font-size: 10px; color: #888; border: #ededed solid 1px; padding: 7px 10px; margin-bottom: 40px; }
.blogmemberlink {  }
.blogcommentlink {  }
p.leavecomment { background: #eaeaea; padding: 7px 15px; font-weight: bold; }
.main-col textarea { font-size: 11px; padding: 3px 7px; border: 1px solid #999; }
.main-col input { border: 1px solid #999; padding: 3px 7px;  }

.comments {  }
.author { font-weight: bold; }
.comment { padding: 10px; }
.alt1 { background: #f3f3f3; }
.alt0 { background: #fafafa; }



/* Calendar styles (adjust as needed) */

table #calendar
{
	width: 100%;
	background: #CFCFCF;

}

table #calendar caption 	
{ 
	background: #213568; 
	color: #fff; 
	font-weight: bold;
	padding: 10px;
	font-size: 18px; 
}

table #calendar th 		
{ 
	background: #2F4C76; 
	color: #fff; 
	padding: 4px; 
	font-weight: bold; 
	font-size: 14px; 
}

#calendar td {
	width: 13%; 
}

#calendar td.present {
	text-align: left;
	height: 90px;
	overflow: hidden;
	background: #FFF;
	width: 15%;
	padding: 3px;
	-moz-border-radius: 5px;
}

#calendar td.past
{
	background: #efefef;
	height: 90px;
}

#calendar td.future 
{
	text-align: left;
	height: 90px;
	overflow: hidden;
	background: #f9f9f9;
	padding: 3px;
	width: 84px;
	-moz-border-radius: 5px;
}

#calendar td.none 
{
	background: #fff;
}

#calendar td.past:hover, 
#calendar td.future:hover, 
#calendar td.present:hover {
	background: #fff;
}

#calendar .date {
	color: #213568;
	padding: 0px;
	width: 14px;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
}

#calendar td ul {
	margin-left: 0;
	margin-right: 0;
	padding-left: 0;
	padding-right: 0;
	margin-top: 0;
}

#calendar td.past ul li,
#calendar td.present ul li,
#calendar td.future ul li 
{
	list-style: none;
	font-size: 11px;
	font-style: normal;
	cursor: pointer;
	padding: 3px;
}

#calendar td.past ul li:hover,
#calendar td.present ul li:hover,
#calendar td.future ul li:hover  
{
	
}

#calendar td.past ul li a:link, 
#calendar td.past ul li a:visited, 
#calendar td.past ul li a:active, 
#calendar td.future ul li a:link, 
#calendar td.future ul li a:visited, 
#calendar td.future ul li a:active, 
#calendar td.present ul li a:link, 
#calendar td.present ul li a:visited, 
#calendar td.present ul li a:active
{
	text-decoration: none;
	width: 100%;
	padding: 3px;
	
}

#calendar td.past ul li a:hover,
#calendar td.future ul li a:hover,
#calendar td.present ul li a:hover
{
	text-decoration: underline;	
	padding: 3px;
	
}

.calendarItemDisplay
{
	position: absolute;
	overflow: hidden;
	top: 400px; 
	left: 200px;
	visibility: hidden;
	background: #FFF;
	padding: 10px;
	border: 3px outset #454545;
	opacity: 1;
	filter: alpha(opacity=100) blendTrans(duration=.3);
	height: 400px;
	width: 415px;
}

#shadow
{

	position: absolute;
	left: 0px;
	top: 0px;
	background: #000;
	filter: alpha(opacity=45) blendTrans(duration=.35);
	opacity: 0.45; 
	visibility: hidden; 
}