body {
	margin: 0;
	height: 100%;
	}
	
/* Layout */

#topbanner {
	 background-image:url('/images/template/topbannerstrip.jpg');
	 width: 100%;
	 height: 76px;
	} 
#logo {
	position:absolute;
	left:80%;
	top: 0px;
	z-index:2
	} 
#leftside {
	background: #5C2F74;
	height: 100%;
	position:absolute;
	top:76px;
	left:0px;
	width:207px;
	z-index: 2;
}
#content {
	position:absolute;
	top: 80px;
	left: 230px;
	width: 570px;
	z-index: 1;
		}

	
/* Text formatting */
h1 {
	font: bold 16px/20px tahoma, sans-serif;
	color: #03793C;
	backround: #fff;
	}
h2 {
	font: bold 14px/20px tahoma, sans-serif;
	color: #333333;
	background: #fff;
	}
h3 {
	font: italic 12px/20px tahoma, sans-serif;
	color: #333333;
	background: #fff;
	}
h5 {
	font: bold 14px/20px tahoma, sans-serif;
	color: #333333;
	background: #fff;
	border-bottom: 1px solid;
	}
p, li, td, th, blockquote {
	font: 12px/20px tahoma, sans-serif;
	}
a, a:link {
	color: #03793C;
}
table.fancytable {
	background: #5C2F74;
	}
th.fancytable {
	background: #5C2F74;
	color: #fff;
	padding: 6px;
	}
td.fancytable {
	background: #fff;
	padding: 6px;
	}
img.pics {
	border: 1px solid #5C2F74;
	padding: 6px;
	margin-left: 12px;
	float: right;
} 

/* Menu */
#landscape {
	z-index:1;
	padding-left: 15px;
	color: white;
	font: 12px/16px tahoma, verdana, arial;
	position: relative;
	float: left;
	left: 0px;
	margin: 0px;
	width: 140px;
}
#menu {
	z-index:101;
	position: relative;
	top: 0px;
	left: 0px;
	margin: 0px;
}
#menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
	/* width: 170px; Original Width of Top Menu Items */
	width: 207px; /* Width of Top Menu Items */
	border-bottom: 0px solid white;
}

#menu ul li {
	position: relative;
}
	
#menu li ul {
	position: absolute;
 /*		left: 170px; Set 1px less than menu width */
	left: 207px; /* Set 1px less than menu width */
	top: -5px;
	display: none;
	z-index:101;
}

/* Styles for Menu Items */
#menu ul li a {
	font: bold 11px/16px arial, verdana;
	display: block;
	text-decoration: none;
	color: white;
	text-transform: none;
  text-align: right;
	background: #1D1157; /* IE6 Bug */
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	border-bottom: 0px solid white;
	border-top: 0px solid white;
	z-index: 100;
}

/* Fix IE. Hide from IE Mac \*/
* html #menu ul li { float: left; height: 1%; }
* html #menu ul li a { height: 1%; }
/* End */

/* Hover Styles */
#menu ul li a:hover { 
	color: white; /* font color as mouse hovers on submenu */
	background: #003875; /* background color as mouse hovers on submenu */
} 

/* Sub Menu Styles */
#menu li ul li a { 
	padding: 5px 5px; 
	color: #fff;
	text-transform:none;
  text-align: left;
	background: #784F91;
	width: 200px /* width of submenu */
} 

/* The magic */
#menu li:hover ul, #menu li.over ul { 
	display: block; 
} 

/* Splash */

#SplashContainer {
	 border: 1px solid;
	 padding: 0px;
	 margin: 0px;
	 width: 750px;
	 height: 759px;
} 
#SplashBanner {
	 position: relative;
	 padding: 0px;
	 margin: 0px;
	 text-align: center;
	 top: 0px;
} 
#SplashLogo {
	 position: absolute;	
	 top: 188px;
	 left: 32px;
} 
#SplashMotto {
	 position: absolute;	
	 top: 290px;
	 left: 280px;
	 padding: 0px;
	 margin: 0px;
} 
#SplashWorship {
	 position: absolute;	
	 top: 80px;
	 left: 0px;
	 padding: 0px;
	 margin: 0px;
	 width: 428px;
} 
#SplashLCA {
	 position: absolute;	
	 top: 680px;
	 left: 240px;
	 padding: 0px;
	 margin: 0px;
}
#SplashFooter {
font: 12px/18px tahoma; 
	text-align: center;
	padding-top: 4px;
	 position: absolute;	
	 top: 726px;
	 height: 30px;
	 background-color: #764F8E;
	 color: #fff;
	 width: 750px;
}
table.splash {
	 margin-top: 10px;
	 background: #764F8E; 
	 width: 467px;
}
td.splashheader {
background: #764F8E; 
color: white; 
font: bold 16px/18px tahoma; 
text-align: center;
}
td.splashcontent {
background: #FFF; 
color: #000;   
font: 12px/18px tahoma; 
text-align: left;
}
td.splashsermon {
background: #FFF; 
color: #000;   
font: 12px/18px tahoma; 
text-align: center;
}