/* CSS Document */

body{
	background:#f1eddc;
	color:#000;
	font-family: Palatino, Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	margin:0px;	
}

.titleCell{
	background:url(../images/main_13.gif) top left no-repeat;
	font-size:16px;
	color:#18468b;
}

.subMenuCell{
	background:url(../images/main_12.jpg) top left no-repeat;
}

.subMenu{
	position:absolute;
	width:165px;
	margin-left:1px;
}

a.subNav:link, a.subNav:visited, a.subNav:active{
	padding:3px 0px 5px 23px;
	color:#333300;
	text-decoration:none;
	display:block;
}

a.subNav:hover{
	padding:3px 0px 5px 23px;
	color:#000;
	background:url(../images/subMenu_star.gif) top left no-repeat;
	text-decoration:underline;
	display:block;
}


a.subNav_active:link, a.subNav_active:visited, a.subNav_active:active, a.subNav_active:hover{
	padding:3px 0px 5px 23px;
	color:#000;
	background:url(../images/subMenu_star.gif) top left no-repeat;
	text-decoration:none;
	display:block;
	font-weight:bold;
}


.subMenuT{
	background:url(../images/spacer.gif) top right no-repeat;
}

.subMenuRpt{
	background:url(../images/subMenuBG.gif) bottom right no-repeat;
}

.subMenuB{
	background:url(../images/subMenuBG.gif) bottom right no-repeat;
}

.subMenuPad{
	padding:6px 6px 10px 8px;
	font-size:11px;
}


.contentCell{
	background:url(../images/main_14.jpg) top left no-repeat;
}




#content{
	overflow:auto;
	height:438px;
	width:437px;
	padding-left:8px;
	padding-top:5px;
	margin:0px 2px 3px 0px;
	font-size:12px;
}


.footer{
	color:#FFF;
	font-size:10px;
	margin:10px;
}

.footer a:link, .footer a:visited, .footer a:active {
	font-weight:normal;
	text-decoration:none;
	color:#ABABAB;
}

.footer a:hover {
	font-weight:normal;
	text-decoration:none;
	color:#999;
}

a.admin:link, a.admin:visited, a.admin:active {
	font-size:11px;
	font-weight:normal;
	text-decoration:none;
	color:#006600;
}

a.admin:hover {
	font-size:11px;
	font-weight:normal;
	text-decoration:none;
	color:#009900;
}





/****************************

text

****************************/

.blu{
	color:#39688f;
}
	
.fLeft{
	float:left;
}

.fRight{
	float:right;
}

.small{
	font-size:10px;
}

.pageTitle{
	font-size:14px;
	color:#18468b;
	font-weight:bold;
}

.sermon-table-on{
	clear:both;
	background:#e5dec5;
	border:1px solid #FFF;
	border-bottom:1px solid #afa483;
	margin:2px auto;
}
.sermon-table-off{
	background:#f8f7f2;
	border:1px solid #FFF;
	margin:2px auto;
	clear:both;
}


/*****************************************************************************/
/************************* Event Calendar Formatting *************************/
/*****************************************************************************/




#calendar{
	width:400px;

	clear:both;
	margin-top:5px;
	margin-bottom:5px;
	background:transparent;
}

.cal-cell{
	border-bottom:1px solid #afa483;
}


/**** month and year header at top of calendar ****/
.date_header			{ font-size:16px; font-family:arial, helvetica; font-weight:bold; }



/**** color and size of calendar cells.  ****/
.day_cell{
	background:url(../images/cal_BG_day.gif) top left no-repeat;
	height:110px;
	width:110px;
	border:1px solid #f1eddc;
	text-align:left;	
}

.empty_day_cell{ 
	background-color:#f1eddc;
	height:110px; 
	width:110px;
	border:1px solid #f1eddc;
	text-align:left;
}

.today_cell{ 
	background:url(../images/cal_BG_today.gif) top left no-repeat; 
	height:110px; 
	width:110px;
	float:left; 
	border:1px solid #f1eddc;
	text-align:left;
	}

.event{	
	padding:2px 0px 2px 8px;
	clear:left;
}

.event a:link, .event a:visited, .event a:active{
	color:#663300;
	text-decoration:underline;
	font-size:11px;
	line-height:13px;
}

.event a:hover{
	color:#996633;
	text-decoration:none;
	font-size:11px;
	line-height:13px;
}

/*.event1{	
	width:110px;
	padding:0px 5px 0px 5px;
	text-align:left;
	margin-top:20px;
}

.event2{
	width:110px;
	padding:0px 5px 0px 5px;

	text-align:left;
	margin-top:40px;
}

.event3{
	width:110px;
	padding:0px 5px 0px 5px;
	text-align:left;
	margin-top:60px;
}

.event4{
	width:110px;
	padding:0px 5px 0px 5px;
	text-align:left;
	margin-top:80px;
}

.empty_event{
	position:absolute;
	height:20px;
	z-index:5;
	text-align:left;
}
*/

/**** day number in upper left corner of each cell ****/
.day_number			{ font-size:13px; font-family:verdana, arial, helvetica; color:#000 }

/**** title_txt is the text for each post on main page ****/
.title_txt			{ font-size:12px; font-family:verdana, arial, helvetica; color:#000 }


.title_txt A:link		{ color:#000; text-decoration:underline }
.title_txt A:active		{ color:#000; text-decoration:underline }
.title_txt A:visited		{ color:#000; text-decoration:underline }
.title_txt A:hover		{ color:#7C7C7C; text-decoration:underline }



/**** time line under title text when event time given ****/
.time_str			{ font-size:9px; font-family:arial, helvetica }

/**** column headers or days of the week ****/
.column_header{ 
	background-color:#c5bea1; 
	font-size:12px; 
	font-family:arial, helvetica; 
	color:#FFFFFF; 
	font-weight:bold; 
	text-align:center; 
	border:1px solid #c5bea1;
	width:110px;
}


#cal_container{
	width:800px;
	border:1px solid #7C7C7C;
	border-collapse:collapse;
	text-align:left;
	}





.CalenderMonth {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	color: #FFFFFF;
	border: 1px solid #000000;
	background-color: #000000;
}


.formfield {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .9em;
	color: #333333;
	border: 1px solid #333333;
	background-image:url(form_bg.gif);
	}


.formfield_register {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .9em;
	color: #333333;
	border: 1px solid #333333;
	background-image:url(form_bg.gif);
	margin-top:2px;
	margin-bottom:2px;
	margin-left:2px;
	}

.register_form_text{
	text-align:right;
	}


.formbutton {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .9em;
	color: #333333;
	border: 1px solid #333333;
	vertical-align:text-bottom;
	}



/****************************** layout **************************************/




.event_list{
	clear:both;
	font-size:.9em;
	color:#000000;
	text-align:left;
	font-weight:normal;
	background-color:#F3F3F3;
	border:1px solid #CACACA;
	padding: 0px 4px 1px 3px;
	}
	
.list_over{
	clear:both;
	font-size:.9em;
	color:#000000;
	text-align:left;
	font-weight:normal;
	background-color:#C5C5C5;
	border:1px solid #CACACA;
	padding: 1px 4px 0px 3px;
	}
	
#list_container{
	width:300px;
}



#container{
	width:400px;
	margin-top:15px;

}

.subject{
	width:80%;
	height:25px;
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #535353;
	border-bottom:1px solid #c5bea1;
	padding-top: 3px;
	margin-bottom:3px;
	padding-left: 6px;
}

.avatar{
	border-left: 1px dashed #000000;
	width:20%;
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #535353;
	text-align: center;
	vertical-align: top;
	
	padding-top: 15px;
	padding-left: 4px;
	padding-right: 4px;
}

.contents{
	width:100%;
	height: auto;
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #535353;
	vertical-align: top;
	
	padding-top: 8px;
	padding-left: 20px;
	padding-right: 6px;
}