/*------------------------- SECTION:RESET -------------------------*/
html { background-color: #FFFFFF; color: #000000; line-height: 1; }
blockquote,body,button,code,dd,dl,div,dt,form,fieldset,h1,h2,h3,h4,
h5,h6,legend,li,input,ol,p,pre,ul,td,textarea,th{ margin: 0; padding: 0; }
table { border-collapse: collapse; border-spacing: 0; }
button,fieldset,img { border-width: 0; }
address,caption,code,cite,dfn,em,strong,th,var { font-style: normal; font-weight: normal; }
li { list-style: none; }
caption,th { text-align: left; }
h1,h2,h3,h4,h5,h6 {	font-size: 100%; font-weight: normal; }
q:before,q:after { content: ''; }
abbr,acronym { border-width: 0; font-variant: normal; }
sup { vertical-align: text-top; }
sub { vertical-align: text-bottom; }
button,input,textarea,select { font-family: inherit; font-size: 100%; font-weight: inherit; }
legend { color: #000000; }

/* General
--------------------------------------------------*/
html { background: #31051c url(../img/background.gif) repeat-x;  }
body { font-size: 0.9em; font-family: Arial; }

strong { font-weight: bold; }
a { text-decoration: none; }
a:hover { text-decoration: underline; }

.space { clear:both; }


/* Header
--------------------------------------------------*/
div#header { width: 700px; margin: 0 auto; padding: 40px 0 0 0; }
div#header p { 
	text-align: right; text-transform: uppercase;
	font-size: 1.1em; font-weight: bold;
	color: #cf1e6f;
	padding: 0; margin: 0;
}

/* Content
--------------------------------------------------*/
div#content { width: 700px; margin: 25px auto; }
div.content { 
	background: #fff;
	padding: 10px;
	/*-moz-border-radius: 10px;
	-webkit-border-radius: 10px;*/
}


/* Content - logo
--------------------------------------------------*/
div#logo {
	background: url(../img/logo.gif) no-repeat;
	height: 121px;
	width: 280px;
	margin: 10px;
}
div#logo h1 span { display: none; }

/* Content - Stations
--------------------------------------------------*/
#stations { float: left; margin-top: 50px; }
#stations .title {
	font-size: 1em; font-weight: bold;
	color: #000;
	padding: 0 0 20px 20px;
}
#stations .station { 
	float:left;
	font-size: 1em;
	width: 12em;
	padding: 0 0 20px 20px;
}
#stations .station p {
	padding-bottom: 7px;
	font-weight: bold;
}
#stations .station a { color: #831250; }
#stations .station a:hover { color: #DC388F; }
#stations .station span { padding-right: 5px; color: #DC388F; }

#stations .fm { float:left; }
#stations .fm p {
	font-size: 1em;
	font-weight: bold;
	padding-bottom: 7px;
	color: #DC388F;
	/*text-transform: uppercase;*/
}

/* Content - Map
--------------------------------------------------*/
#map { 
	float: right; width: 350px; height: 400px; 
	margin: -140px 20px 0 0;
	background: url(/img/ukmap.jpg) no-repeat;  
}

/* Footer
--------------------------------------------------*/
div#footer { 
	width: 700px; 
	margin: 0 auto; padding: 10px 0 0 0;
	text-align: center; 
}
div#footer p { color: #fff; color: #831250; font-size: 0.8em; line-height: 1.3em; }
div#footer ul.stations { margin-bottom: 20px; }
div#footer ul.stations li { display: inline; }
div#footer ul.stations li a { color: #fff; padding: 5px; text-decoration: underline; }
div#footer ul.stations li a:hover { text-decoration: none; }


/* Rounded Corner 
--------------------------------------------------*/
.rbroundbox { background: url(/img/roundedcornr_nt.gif) repeat; }
.rbtop div { background: url(/img/roundedcornr_tl.gif) no-repeat top left; }
.rbtop { background: url(/img/roundedcornr_tr.gif) no-repeat top right; }
.rbbot div { background: url(/img/roundedcornr_bl.gif) no-repeat bottom left; }
.rbbot { background: url(/img/roundedcornr_br.gif) no-repeat bottom right; }
/* height and width stuff, width not really nessisary. */
.rbtop div, .rbtop, .rbbot div, .rbbot {
	width: 100%;
	height: 25px;
	font-size: 1px;
}
/* margin indents text in features box */
.rbcontent { margin: 0 50px; }
.rbroundbox {   }