body {
	margin: 0;
	padding: 0;
	background: url(/images/bkg.gif) repeat;
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: black;
}

h3, h4, h5, h6 {
	font-family: Trebuchet MS;
	font-weight: bold;
}

#top {
	width: 100%;
	min-width: 775px;
	height: 180px;
	background: white;
}

	#top ul {
		margin: 0;
		padding: 30px 0 0 10px;
		list-style: none;
	}
	
		#top ul li {
			display: block;
			float: left;
			padding: 0 0 0 10px;
		}
		
			#top ul li a {
				display: block;
				height: 48px;
				text-decoration: none;
				text-indent: -9999px;
				overflow: hidden;
			}
			
			#top li#lhome a {
				background: url(/images/nav/ss_home.gif) no-repeat 0 0;
				width: 138px;
			}
			
			#top li#whatss a {
				background: url(/images/nav/what_ss.gif) no-repeat 0 0;
				width: 154px;
			}
			
			#top li#whatcf a {
				background: url(/images/nav/what_cf.gif) no-repeat 0 0;
				width: 210px;
			}
			
			#top ul li a:hover, .select a {
				background-position: 0 -48px !important;
			}
			
			.select a {
				cursor: default;
			}
		
#titles {
	width: 100%;
	height: 85px;
	background: white url(/images/ob_bkg.gif) repeat-y;
}

#titles div {
	width: 775px;
	height: 85px;
}

	#titles h1, #titles h2 {
		padding: 0;
		margin: 0;
		text-indent: -9999px;
	}

	#titles h1 {
		float: left;
		width: 399px;
		height: 85px;
		background: url(/images/logo.gif) 0 0;
	}
	
	#titles h2 {
		float: left;
		display: block;
		width: 376px;
		height: 64px;
		border-top: 21px solid white;
	}
	
	#titles h2#tblogs {
		background: url(/images/ourblogs.gif) no-repeat top right;
	}
	
	#titles h2#twhat {
		background: url(/images/title_what.gif) no-repeat top right;
	}
	
	#titles h2#twhatcf {
		background: url(/images/title_whatcf.gif) no-repeat top right;
	}
	
#content {
	width: 775px;
	background: url(/images/bkg.gif) repeat;
}

#cset {
	width: 775px;
	background: url(/images/ob_bkg.gif) repeat-y;
}

#oblogs {
	float: left;
	width: 344px;
	padding-right: 32px;
	border-top: 1px solid #296b18;
	padding-bottom: 110px;
	background: url(/images/blogs_bottom.gif) no-repeat bottom center;
}

	#oblogs a {
		display: block;
		width: 314px;
		padding: 15px;
		color: white;
		text-decoration: none;
		font-family: Trebuchet MS;
		font-size: 24px;
		font-weight: bold;
		letter-spacing: -0.03em;
		border-bottom: 1px solid #296b18;
	}
	
	#oblogs a span {
		float: left;
		display: block;
		background: url(/images/arrows.gif) no-repeat 0 0;
		width: 30px;
		height: 30px;
		padding: 0 10px 0 0;
	}
	
	#oblogs a:hover {
		background: #87c079;
	}
	
	#oblogs a:hover span {
		background-position: 0 -32px;
	}
	
	#oblogs p {
		padding: 10px 20px 10px 20px;
		color: white;
		font-family: "Trebuchet MS";
		font-size: 16px;
		line-height: 1.6em;
	}
	
		#oblogs p a {
			display: inline;
			height: auto;
			width: auto;
			padding: 0;
			border-bottom: 1px dotted white;
			font-size: 16px;
		}

#descriptions {
	position: relative;
	float: left;
	padding: 48px 0 0 0;
	width: 399px;
	background: url(/images/logo.gif) no-repeat 0 -85px;
}

	#descriptions div, #descriptions span {
		clear: both;
		float: right;
		text-indent: -9999px;
		overflow: hidden;
	}		

	#descriptions div {
		width: 223px;
		height: 150px;
		background: url(/images/definition.gif) no-repeat 0 0;
	}
	
	#descriptions span {
		margin: 20px 0 0 0;
		width: 372px;
		height: 68px;
		background: url(/images/romans125.gif) no-repeat 0 0;
	}

#legal {
	margin: 20px 0 13px 20px;
	color: white;
	width: auto;
	font-size: 10px;
}

#legal p {
	display: inline;
	padding: 1px;
	background: #3b9723;
	line-height: 1.4em;
}

#legal a {
	color: white;
	text-decoration: none;
	border-bottom: 1px dotted white;
}

#legal a:hover {
	background: #87c079;
	border-bottom: 1px solid white;
}



/* Page Nav */

body#page {
	background: url(/images/bkg_page.gif) repeat-x;
}

#pagenav {
	width: 775px;
	height: 146px;
}

	#pagenav a {
		overflow: hidden;
	}

	#pagenav h1 {
		float: right;
		margin: 0;
		padding-top: 50px;
	}
	
		#pagenav h1 a {
			display: block;
			width: 263px;
			height: 96px;
			text-decoration: none;
			text-indent: -9999px;
			background: url(/images/logo_page.gif) no-repeat 0 0;
		}
		
	#pagenav ul {
		list-style: none;
		margin: 0;
		padding: 71px 53px 0 0;
		float: right;
		height: 29px;
	}
	
		#pagenav ul li {
			float: left;
			padding: 0 11px 0 0;
		}
		
			#pagenav ul li a {
				display: block;
				height: 29px;
				text-decoration: none;
				text-indent: -9999px;
			}
	
		#pagenav #phome a {
			width: 120px;
			background: url(/images/nav/nav_home.gif) no-repeat 0 0;
		}
		
		#pagenav #pwhat a {
			width: 130px;
			background: url(/images/nav/nav_what.gif) no-repeat 0 0;
		}
		
		#pagenav #pwhatcf a {
			width: 166px;
			background: url(/images/nav/nav_whatcf.gif) no-repeat 0 0;
		}
		
		#pagenav ul li a:hover, .selected a {
			background-position: 0 -29px !important;
		}
		
		.selected a {
			cursor: default;
		}
		
#pagecontent {
	padding: 0 0 0 33px;
	width: 479px;
	color: black;
}

	#pagecontent h2 {
		display: block;
		text-indent: -9999px;
	}
	
	#pagecontent h2#twhat {
		background: url(/images/title_what.gif) no-repeat 0 0;
		width: 339px;
		height: 82px;
	}
	
	#pagecontent p {
		line-height: 1.6em;
	}