body {
	background: #05143f url(../images/dot-bg.gif) 0 0 ;
	font-size: 80%;
	text-align: center;
	padding: 0;
	margin: 0;
	line-height: 1.3;
	font-family: "bitstream vera sans",verdana, sans-serif;
}

p { margin: 0; padding: 0; }

#container { width: 730px; text-align: left; margin: 0 auto; }

#content { 
	background: url(../images/bg_content_bottom.gif) no-repeat left bottom #fff; 
	width: 700px; 
	padding: 10px 15px; 
	float: left; 
	min-height: 40em;
}
#content h1 { font-size: 150%; color: #05143F; font-weight: bold; margin: 0 0 1em; }
#content h2 { font-size: 120%; color: #05143F; font-weight: bold; border-bottom: 1px solid #ddd; }
#content h3 { font-size: 100%; color: #000; font-weight: bold; font-style: italic }
#content p { margin-bottom: 1em; }
#content a:link { color: #5F80B8; text-decoration: none; }
#content a:visited { color: #05143F; text-decoration: underline; }
#content a:hover, #content a:hover { color: #5F80B8; text-decoration: underline; }
#content table { font-size: 100%; }
#content table td { vertical-align: top; }

#breadcrumb { background-color: #e9eaf4; padding: 3px; font-size: 95%; margin-bottom: 1em; float: left;  width: 694px; }
#breadcrumb ul { list-style: none; padding: 0; margin: 0;  float: left;  }
#breadcrumb ul li { list-style-type: none; padding: 0; margin: 0; display: block; float: left; color: #05143F; }
#breadcrumb ul li strong {  }
#breadcrumb ul li a:link, #breadcrumb ul li a:visited { color: #5F80B8; text-decoration: none; }
#breadcrumb ul li a:hover, #breadcrumb ul li a:active { color: #5F80B8; text-decoration: underline; }
#breadcrumb #you-are-here { float: left; }

#homepage h1 { background: url(../images/h_homepage.gif) no-repeat; text-indent: -999em; padding: 0; margin: 0 0 1em; height: 30px; width: 700px; overflow: hidden; }

#header { width: 730px; float: left; background-color: #fff; }
#header a#top-link { position: relative; display: block; overflow: hidden; width: 730px; height: 190px; margin-top: 4px; }
#header img { border: 0; }

#nav { width: 730px; float: left; border-top: 4px solid #fff; }
#nav img#htlogo { margin: 0; padding: 0 0 5px; border: 0; background-color: #fff; }
#nav ul { list-style-type: none; padding: 0; margin: 0; }
#nav ul li { padding: 0; margin: 0;  color: #fff; font-weight: bold; position: relative; float: left; text-align: center; }
#nav ul li a { text-decoration: none; margin: 0; padding: 5px; display: block; border-right: 1px solid #05143f; }
#nav ul li a:link, #nav ul li a:visited { background-color: #5F80B8; color: #fff; }
#nav ul li a:hover, #nav ul li a:active { background-color: #fff; color: #5F80B8; border-right: 1px solid #fff; }

#nav #nav-1 { width: 80px; }
#nav #nav-2 { width: 100px; }
#nav #nav-3 { width: 85px; }
#nav #nav-4 { width: 135px; }
#nav #nav-5 { width: 80px; }
#nav #nav-6 { width: 90px; }
#nav #nav-7 { width: 84px; }

#nav ul li a.last { border-right: 0; }

/* SUBMENUS */
#nav ul li ul li a:link { background-color: #5F80B8; }
#nav ul li ul li a:hover { background-color: #fff; }
#nav ul li ul { width: 200px; position: absolute; left: -999em }
#nav ul li ul li a { width: 160px; text-align: left; padding-left: 10px; }
#nav ul li:hover ul, #nav ul li.sfHover ul { position: absolute; left: 0em; }

/* NEWS AND SERMONS */	

#latest-news { float: left; }
#latest-news h2 { background: #5F80B8 url(../images/h_news_contentblock.gif) no-repeat 0 0; height: 30px; color: #fff; text-indent: -999em; padding: 0; margin: 0; overflow: hidden; }
#latest-news .news-item { margin-bottom: 1em; padding-bottom: 1em; border-bottom: 1px solid #B4C6E4; }
#latest-news .news-item:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: 0; }
#latest-news .news-item h3 { margin: 0 0 .2em; font-style: normal; }
#latest-news .news-item p { margin-bottom: 0; }
#latest-news .news-item img { float: left; margin-right: 5px; }
#latest-news .with-thumbnail { min-height: 65px; }
#latest-news .with-thumbnail p { margin-left: 75px; }

#recent-sermons { margin-left: 10px; }
#recent-sermons h2 { background: #5F80B8 url(../images/h_sermons_contentblock.gif) no-repeat 0 0; height: 30px; color: #fff; text-indent: -999em; padding: 0; margin: 0; overflow: hidden; }
#recent-sermons table { width: 329px; }

#recent-sermons table { width: 329px; }
#recent-sermons table th { text-align: left; font-weight: bold; }
#recent-sermons .mp3-link { width: 30px; }
#recent-sermons a.mp3-link, table.sermons a.mp3-link { text-indent: -999em; display: block; width: 30px; height: 15px; overflow: hidden; background-image: url(../images/icon_mp3.gif); }
#recent-sermons a.mp3-link:hover, table.sermons a.mp3-link:hover { background-position:  -30px 0; }

.contentblock { background: #D2DCEB url(../images/bg_end_contentblock.gif) no-repeat left bottom; width: 345px; margin-bottom: 1em; float: left; }
.contentblock .inner { padding: 10px 8px; }
.contentblock .cb-section { margin-bottom: .5em; }



/* SERMONS */
table.sermons { width: 700px; }
table.sermons th { text-align: left; font-weight: bold; }
table.sermons td { padding: 2px; }
table.sermons a.mp3-link { margin: 0 auto; text-indent: -999em; display: block; width: 30px; height: 15px; overflow: hidden; background-image: url(../images/icon_mp3.gif); }
table.sermons .mp3-col { }
table.sermons tr.alt { background-color: #e9eaf4; }
.year-selector { background-color: #e9eaf4; border: 1px solid #05143F; margin: 1em 0; }
#content .year-selector p { margin: 3px; text-align: center; }

/* GALLERY 
.gallery-thumbs a { display: block; float: left; width: 185px; height: 180px; text-align: center; line-height: 1.5; }
.gallery-thumbs a img { border: 1px; }

#content .news-article { border-bottom: 1px solid #5F80B8; padding-bottom: 10px; }
#content .news-article h2 { margin-bottom: 0; }
#content .news-article h3.date, #content .news-list .date { margin-top: 0; color: #888; font-size: 85%; font-weight: normal; }
*/
#content h2 { clear: both; }

#content .news-article h2 .articledate { font-weight: normal; font-size: 70%; font-style: italic; }

#member-colright {
	float: right;
	width: 200px; 
	background-color: red;
	overflow: hidden;
}
	
#member-login {
	width: 200px; 
}

#member-login h2 {
	background: url(../images/member-login-h.gif) #5F80B8 0 0 no-repeat;
	font-size: 100%;
	color: #fff;
	margin: 0;
	padding: 7px;
	border-bottom: 1px solid #fff;
	width: 186px;
}

#member-login form {
	background: url(../images/member-login-bottom.gif) #D2DCEB 0 bottom no-repeat;
	padding: 7px;
	width: 186px;
	padding-bottom: 1em;
	float: left;
}

#member-login label, #member-login input {
	float: left;
	display: block;
	clear: left;
	margin: 2px 0;
	width: 150px;
}

#member-login label {
	font-weight: bold;
}


.alert {
	color: #fff;
	font-weight: bold;
	padding: 5px;
	font-style: italic;
}

.error {
	background-color: #E31441;
}

.confirm {
	background-color: #74CF77;
}

.info {
	background-color: #5F80B8;
}


#member-login .alert { padding: 0; }
#member-login .error, #member-login .confirm { padding: 5px; }

#member-login #logout-link {
	font-weight:bold;
	color: #5F80B8;
	
}
#member-login #logout-link:link, #member-login #logout-link:visited { text-decoration: underline; }
#member-login #logout-link:hover, #member-login #logout-link:active { text-decoration: none; }
	
#member-news {
	float: left;
	width: 485px;
}

#member-news .news-item { 
	margin-bottom: 1em;
	background-color: #E9EAF4;
}

#member-news .news-item p {
}

#member-news .news-item ul {
	margin-top: 0;
	padding-left: 20px;
}

#member-news .news-item h3 { 
	background: url(../images/member-news-top.gif) #E9EAF4 0 0 no-repeat;
	margin-top: 0; 
	padding: 5px 10px 0;
	margin: 0;
}

#member-news .news-item img.thumb {
	float: left;
	width: 70px;
	margin: 10px;
}

#member-news .news-item .inner {
	background: url(../images/member-news-bottom.gif) #E9EAF4 0 bottom no-repeat;
	padding: 5px 10px 10px;
}

#member-news .with-thumbnail .inner { min-height: 55px; }
#member-news .with-thumbnail p { margin-left: 82px; }


#member-news .news-item .articledate { 
	font-size: 80%;
	font-style: italic;
	margin-bottom: 0;
}

#footer { width: 730px; text-align: center; color: #fff; float: left; font-size: 90%; margin-top: 1em; margin-bottom: 1em; }
#footer p { margin: 0; }
#footer a:link, #footer a:visited { color: #5F80B8; text-decoration: none; }
#footer a:hover, #footer a:hover { color: #5F80B8; text-decoration: underline; }