/*************************************************************/
/*   Design:  The Jumbo Sound, version 4.0                   */
/*   Author:  Michael Blades. www.michaelblades.co.uk        */
/*   Date:    Summer 2009                                    */
/*-----------------------------------------------------------*/
/*   Created Free of Charge for Goodmayes Hospital Radio.    */
/*   Unauthorised copying of this site design is forbidden.  */
/*************************************************************/
body {
	margin:0;
	padding:0;
}

body {
	font: 76% arial,sans-serif;
	text-align:center;
	background-color: #e3e3e3;
	}

p {
	margin:0 10px 10px;
	font-family: Georgia, serif;
	font-size:1.2em;
	color:#808080
}
p a{
	color: #333333;
}
/* ^LINK STYLES^^^^^ a{display:block;color: #981793;padding:10px} */

.outerx{
width:50%;
margin-left:25%;
border:1px solid #000;
background:#fff url(images/bottomleft.jpg) repeat-y left top;
padding-left:18px;
}

.innerx{
width:100%;
margin-right:25%;
border:0px;
background:#fff url(images/bottomright.jpg) repeat-y right top;
padding-right:18px;
}

/******* NOW PLAYING IN HEADER and SIDEBAR *********/
div#on_air_now{
	position:absolute;
	background-image:url('images/onairheader.png');
	background-repeat:no-repeat;
	height:90px;
	width:280px; 
	margin-top:-120px;
	padding-top:37px; 
	padding-left:60px;
	margin-left:620px; 
	font-family:'Tahoma'; 
	font-size:small;
}

div#sidea{
	background-image:url('images/side1.png'); 
	background-repeat:no-repeat;
	height:347px; 
	padding-left:20px; 
	padding-right:10px; 
	font-family:Tahoma; 
	color:#4c4c4c;
	margin-top:5px;
}

div#sideb{
	background-image:url('images/side2.png');
	background-repeat:no-repeat; 
	height:167px;
	padding-left:20px;
	padding-right:10px;
	padding-top:10px;
	text-align:center; 
	padding-right:10px; 
	font-family:Tahoma; 
	font-size:medium;
}
div#sideb a{
	text-align:center; 
	padding-right:10px; 
	font-family:Tahoma; 
	font-size:medium;
	color:black;
	text-decoration:none;
}



/******  CODE FOR MENU ******/
.solidblockmenu{
margin:0;
padding: 0;
float: left;
font-family:Century Gothic,Arial,Verdana,Helvitica,sans-serif;
font-weight:bold;
font-size:14px;
width: 949px;
overflow: hidden;
margin-bottom: 1em;
border: 1px solid #625e00;
border-width: 1px 0;
background: black url(images/chromebg1.gif) center center repeat-x;
}

.solidblockmenu li{
display: inline;
}

.solidblockmenu li a{
	float: left;
	color: #666666;
	padding: 10px 20px;
	text-decoration: none;
	border-right: 1px solid white;
}

.solidblockmenu li a:visited{
color: #666666;
}

.solidblockmenu li a:hover, .solidblockmenu li .current{
color: black;
background: transparent url(images/chromebg3.gif) center center repeat-x;
}
/******  CODE FOR MENU ******/


a.menu {
	text-decoration: none;
	color: #5F5F5F;
	font-size: 15px;
	font-weight: bold;
	font-family: Verdana, Tahoma, Arial, sans-serif;
}

div#header h1{
	height: 160px;
	margin:0;
	vertical-align:top;
	background-image: url('images/header bg1.jpg');
}

div#container{
	text-align:left;
	border:0px
	}

div#content p{line-height:1.4}

div#topnavi{
	height:43px;
	background-color:blue;
}

div#navigation{
	background:#ffffff;
	margin-top:-10px;
	}

div#extra{background:#FF8539}
div#footer{background: #333;color: #FFF;}
}
div#footer p{margin:0;padding:5px 10px}

div#container{width:950px;margin:0 auto;}
div#content{
	float: right;
	margin-top:-10px;
	width: 700px;
}
div#navigation{
	float: left;
	width: 250px;
}


div#footer{
	clear:both;
	width:100%;
	height:320px;
	background:#666666 url(images/footer_back.gif) no-repeat top left;
	}
	
div#footerinfo{
	color:white;
	margin-left:410px;
	}
div#footerinfo a{
	color:white;
	font-weight:bold;
	}
	

div#sitemap{
	font-family:Arial, Helvetica, sans-serif; 
	font-size:medium;
	font-weight:normal;	
	}
div#sitemap a{
	color:#fff;
	text-decoration:none;
	font-weight:normal;
	}

/******* CONTENT CLASSES ******/
/*main title*/
.content2-pagetitle, .content3-pagetitle {overflow: hidden; width: 680px; margin: 10px 0px 0px 10px; padding: 0px 0px 2px 0px; border-bottom: solid 3px rgb(88,144,168); color: rgb(88,144,168); font-weight: bold; font-size: 180%;}
/*full width*/
.line-box {border-bottom: solid 1px rgb(200,200,200); padding-bottom: 15px; margin: 0px 0px 15px 0px; width:680px; margin-left:10px;}
.content2-container-1col, .content3-container-1col {overflow: hidden; width: 680px; margin: 0px; padding: 0px;}
.content-title-noshade-size3 {margin:0; margin-top:10px; padding: 0px; color: rgb(88,144,168); font-family:Arial, Helvetica, sans-serif; font-weight: bold; font-size: 160%;}
.content-subtitle-noshade-size1 {margin-top:-2px; margin-left:0px; padding: 0px; color: rgb(88,144,168); font-family:Arial, Helvetica, sans-serif; font-weight: bold; font-size: 110%;}
.content-txtbox-noshade {margin-left:-10px; margin-top:-7px; padding: 0px 10px 0px 0px; background-color: rgb(255,255,255);}
/*2-col*/
.content2-container, .content3-container {clear: both; float: left; width: 680px; margin: 0px 0px 10px 10px; padding: 0px;}
.content2-container-2col-left, .content3-container-2col-left {overflow: hidden; float: left; width: 340px; margin: 0px; padding: 0px;}
.content2-container-2col-right, .content3-container-2col-right {overflow: hidden; float: right; width: 340px; margin: 0px; padding: 0px;}
/*3-col*/
.content2-container-3col-left, .content3-container-3col-left {overflow: hidden; float: left; width: 221px; margin: 0px 25px 0px 0px; margin-left:-10px; padding: 0px;}
.content2-container-3col-middle, .content3-container-3col-middle {overflow: hidden; float: left; width: 221px; margin: 0px; padding: 0px;}
.content2-container-3col-right, .content3-container-3col-right {overflow: hidden; float: right; width: 221px; margin: 0px; padding: 0px;}