* {padding: 0; margin: 0;}

body {font-family: geneva, helvetica, sans-serif;}

.clear {clear: both;}

#global {
	width: 780px;
	margin: 12px auto;
	}
	
#header {
	float: left;
	width: 780px;
	}
	
#mainContent {
	float: left;
	width: 780px;
	margin: 4px 0 12px 0;
	}
	
#mainContent {
	background: #FFFFFF url(../images/egremontFM/main_bg2.gif) 0 0 repeat-y;
	}
	
#leftCol {
	float: left;
	width: 120px;
	background-color: #FFF44A;
	}
	
#centreCol {
	float: left;
	width: 370px;
	margin: 0 0 0 20px;
	padding: 0 0 18px 0;
	background-color: #FFF44A;
	}
	
#rightCol {
	float: left;
	width: 250px;
	margin: 0 0 0 20px;
	}
	
#rightCol div {
	float: left;
	width: 250px;
	clear: left;
	}

#stream {border-bottom: 4px solid #FFFFFF;}

#rss {border-bottom: 4px solid #FFFFFF;}
		
#rightColList {
	margin: 0px 0 0 0;
	padding: 0 0 18px 0;
	}

#footer {
	width: 780px;
	float: left;
	padding: 4px 0 60px 0;
	background: #FFFFFF url(../images/egremontFM/footer_bg.gif) 0 0 repeat-x;
	}





	
/*----------- in the header... --------------*/
	
#headerBanner {
	width: 780px;
	height: 120px;
	background: transparent url(../images/egremontFM/header_banner.jpg) 0 0 no-repeat;
	}
	
.screenreader {
	position: absolute;
	margin: -9000px -7000px;
	}




/* -----------navigation styles----------- */

ul#fm_nav,
ul#fm_footer_nav {
	float: left;
	list-style: none;
	}
	
ul#fm_nav li,
ul#fm_footer_nav li {
	float: left;
	}
	
#header ul#fm_nav li a {
	display: block;
	width: 108px;
	margin-right: 4px;
	padding: 3px 0 3px 0;
	color: #5BBC5E;
	background-color: #E0E0E0;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	text-align: center;
	}
#header ul#fm_nav li#fm_contact_nav a {margin: 0;}

#footer ul#fm_footer_nav li {
	font-size: .8em;
	}
	
#footer ul#fm_footer_nav li a {
	color: #5BBC5E;
	text-decoration: none;
	padding: 5px 5px;
	margin-right: 5px;
	}	
#footer ul#fm_footer_nav li a:hover {
	text-decoration: underline;
	}
	
#header ul#fm_nav li a:hover {
	color: #ffffff;
	background-color: #5BBC5E;
	}
	
#fm_djs_page #header li#fm_djs_nav a, 
#fm_djs #header li#fm_djs_nav a, 
#fm_home #header li#fm_home_nav a, 
#fm_about #header li#fm_about_nav a, 
#fm_contact #header li#fm_contact_nav a, 
#fm_contribute #header li#fm_contribute_nav a, 
#fm_schedule #header li#fm_schedule_nav a, 
#fm_listenagain #header li#fm_archive_nav a {
	color: #5BBC5E;
	background-color: #FFF44A;
	}
	
#fm_djs_page #footer li#fm_footer_djs_nav a, 
#fm_djs #footer li#fm_footer_djs_nav a, 
#fm_home #footer li#fm_footer_home_nav a, 
#fm_about #footer li#fm_footer_about_nav a, 
#fm_contact #footer li#fm_footer_contact_nav a, 
#fm_contribute #footer li#fm_footer_contribute_nav a, 
#fm_schedule #footer li#fm_footer_schedule_nav a, 
#fm_listenagain #footer li#fm_footer_archive_nav a 
{
	color: #B3B3B3;
	}
	
#footer li#fm_footer_credit_nav {
	float: right;
	}
#footer li#fm_footer_credit_nav a {
	padding: 0; margin: 0;
	}
	
	
	

/* -----------main text styles----------- */
		
h1 {
	position: absolute;
	top : -9000px;
    left : -9000px;
	}

h2 {
	color: #5BBC5E;
	font-size: 1.2em;
	background: #FFFFFF;
	padding: 2px 0 1px 1px;
	margin: 4px 4px 6px 4px;
	}
	
		
h3 {
	color: #5BBC5E;
	font-size: 1em;
	margin: 0 0 0 6px;
	line-height: 1.1em;
	}
		
h3 span {
	display: block;
	font-size: .9em;
	}
		
h4, h5, h6 {
	color: #666666;
	font-size: .8em;
	font-weight: bold;
	margin: 4px 0 4px 6px;
	}
	
#mainContent p {
	color: #666666;
	font-size: .8em;
	padding: 0 3px 0 6px;
	}
	
#mainContent #centreCol p {
	padding-bottom: 8px;
	}
	
#mainContent #leftCol p {
	padding-left: 6px;
	padding-top: 6px;
	}
	
#mainContent #centreCol ul {
	padding-left: 26px;
	font-size: .8em;
	}
	
#mainContent #leftCol span.portrait img {
	width: 112px;
	margin: 4px 0 0 4px;
	}
	
#mainContent #leftCol span.portrait {
	width: 116px;
	}
	
div.programme {
	background-color: #FAF9E3;
	padding: 6px 0px 5px 0;
	margin: 0 4px 4px 4px;
	}
	
#centreCol div.programme {
	background-color: #FAF9E3;
	width: 362px !important;
	}
	
#rightCol div.programme {
	background-color: #FAF9E3;
	width: 232px !important;
	}
	
#stream a {
	display: block;
	width: 230px;
	padding: 2px 10px;
	font-size: .8em;
	background-color: #5BBC5E;
	color: #FFF44A !important;
	text-decoration: none;
	}
#stream a:hover {
	background-color: #E0E0E0;
	color: #5BBC5E !important;
	}
	
#rss p, #stream p {padding: 6px 10px 4px 8px;}

#rss p a {	
	text-decoration: none;
	color: #E87626;
	}
	
#rss img {float: right; margin: 0 0 6px 12px;}

#rightColList img {
	padding: 3px 0 3px 4px;
	}

#rightcollist {
	color: #666666;
	font-size: .8em;
	margin: 0 0 0 20px;
	}
	
#rightCol li {
	color: #666666;
	font-size: .8em;
	margin: 0 0 0 20px;
	}

ul, ol {
	color: #666666;
	font-size: .9em;
	}
	
#mainContent a {
	color: #5BBC5E;
	}	
#mainContent a:hover {
	text-decoration: none;
	}
	
#mainContent #rightCol #rightColList p {
	padding: 0 4px 6px 4px;
	}
	
#mainContent #rightCol #rightColList p.backLink {
	padding-top: 12px;
	}
	

/* -----------feeds page styles----------- */
	
#fm_feeds #rightCol #rightColList p {
	border: 2px solid #FFFFFF;
	float: left;
	margin: 0 8px 12px 8px;
	padding: 10px 6px 12px 6px;
	width: 218px;
	}
	
#fm_feeds #rightCol #rightColList p img {
	margin: 0 4px 0 0;
	}