@import "basic.css";

div { display:block; position:relative; border:0px red solid; }

body {
	background: #7189DF;
	margin:0px;
	padding:0px;
	clear: both;
}


#header {
	position:relative;
	top:0px;
	left:0px;
	width:733px;
	height:200px;
	background: url("../images/uheaderfull_01.jpg") no-repeat;
	clear:both;
	z-index: 0;

}
#header1 {
	position:relative;
	top:0px;
	left:0px;
	width:733px;
	height:100px;
	background: url("../images/uheader_01.jpg") no-repeat;
	clear:both;
	z-index: 0;

}#header2 {
	position:relative;
	top:0px;
	left:0px;
	width:733px;
	height:100px;
	background: url("../images/uheader_02.jpg") no-repeat;
	clear:both;
	z-index: 0;

}

#flashbanner {
	position:relative;
	top:0px;
	left:0px;
	width:733px;
	height:200px;
	clear:both;	
	z-index: 10;
}

#menu {
	position:relative;
	top:0px;
	left:0px;
	width:733px;
	height:116px;
	background: none;
	clear:both;

}

ul#nav {
	position:relative;
	width: 733px;
	margin: 0;
	height: 116px;
	list-style-type: none;
	overflow: hidden;
	background:  transparent url(../images/umenu.jpg) no-repeat 0 0;
}

ul#nav li {
	background:transparent;
}

ul#nav li a {
	position: absolute;
	top: 0;
	text-indent: -150px;
	text-decoration: none;
	overflow: hidden;
	background:  transparent url(../images/umenu.jpg) no-repeat;
}



#menu li#home a 		{ background-position: -5px -65px; height: 25px; width: 40px; top: 65px; left: 5px; }
#menu li#about a 		{ background-position: -48px -35px; height: 31px; width: 55px; top: 35px; left: 48px; }
#menu li#service a 		{ background-position: -118px -20px; height: 20px; width: 38px; top: 20px; left: 119px; }
#menu li#praymed a 		{ background-position: -173px -10px; height: 20px; width: 100px; top: 10px; left: 173px; }
#menu li#dword a 		{ background-position: -284px -5px; height: 20px; width: 54px; top: 5px; left: 284px; }
#menu li#youth a 		{ background-position: -350px -5px; height: 20px; width: 35px; top: 5px; left: 350px; }
#menu li#calendar a 		{ background-position: -398px -5px; height: 20px; width: 45px; top: 5px; left: 398px; }
#menu li#events a 		{ background-position: -459px -5px; height: 20px; width: 32px; top: 5px; left: 459px; }
#menu li#bookstore a 		{ background-position: -508px -5px; height: 20px; width: 50px; top: 5px; left: 508px; }
#menu li#contact a 		{ background-position: -575px -5px; height: 20px; width: 54px; top: 5px; left: 575px; }

#menu li#home a:hover		{ background-position: -5px -181px; height: 25px; width: 40px; top: 65px; left: 5px;}
#menu li#about a:hover 		{ background-position: -48px -151px; height: 31px; width: 55px; top: 35px; left: 48px; }
#menu li#service a:hover	{ background-position: -118px -136px; height: 20px; width: 38px; top: 20px; left: 119px; }
#menu li#praymed a:hover	{ background-position: -173px -126px; height: 20px; width: 100px; top: 10px; left: 173px;}
#menu li#dword a:hover		{ background-position: -284px -121px; height: 20px; width: 54px; top: 5px; left: 284px;}
#menu li#youth a:hover 		{ background-position: -350px -121px; height: 20px; width: 35px; top: 5px; left: 350px; }
#menu li#calendar a:hover 	{ background-position: -398px -121px; height: 20px; width: 45px; top: 5px; left: 398px; }
#menu li#events a:hover 	{ background-position: -459px -121px; height: 20px; width: 32px; top: 5px; left: 459px; }
#menu li#bookstore a:hover 	{ background-position: -508px -121px; height: 20px; width: 50px; top: 5px; left: 508px; }
#menu li#contact a:hover 	{ background-position: -575px -121px; height: 20px; width: 54px; top: 5px; left: 575px; }


#pagetitle {
	width:inherit;
	clear:both;
}
#content {
	top:0px;
	left: 20px;
	width:484px;
	height: auto;
	padding-right: 25px;
	float: left;
}
html>#content {height:auto; overflow:visible; }

#content p { line-height:15px; }

#drumcircle {
	top: -45px; left: 20px; width: 444px; text-align: center;
}
#drumcircletxt {
	top: -10px; left: -5px; width: 425px; text-align: justify;
	 
}
#drumcircletxt p {
	font-size: 16px;
}

#worldpray {
	top: -48px; left: 40px; width: 444px; text-align: center; 
}
#changeworld {
	top: -48px; left: 35px; width: 444px; text-align: center; 
}
#changeworldpic {
	top: -45px; left: 18px; width: 444px; text-align: center; 
}
#changeworldtxt {
	top: -50px; left: 22px; width: 425px; text-align: justify; 
}
#welcomehome {top: -10px; 
}

#box {
	width:220px;
	height:auto;
	top:-80px;
	color:#666;
	margin-bottom:15px;
	border-left:dashed #ddd 1px;
	overflow: visible;
}
html>body #box {
	height:auto;
}
#box li span { color:#666; }
#box li { color:#96c826; }
#box ul { padding-bottom:20px; }

#specialhead{top: -60px;
	left: 110px;
	width: 380px;
	height: 100px;
	}

#specialhead p {color: #F07E45;
	font: bold 13px times, arial, helvetica, sans-serif;
	text-align: center;
	}


#dwtoday {width: 200px; height: 260px; background: url(../images/dw_today.gif) no-repeat center top;}

#dwhead{top: -45px;
	left: 90px;
	width: 380px;
	height: 100px;
	}

#dwhead p {color: #F07E45;
	font: bold 13px times, arial, helvetica, sans-serif;
	text-align: center;
	}

#dwbody{top: -35px; text-align: justify;
	}


#dwdove {position: relative;
	 left: 60px;}

#dwdove p {position: relative; left: -40px;}

#dwmore {position: relative;
	 left: 60px;}

#dwmore p {position: relative; left: -40px;}

#footer { position: relative;
	top:0px;
	left: 0px;
	width: 733px;
	height: 20px;
	background:url("../images/ufooter2.gif"); 
	margin-bottom:10px;
	margin-top: 10px;
	
}