@charset "utf-8";
/* CSS Document */

body{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 14px;
	background: #FFFFFF;
	background-image: url(../_images/bg.jpg);
	background-repeat: repeat-y;
	background-position: center;
	text-align: center;
	color: #666666;
	line-height: 20px;
	background-color: #9C8F7B;
}


#jesus{
	width: 845px;
	text-align: center;
	margin: 0 auto 0 auto;
	background-color: #CCCCCC;
}

#header{
	float:left;
	background-image:url(../_images/header.jpg);
	background-repeat: no-repeat;
	width: 845px;
	height: 107px;
};
				
	#header-navigation{
		float: left;
		height: 35px;
		background-image: url(../_images/navigation.jpg);
		background-repeat: no-repeat;
		width: 100%;}

#content{
	float: left;
	background-color: #CCCCCC;
}

	#content-header{
		float: left;
		width: 845px;
		height: 170px;
	}

	#content-body{
		background-color: #EAF2CD;
		float: left;
		
		
		
		
		
		
		
		height: 100%;
	}

		#content-body-left{
			float: left;
			width: 205px;
			text-align: center;
			padding: 10px 0 0 0;
		}
		
			#content-body-left a{
				text-decoration: none;
				margin: 5px 0 5px 10px;
				width: 100%;
				color: #000000;
			}
			
			#content-body-left ul{
				margin-top: 5px;
				margin-left: 0;
				padding-left: 0;
				list-style: none;
			}
			
			#content-body-left li.main{
				padding: 0 0 2px 10px;
				margin: 5px 5px 0 5px;
				background-image:url(../_images/arrow-horizontal.gif);
				background-repeat: no-repeat;
				text-align: left;
				border-bottom: 1px solid #CCCCCC;
				font-size: 12px;
			}
			
			#content-body-left li.submain{
				padding: 0 0 2px 12px;
				margin: -5px 5px 0 7px;
				background-image:url(../_images/arrow-horizontal-sub.gif);
				background-repeat: no-repeat;
				text-align: left;
				font-size: 11px;
				color: #000000;
			}
			
			#content-body-left a:hover{
				color: #CCCCCC;
			}
			
			
		
		#content-body-middle{
			float: left;
			text-align: left;
			width: 398px;
			padding: 0 10px 0 10px;
			background-color: #EEEEEE;
			border-left: 1px solid #CCCCCC;
			border-right: 1px solid #CCCCCC;
			min-height: 700px;
		}
		
		* html #content-body-middle {
				height: 700px;
			}
		
			#content-body-middle h1{
				font-size: 16px;
				font-family: Tahoma, Helvetica, sans-serif;
				font-weight: bold;
				color:#660066;
			}
			
			#content-body-middle-header{
				background-color:#000033;
				height: 85px;
				width: 100%;
			}
			
			#content-body-middle .item-header{
				background-color: #000066;
				text-align: center;
				padding: 3px;
				font-weight:bold;
			}
			
			#content-body-middle .item{
				float: left;
				border-bottom:1px dotted #CCCCCC;
				margin: 10px 0 10px 0;
				text-align: left;
				width: 385px;
			}
			
				#content-body-middle .item-pic{
					float: left;
					width: 95px;
					height: 75px;
					background-color: #CCCCCC;
					padding: 5px;
					margin: 0 10px 3px 0;
					}
			
				#content-body-middle .item-text{
					float: left;
					font-family:Tahoma, Helvetica, sans-serif;
					font-size: 11px;
					color: #000000;
					min-height: 105px;
					line-height: 18px;
					text-align: left;
				}
				
				#content-body-middle h2{
					font-family: Tahoma, Helvetica, sans-serif;
					font-size: 16px;
					font-weight: bold;
					color:#FFFFFF;
				}
				
				#content-body-middle h3{
					font-family: Helvetica, verdana, sans-serif;
					font-size: 16px;
					font-weight: bold;
					color: #330033;
				}
				
				#content-body-middle p{
					color: #000000;
					font-family: Tahoma, Helvetica, sans-serif;
					font-size: 13px;
					line-height: 16px;
					margin: 0 0 10px 0;
				}
				
				#content-body-middle b{
					color: #000000;
				}
				
				#content-body-middle ul{
					color: #000000;
					list-style-type: disc;
					font-family: Tahoma, Helvetica, sans-serif;
					font-size: 13px;
				}
				
				#content-body-middle li{
					color: #000000;
					list-style-type: disc;
					font-family: Tahoma, Helvetica, sans-serif;
					font-size: 13px;
					margin: 3px 0 0 30px;
				}
				
		#content-body-right{
			float: left;
			width: 220px;
		}

	#content-footer{
	}
	
.header-text{
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
	padding: 2px;
	width: 175px;
	background-color: #29155C;
}

/* ----------------------------------- */
/* MENU
/* ----------------------------------- */
#menu {
	background-image: url(../_images/menu.jpg);
	background-repeat: no-repeat;
	width: 845px;		/* Width of entire image */ 
	height: 35px;		/* Height of buttons */
	margin: 0;
}
#menu span {
	display: none;
}
#menu li, #menu a {
	height: 35px;		/* Each button must have the same height, define it here */ 
	display: block;
}
#menu li {
	float: left;
	list-style: none;
	_display: inline;		/* fixes IE/Win double margin float bug (safe) */
}

/* margin-left - you will need to adjust this value to "center" your nav, if needed */ 
/* width - width of each button, they will each most likely be unique */ 
#menu-01 		{ width: 89px; }
#menu-02 		{ width: 111px; }
#menu-03 		{ width: 110px; }
#menu-04 		{ width: 101px; }
#menu-05	 	{ width: 110px; }
#menu-06	 	{ width: 108px; }
#menu-07	 	{ width: 216px; }

/* Changed values should match sum of "width" numbers specified above */ 
#menu-01 a:hover		{ background: url(../_images/menu.jpg) 0px -35px no-repeat; }
#menu-02 a:hover		{ background: url(../_images/menu.jpg) -89px -35px no-repeat; }
#menu-03 a:hover		{ background: url(../_images/menu.jpg) -200px -35px no-repeat; }
#menu-04 a:hover		{ background: url(../_images/menu.jpg) -310px -35px no-repeat; }
#menu-05 a:hover		{ background: url(../_images/menu.jpg) -411px -35px no-repeat; }
#menu-06 a:hover		{ background: url(../_images/menu.jpg) -521px -35px no-repeat; }
#menu-07 a:hover		{ background: url(../_images/menu.jpg) -629px -35px no-repeat; }

#breadcrumb{
	width: 835px;
	background-color: #FFFFFF;
	color: #999999;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 5px;
	text-align: left;
}

#footer{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	background-color: #EEEEEE;
	margin: 15px 0 15px 0;
	text-align: right;
	padding: 5px 15px 0 0;
}

.clearfloat {
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

#menu-right{
}

#menu-right .ad{
	margin: 10px 0 0 0;
}

.content-row{
	width: 375px;
	padding: 10px;
	float: left;
}

	.content-row-left{
		width: 75px;
		float: left;
	}
	
	.content-row-middle{
		width: 30px;
		float: left;
		margin: 0 20px 0 10px;
	}
	
	.content-row-right{
		width: 215px;
		float: left;
		margin: 0 0 0 10px;
	}