@charset "utf-8";
/* CSS Reset */
html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, dfn, em, font, img, ins, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;	
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	
}
:focus {
	outline: 0;
}
table {
	border-collapse: separate;
	border-spacing: 0;
	
}
/************** end reset **************/

/*   >>>>>>>>> STRUCTURE >>>>>>>>>>   */
html{
  font: 100.01%/130% Verdana, Arial, Helvetica, sans-serif;
}
body  {
	background: #ffffff;
	color: #000000;
	text-align: left; 
}

 
.threeCol #container {
	width: 850px;
	background: #ffffff url(images/bkgrnd.png) repeat-y left 123px;
	margin: 0;
	text-align: left;
} 

.threeCol #header{
	background-image: url(images/banner.jpg);
	display:block;
	height:122px;
	background-repeat: no-repeat;
	background-position: left;
	
}

.threeCol #sidebar1 {
	float: left; 
	width: 151px;
	padding: 15px 0;
	color:#ffffff;
	font-size:12px;
	background-color:#FF0000;
	font-weight:bold; 
	display:block;
}
/*----------------- >>> SIDEBARS <<< ---------------------------*/
.threeCol #sidebar1 h3, .threeCol #sidebar1 p, #sidebar2 h3, .threeCol #sidebar2 p{
	margin-left: 10px; 
	margin-right: 10px;
	
}
 
.threeCol #sidebar2 {
	float: right; 
	width: 210px;  
	text-align:center;
	padding: 15px 0;  
}


.threeCol #mainContent {
	margin-left:152px;  
	padding-left:10px;
	background:#ffffff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#000000;
}  
.threeCol #mainContent p, li{
margin-top:5px;
}


/*-----------------------------------------------------------------------------*/
 

.threeCol #footer{
margin-left:151px;
text-align:center;
color:#000000;
font-size:10px;


}
/*----- END STRUCTURE --------------*/

 /*--------------Vertical Navigation ----------------*/
 
#navigation{
	width: 151px;
	display:block;
	
			
}
#navigation ul {
	margin: 0px 1px 0px 0px;
	padding:0;
	list-style-type: none;
	text-align: center;
}
#navigation ul li{
	display: block;
	height:34px;
	text-align: left;
	margin: 0;	
	
}
#navigation ul li a{
	text-decoration:none;
	color:#ffffff;
	font-size:12px;
	font-weight:bold;
	height: 34px;
	line-height:34px;
	padding-left:22px;
	display:block;
	font-family: Arial, "Arial Black", "Arial Rounded MT Bold", "Arial Unicode MS";	
}


#navigation li#active a {
	 
}
 
 
#navigation a:hover {
	background-color: #FF0000;
	background-image: url(images/bubble.jpg);
	background-repeat: no-repeat;
	background-position: 7px center;
}
.fltrt {  
	float: right;
	margin-left: 8px;
}
.fltlft { 
	float: left;
	margin-right: 8px;
}
.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
	display:block;
}
td {
 padding: 5px;
}
h1 {
color:#FF0000;
font-size:18px;
font-weight:bold;
} 
h2 {
color:#ff0000;
font-size:14px;
font-weight:bold;
}
.scripture{
 font-size:12px;
 font-style:italic;
line-height:14px;
}
.narrowCol{
width:440px;
}
.leftimg{
 padding-right:25px;

}
.source{
font-size:10px;
font-style:italic;
}
.audio{
	border: thin dashed #FF0000;
	padding-right: 10px;
	padding-left: 10px;
}