/*////////////////////////////////////////////////////
//													//
//                GENERAL STYLES	                //
//													//
// SITE: LIFE CHURCH								//
// AUTHOR: MARC JONES, ICEBOMB/OCM					//
// VERSION: 1.0										//
// CREATED: 22 SEP 09								//
// LAST UPDATED: 28 SEP 09							//
//													//
////////////////////////////////////////////////////*/

img, div { behavior: url(iepngfix.htc)}

html, body {
	margin: 0px auto;
	height:100%; /* needed for container min-height */
}
body {
	text-align: center;
	font-size: 65%;
	background-color: #ececec;
}
a:hover {
	text-decoration: none;
}
h1,h2,h3,h4 {
	font-family: Arial, Helvetica, sans-serif;
}
p,li,blockquote {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
/* LAYOUT :: SHELL */
#shell {
	width: 970px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	background-image: url(img/shell_bg.jpg);
	background-repeat: repeat-y;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%;
}

/* LAYOUT :: TOPMENU */
#topMenu {
	width: 765px;
	margin: 0px;
	padding-right: 5px;
	padding-left: 200px;
	list-style: none;
	background-image: url(img/topmenu_bg.png);
	background-repeat: no-repeat;
	background-position: 5px 0px;
	height: 69px;
	padding-top: 0px;
	padding-bottom: 0px;
	overflow: hidden;
}

/* LAYOUT :: WRAPPER */
.wrapper {
	width: 920px;
	padding-right: 20px;
	padding-left: 20px;
	overflow: hidden;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 5px;
	padding-top: 0px;
	padding-bottom: 0px;
	background-color: #FFFFFF;
}
#footer {
	width: 900px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 30px;
	padding-left: 30px;
	margin-right: 5px;
	margin-left: 5px;
}
#footer p {
	color: #CCCCCC;
	font-size: 1.1em;
	text-align: right;
	margin: 0px;
	margin-top: 4px;
	margin-bottom: 4px;
}
#footer a {
	color: #CCCCCC;
}

/* TOPMENU :: ELEMENTS */
#topMenu li {
	float: left;
	height: 49px;
	padding-right: 6px;
	padding-left: 5px;
	margin: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}
#topMenu a {
	background-image: url(img/topmenu_a.png);
	background-repeat: no-repeat;
	display: block;
	height: 49px;
	overflow: hidden;
	text-align: left;
	text-indent: -1000px;
}
#topMenu #home {
	width: 76px;
	background-position: 0px 0px;
}
#topMenu #home:hover,
#topMenu #home.active {
	background-position: 0px -49px;	
}
#topMenu #about {
	width: 99px;
	background-position: -89px 0px;
}
#topMenu #about:hover,
#topMenu #about.active {
	background-position: -89px -49px;	
}
#topMenu #whatson {
	width: 105px;
	background-position: -201px 0px;
}
#topMenu #whatson:hover,
#topMenu #whatson.active {
	background-position: -201px -49px;	
}
#topMenu #development {
	width: 190px;
	background-position: -319px 0px;
}
#topMenu #development:hover,
#topMenu #development.active {
	background-position: -319px -49px;	
}
#topMenu #resources {
	width: 109px;
	background-position: -522px 0px;
}
#topMenu #resources:hover,
#topMenu #resources.active {
	background-position: -522px -49px;	
}
#topMenu #contact {
	width: 88px;
	background-position: -644px 0px;
}
#topMenu #contact:hover,
#topMenu #contact.active {
	background-position: -644px -49px;	
}