body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
}

.album {
	float:left; 
	width:150px;
	height:150px;
}

.footer {
	color:#5397e1;
	background-color:white;
	font-size:11px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
}

.smenu {
	position:absolute; 
	top: 149px;
	width:150px;
	color:white;
	background-color:#0066cc; 
	border:1px solid #4a7ca1; 
	filter:alpha(opacity=80);
	-moz-opacity:.8; 
	display:none; 
	padding:2px;
	z-index:10;
	opacity: 0.8;
}

.sermon {
	display:block;
	clear:left;
	padding:10px;
}


.inset {
	text-decoration:none;
	color:white;
	font-size:12px;
	padding-bottom:5px;
}

.inset:hover {
	text-decoration:underline;
}

.eventdate {
	color:#ccffff;
	font-size:12px;
	font-weight:bold;
}

.eventdesc {
	color:white;
	font-size:12px;
	padding-left:10px;
}

.upcoming {
	overflow:auto; width: 248px; height: 200px; position:relative; top:10px; left:10px
}

.update {
	overflow:auto; width:290px; height:200px; position:relative; top:10px; left:10px; font-size:10pt;
}

.about {
	padding:10px;border-right:1px solid #4a7ca1;border-left:1px solid #4a7ca1
}

.abouttitle {
	border-right:1px solid #4a7ca1;border-left:1px solid #4a7ca1;border-top:1px solid #4a7ca1
}

#nav, #nav ul { /* all lists */
	padding:2px;
	margin:0;
	list-style: none;
	line-height:1.5;
	text-align: left;
}

#nav A {
	display:block;
	width:10em;
	text-decoration:none;
	color:#ffffff;
}

#nav A:hover {
	background-color:#eeeeee;
	color:#0066cc;
}

#nav li {
	float:left;
	width:10em;
}

#maintext {
	background-color:#d4e9ff;
	color:#666666;
	font-size:12px;
}

#maintext p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height:1.5;
	padding-left:10px;
}

#maintext div {
	width: 100%;
}

#maintext h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	line-height:1;
	padding-left:10px;
}

#maintext h2, h3, h4, h5 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	line-height:1;
	padding-left:10px;
}

#related {
	height:194px;
	background-image:url(/church/images/relatedpages.gif);
	background-repeat:no-repeat;
	padding:10px;
}

#related a {
	color: #0066FF;
	text-decoration:none;
}

#related a:hover {
	text-decoration:underline;
}

#titleverse {
	position:relative;
	top:50px;
	left:20px;
	line-height:1.5;
	color:#000099;
}

#whatshappening {
	position: absolute; 
	top: 490px; 
	left: 453px; 
	width: 302px; 
	height: 170px; 
	z-index: 3; 
	text-align:left; 
	overflow:auto;
}

#whatshappening P {
	padding:10px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}

#whatshappening H4 {
	font-size: 12px;
	margin: .5em 0;
}
.slideshow	{ height: 298px; width: 447px; z-index: 0; float: left; margin: 0 0;}
.menu	{ 
	background-color: #ECEFF5;
	height: 268px;
	width: 281px;
	z-index: 0;
	float: left;
	padding: 15px; 
	color: #3B5998; 
	font-size:14px;
	font-family: 'segoe ui', 'Tahoma', 'Verdana', 'lucida grande', sans-serif;	
}
.menu span {
	font-size:18px;
	font-weight:bold;
}
.menu a {
	padding-left:10px;
	line-height:1.5;
	text-decoration:none;
	color: #3B5998;
}
.menu a:hover {
	text-decoration:underline;
}