/* CSS styles */

	body {
	font-family: Helvetica, Arial, sans-serif;
	margin: 0;
	padding: 0;
	background: #717171 url('../images/bg.jpg') repeat-x top;
	}
	h1 {
	margin: 0;
	padding: 0;
	}
	h2 {
	margin: 0;
	padding: 0;
	}
	h3 {
	margin: 0;
	padding: 0;
	}
	p {
	margin: 0;
	padding: 0;
	}
	ul {
	padding: 0;
	margin: 0;
	}
	
	
	
	

/* -------- WRAPPER -------- */
#wrapper {
width: 996px;
position: relative;
left: 50%;
margin-left: -498px;
padding: 0;
background: url('../images/bg_wrapper.jpg') no-repeat top;
}

/* -------- FLASHMAIN -------- */
#flashmain {
height: 297px;
padding: 0;
margin: 0 20px 0 15px;
}

/* -------- MENU -------- */
#menu {
height: 101px;
padding: 0;
margin: 0 20px 0 15px;
}

/* -------- FEATURES -------- */
#features {
height: 110px;
padding: 13px 0 0 0;
margin: 0 0 0 23px;
}
a.featurebox { 
float: left;
display: block; 
width: 310px; 
height: 89px; 
outline: none;
margin: 0 7px 0 0;
}
a.featurebox p { 
position: absolute; 
left: -1000px;
}
a#feature_sundays { 
background: url('../images/bg_sundays_but.jpg') no-repeat left center; 
float: left;
}
a#feature_sundays:hover { 
background-position: right center; 
}
a#feature_podcast { 
background: url('../images/bg_podcast_but.jpg') no-repeat left center; 
float: left;
}
a#feature_podcast:hover { 
background-position: right center; 
}
a#feature_students { 
background: url('../images/bg_students_but.jpg') no-repeat left center; 
float: left;
}
a#feature_students:hover { 
background-position: right center; 
}

/* -------- VIDEO -------- */
#video {
float: left;
width: 460px;
padding: 0;
margin: 0 0 7px 23px;
}

/* -------- FLASHADVERT -------- */
#flashadvert {
float: right;
width: 460px;
padding: 0;
margin: 0 29px 7px 0;
}

/* -------- FOOTER -------- */
#footerwrapper {
height: 90px;
padding: 0;
margin: 0;
}
#footerleft {
color:#585858;
font-weight: normal;
float: left;
line-height: 10px;
margin: 18px 0 0 24px;
font-size: 9px;
}
#footerleft a:link, #footerleft a:visited {
text-decoration: none;
color:#585858;
}
#footerleft a:hover, #footerleft a:active {
text-decoration: underline;
}
#footerright img {
margin: 18px 30px 0 0;
float: right;
}

/* ---------------- */
#clear {
clear: both;
}