/* CSS styles */

	body {
	font-family: Helvetica, Arial, sans-serif;
	margin: 0;
	padding: 0;
	background: #8c8a85 url('../images/bg_tile.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: 980px;
position: relative;
left: 50%;
margin-left: -490px;
}



/* -------- branding -------- */
#branding {
height: 103px;
margin: 0;
padding: 0;
background: url('../images/bg_branding.jpg') no-repeat top;
}
#branding img {
margin: 6px 0 0 27px;
padding: 0;
}



/* -------- flash -------- */
#flashwrapper {
height: 246px;
padding: 0;
margin: 0;
background: url('../images/bg_flash.jpg') no-repeat top;
}
#flash {
height: 246px;
padding: 0;
margin: 0 10px 0 10px;
}



/* -------- menu -------- */
#menu {
height: 34px;
padding: 0 10px 0 10px;
margin: 0;
background-image: url('../images/bg_menu.jpg');
}



/* -------- info -------- */
#info {
margin: 0;
padding: 0;
background: url('../images/bg_tile_wrapper.jpg') repeat-y top;
}
#textwrapper {
float: left;
width: 618px;
margin: 0;
padding: 0;
background: url('../images/bg_tile_textwrap.jpg') repeat-y top;
}



/* -------- welcometext -------- */
#welcometext {
height: 263px;
padding: 0;
margin: 0;
background: url('../images/bg_welcometext.jpg') no-repeat top;
}
#text {
width: 538px;
padding: 45px 0 0 0;
margin: 0 0 0 45px;
}
#text h1 {
font-size: 20px;
font-weight: strong;
color: #656565;
border-bottom: 1px solid #ecd29c;
padding: 0 0 2px 0;
margin: 0 0 20px 0;
}
#text h3 {
font-size: 18px;
font-weight: normal;
color: #656565;
padding: 0;
margin: 0 0 10px 0;
}
#text p {
font-size: 14px;
font-weight: normal;
line-height: 17px;
color: #666666;
padding: 0;
margin: 0 20px 10px 0;
}
#text a:link, #text a:visited {
text-decoration: none;
font-weight: bold;
color: #0b78b9;
}
#text a:hover, #text a:active {
text-decoration: underline;
}



/* -------- featureboxes -------- */
#featureswrapper {
float: right;
width: 362px;
padding: 0;
margin: 0;
background: url('../images/bg_tile_featurewrap.jpg') repeat-y top;
}
#features {
height: 263px;
padding: 0;
margin: 0;
background: url('../images/bg_feature.jpg') no-repeat top;
}
#eventbox {
margin: 0;
padding: 9px 0 0 0;
}
a.eventbox { 
display: block;
height: 77px; 
width: 341px; 
padding: 10px 0px 38px 0px; 
border: 1px solid #FFFFFF; 
margin: 0;
background: url('../images/bg_event_but.jpg') no-repeat left center;
outline: none;
text-decoration: none; 
color:#333333; 
font-size:10px;
}
a.eventbox img{ 
float: left; 
margin: 0px 10px 0px 10px; 
border: none; 
}
a.eventbox h1{ 
font-size: 16px;
font-weight: bold;
color: #c59422; 
padding: 0; 
margin: 0; 
}
a.eventbox p{ 
font-size: 11px; 
font-weight: normal;
color: #565656; 
padding: 5px 10px 0 0; 
margin: 0; 
}
a.eventbox:hover{  
border-color: #666666;
background-position: right center;
}
a.eventbox:hover h1{ 
text-decoration: underline; 
}
a.eventbox .event_wrapper{
padding: 0 10px;
}



/* -------- adverts -------- */
#advertwrapper {
height: 181px;
margin: 0;
padding: 0 0 0 10px;
background: url('../images/bg_tile_adverts.jpg') repeat-y top;
}

a.featurebox { 
display: block; 
width: 290px; 
height: 166px; 
outline: none;
margin: 8px 0 0 10px;
padding: 0;
}
a.featurebox p { 
position: absolute; 
left: -1000px;
}
a#feature_map { 
background: url('../images/bg_map_but.jpg') no-repeat left center; 
float: left;
}
a#feature_map:hover { 
background-position: right center; 
}
a#feature_alpha { 
background: url('../images/bg_alpha_but.jpg') no-repeat left center; 
float: left;
}
a#feature_alpha:hover { 
background-position: right center; 
}

a.featurepodbox { 
display: block; 
width: 341px; 
height: 166px; 
outline: none;
margin: 8px 0 0 10px;
padding: 0;
}
a.featurepodbox p { 
position: absolute; 
left: -1000px;
}
a#feature_pod { 
background: url('../images/bg_podcast_but.jpg') no-repeat left center; 
float: left;
}
a#feature_pod:hover { 
background-position: right center; 
}










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



/* -------- FOOTER -------- */
#footerwrapper {
height: 67px; 
background: url('../images/footer.jpg') no-repeat;
margin: 0;
}
#footerleft {
color: #cbcbcb;
font-weight: normal;
float: left;
margin: 16px 0 0 33px;
font-size: 10px;
}
#footerleft a:link, #footerleft a:visited {
text-decoration: none;
color: #efb400;
}
#footerleft a:hover, #footerleft a:active {
text-decoration: underline;
}
#footerright img {
margin: 17px 33px 0 0;
float: right;
}