html {
	
}

body {
	background:url('bluebackground.jpg') repeat-x;
}

img#logo {
	float:left;
}

img#banner {
	margin:0 0 0 0;
}

#wrapper {
	margin:0 auto 0 auto;
	width:950px;
}
#masthead {
	margin:10px auto 0 auto;
	width:940px;
}
#menu-nav {
	background: #000000;
	font-family: arial, helvetica, san-serif;
	font-size: 85%;
	height:20px;
	margin:10px 0 0 0;
	padding:5px 0 0 0;
}

#menu-nav ul{
list-style:none;
padding:0 0 0 0;
}

#menu-nav li{
color:#FFFFFF;
display:inline;

}

#menu-nav li a{
color:#FFFFFF;
text-decoration:none;
padding:5px 20px 5px 5px;
}

#menu-nav li a:hover{
color:#99ccff;
}

#menu-nav li a:focus {outline:none}

#main-content {
	margin:0 5px 0 5px;
}

#welcome {
	float:left;
	margin:10px 10px 10px 10px;
	width:490px;
}

#news-details{
	float:left;
	margin:10px 10px 10px 10px;
	width:490px;
}

#news-details h2{
	font-family:arial, helvetica, san-serif;
	font-weight:600;
	font-size:115%;
}

#news-details h4{
	font-family:arial, helvetica, san-serif;
	font-weight:400;
	font-size:95%;
	margin:10px 0 0 0;
}

#news-details p{
	
}

#sermons{
	float:left;
	margin:10px 0px 10px 10px;
	width:490px;
}

.sermon_mini{
	border:1px solid #AAAAAA;
	padding:8px;
	margin: 0 0 5px 0;
}

.sermon_mini h2{
	font-family:arial, helvetica, san-serif;
	font-weight:600;
	font-size:110%;
	margin:0 0 5px 0;
	padding:3px 0 3px 0;
}

.sermon_mini h2 span{
	color:#990000;
	font-family:arial, helvetica, san-serif;
	font-weight:500;
	font-size:80%;
	font-style:italic;
	margin:0 0 5px 8px;
	padding:3px 0 3px 0;
}

.sermon_mini h4{
	font-family:arial, helvetica, san-serif;
	font-size:100%;
	margin:0 0 5px 0;
	padding:3px 0 3px 0;
}

.sermon_mini h5{
	font-family:arial, helvetica, san-serif;
	font-size:85%;
	margin:0 0 3px 0;
	padding:0 0 0 0;
}

#ministry {
	float:left;
	margin:10px 0px 10px 10px;
	width:490px;
}
#ministry h2{
	font-family:arial, helvetica, san-serif;
	font-weight:600;
	font-size:110%;
	margin:0 0 5px 0;
	padding:3px 0 3px 0;
}

#ministry h3{
	font-family:arial, helvetica, san-serif;
	font-weight:600;
	font-size:95%;
	margin:15px 0 5px 0;
	padding:3px 0 3px 0;
}
#ministry h4{
	
	font-family:arial, helvetica, san-serif;
	font-size:85%;
	margin:0 0 5px 0;
	padding:3px 0 3px 0;
}

#ministry span{
	color:#990000;
	font-style:italic;
}

#ministries {
	float:left;
	margin:10px 0px 10px 10px;
	width:490px;
}

#ministries h2{
	font-family:arial, helvetica, san-serif;
	font-weight:800;
	font-size:125%;
	margin:0 0 5px 0;
	padding:3px 0 3px 0;
}

#ministries h3{
	color:#990000;
	font-family:arial, helvetica, san-serif;
	font-weight:600;
	font-size:100%;
	margin:12px 0 3px 0;
	padding:3px 0 3px 0;
}

#ministries h3 a{
	color:#000000;
}

#ministries h4 a{
	color:#000000;
	text-decoration:none;
	font-family:arial, helvetica, san-serif;
	font-weight:500;
	font-size:95%;
	margin:0 0 3px 10px;
	padding:3px 0 3px 0;
}

#ministries h4 a:hover{
	color:#990000;
}

#ministries_details {
	float:left;
	margin:10px 0px 10px 10px;
	width:490px;
}

#ministries_details h2{
	font-family:arial, helvetica, san-serif;
	font-weight:600;
	font-size:110%;
	margin:0 0 5px 0;
	padding:3px 0 3px 0;
}

#ministries_details h5{
	font-family:times, georgia, serif;
	font-size:95%;
	margin:0 0 2px 0;
	padding:3px 0 3px 0;
}

#ministries_details p{
	font-family:times, georgia, serif;
	font-size:95%;
	margin:0 0 2px 0;
}

#ministry_entry {
	float:left;
	margin:10px 0px 10px 10px;
	width:490px;
}

#staff {
	margin:0 auto;
}

#staff .mini {
	float:left;
	font:90% arial;
	margin:5px;
	background:#FFFFFF;
	border:1px #666666 solid;
	padding:5px;
}

#staff img{
	display:block;
	margin:0 auto;
}

#contactus {
	float:left;
	margin:10px 0px 10px 10px;
	width:490px;
}

#contactus h2{
	font-family:arial, helvetica, san-serif;
	font-weight:600;
	font-size:110%;
	margin:0 0 5px 0;
	padding:3px 0 3px 0;
}

#contactus h3{
	color:#990000;
	font-family:arial, helvetica, san-serif;
	font-weight:600;
	font-size:100%;
	margin:12px 0 3px 0;
	padding:3px 0 3px 0;
}

#contactus h4{
	color:#000000;
	text-decoration:none;
	font-family:arial, helvetica, san-serif;
	font-weight:500;
	font-size:95%;
	margin:0 0 3px 10px;
	padding:3px 0 3px 0;
}

#map {
	border:1px #666666 solid;
	height:480px;
	width:640px;
}

#calendar {
	float:left;
	margin:10px auto;
	width:940px;
}

#calendar h2{
	font-family:arial, helvetica, san-serif;
	font-weight:600;
	font-size:110%;
	margin:0 0 5px 0;
	padding:3px 0 3px 0;
}

#footer {
	color:#666666;
	font-size:80%;
	text-align:center;
}
.box {
	float:right;
	padding:0 10px 0 10px;
	width:240px;
}

.box img{
	border: 3px solid #000000;
}

.box img a:hover{
	border: 3px sold #990000;
}

.box h1 {
	background:#AAAAAA;
	color:#FFFFFF;
	font-family:arial, helvetica, san-serif;
	font-weight:600;
	font-size:100%;
	margin:0 0 5px 0;
	padding:3px 0 3px 0;
	text-align:center;
}

.box h2 {
	font-family:arial, helvetica, san-serif;
	font-weight:600;
	font-size:90%;
}

a.listen {
	background: url(http://fumc.redhandstudio.com/images/site/SermonsBlk.png) top no-repeat;
	display:block;
	float:right;
	margin: -10px 10px 0 10px;
	width:115px;
	height:100px;
	text-indent:-5000px;
	
}

a.listen:hover{
	background: url(http://fumc.redhandstudio.com/images/site/SermonsRed.png) top no-repeat;
}

a.visit {
	background: url(http://fumc.redhandstudio.com/images/site/VisitBlk.png) top no-repeat;
	display:block;
	float:right;
	margin: -10px 10px 0 10px;
	width:125px;
	height:100px;
	text-indent:-5000px;
	
}

a.visit:hover{
	background: url(http://fumc.redhandstudio.com/images/site/VisitRed.png) top no-repeat;
}

.news {
	/*border-left:1px solid #AAAAAA;*/
	float:right;
	margin:10px 0 0 0;
	padding:0 10px 0 10px;
	width:400px;
}

.news h1 {
	background:#000000;
	color:#FFFFFF;
	font-family:arial, helvetica, san-serif;
	font-weight:600;
	font-size:110%;
	margin:0 0 5px 0;
	padding:3px 0 3px 0;
	text-align:center;
}

.news h4 a{
	color:#990000;
	font-family:arial, helvetica, san-serif;
	font-weight:500;
	font-size:95%;
	text-decoration:none;
}
.news h4 a:hover{
	color:#333333;
}


.showcase {
	background:#FFFFFF;
	border:1px solid #AAAAAA;
	cursor:pointer;
	cursor: hand;
	float:left;
	height:85px;
	margin:0 0 10px 10px;
	width: 299px;
}

.showcase:hover{
		border:1px solid #000000;

}

.clear {
	clear: both;
}