/* text styling CSS for firstcentralbaptist.com */

.services {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFF;
	text-align:left;
	padding:15px 20px 15px 20px;
}

.info {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#000;
	padding:28px;
	text-align:left;
}

.newHeader {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	padding-top:10px;
}

.directory {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#000;
	padding:4px;
}

.subheader {
	font-family:Arial;
	font-size:14px;
	font-weight:bold;
}
	
.calendarText {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000;
	text-align:left;
	padding:5px 14px 14px 14px;
}

.footerText {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000;
	text-align:center;
	padding:0px 10px 0px 10px;
}

/* menu stuff */
ul {
	background-color: #5a798b;
	padding:0px;
	margin:0px;
	}

ul ul { 
	position: absolute;  
	left: -3000px;
	background-color: #bfae97; 
	border-bottom:1px solid #e6decb;
	}	/* flyout elements need a background image or color to avoid bugs in IE/win */
	
.tan {
	background-color:#b5a38d;
	border-bottom:1px solid #e6decb;
	height:19px;
	font-family:Arial, sans-serif;
	font-size:13px;
	text-align:left;
	vertical-align:middle;
	padding:3px 10px 2px 12px;
	}
	
.tan a {
	color:#114170;
	}	
	
li {
	list-style: none; /* kills the list item "bullet" markers */
	position: relative;
	font-family: arial, sans-serif;
	vertical-align: middle; /* for IE5/win */
	}
	
	

/* \*/ /*/ 
ul li ul {position: static;}
/* */

/* The block above hides the rule inside so that only IE5/Mac can see it.
This rule causes the menus to be fully expanded vertically in that browser,
allowing those users to access the navigation without needing to hover it. */
	
*html li {	
	list-style: none; /* kills the list item "bullet" markers */
	position: relative;
	font-family: arial, sans-serif;
	vertical-align: middle; /* for IE5/win */
	width:175px;
	font-size:13px;
	}
	
ul a {
	display: block;
	vertical-align: bottom; /* needed for IE5/win */
	text-align: left;
	text-decoration: none;
	color: #FFF;
	}

.blue {
	padding:8px 0px 0px 20px;
	border-bottom:1px solid #7299c5;
	font-size:13px;
	height:23px;
	}
	
*html .blue {
	padding:8px 0px 8px 20px;
	border-bottom:1px solid #7299c5;
	font-size:13px;
	height:23px;
	}
	
.blueDown {
	padding:8px 0px 0px 20px;
	border-bottom:1px solid #7299c5;
	font-size:13px;
	height:23px;
	background-color:#036;
	}
	
*html .blueDown {
	padding:8px 0px 8px 20px;
	border-bottom:1px solid #7299c5;
	font-size:13px;
	height:23px;
	background-color:#036;
	}	

li:hover {background-color: #036;}

ul li:hover ul li:hover {
	background-color: #c1b1a1;			
}	
	
ul li:hover ul {
	left: 175px;
	top: 0px;
	width:145px;
	}

ul a:hover {text-decoration:underline;}


/* end of menu stuff */

.input-box {
	color: #000;
	background: #ddddff;
	border: #7299c5 solid 1px;
	font: 13px Verdana, Arial, sans-serif;
}

.submit-button {
	clear: both;
	color: #000;
	background: #ccc;
	border-right: #7f7f7f 2px solid;
	border-bottom: #7f7f7f 2px solid;
	border-top: #999999 1px solid;
	border-left: #999999 1px solid;
	font: 13px verdana, arial, sans-serif;
	color: #003366;
	background-color:#fff;
}