/* Main Stylesheet */ 
/* developed by Mark Crosby @ Speedygeek.co.uk */
/* for Gateway Community Media (c) 2009 */

/* Top Elements */
* {
	padding: 0;
	margin: 0;
}
body {
	margin: 0;
	padding: 0;
	font: .70em/1.5em Verdana, Tahoma, Helvetica, sans-serif;
	color: #000;
}
#wrapper {
    margin: 0 auto;
    width: 956px;
}
#topwrapper {
    margin: 0 auto;
    width: 800px;
}
#bottomwrapper {
    margin: 0 auto;
    width: 800px;
}
#container {
    position: absolute;
    width: 100%;
    height: 100%;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    padding: 0px;
    text-align: center;
}
#bottomcontainer {
    position: absolute;
    width: 100%;
    height: 100%;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    padding: 0px;
    text-align: center;
}
#maincontainer {
    position: relative;
    width: 956px;
    text-align: left;
 }
#ad1container {
    float: left;
    width: 125px;
    height: 580px;
    background: #aaa;
}
#ad2container {
    float: right;
    width: 125px;
    height: 580px;
    background: #faa;
}
#frontmiddle {
    float: left;
    width: 503px;
    height: 580px;
    background: #00f;
}
#promo {
    float: left;
    width: 503px;
    height: 341px;
    background: #00f;
}
#sidecontainer {
    float: left;
    width: 202px;
    height: 580px;
    background: #0f0;
}
#clearfloat {
    clear:both;
}
#centercontainer {
    position: relative;
    width: 930px;
    height: 100%;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    padding: 0px;
    text-align: center;
}
.bg {
	background-repeat: repeat-x;
	text-align: center;
}
.blue {
	background: url(./images/halfblue.gif) 0 0;
}

/* Text Formats */
a.article { 
	font: 1.5em Verdana, Tahoma, Helvetica, sans-serif;
}
a {
	text-decoration: none;
	border: 0;
	}
p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #337;
	letter-spacing: 0.0px;
	line-height: 1.3;
	margin: 0px 0px 10px 0px;
}
p.tiny {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	margin: 0px 10px 10px 0px;
}
p.medium {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	margin: 0px 10px 0px 0px;
}
p.title {
	float: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	margin: 0px 0px 10px 0px;
}
p.welcome {
	float: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #000000;
	margin: 0px 0px 10px 0px;
}
h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	padding: 0px 0px 10px 0px;
}
h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	padding: 0px 0px 0px 0px;
}

/* Main Layout */
#top {
	position: relative;
	width: 800px;
	height: 109px;
	text-align: left;
	padding: 0px 0px 0px 0px;
	background: url(./includes/images/topbg.png) 0 0 no-repeat;
	}
#tempheader {
	width: 100%;
	height: 100px;
	text-align: center;
	padding: 0px 0px 0px 0px;
	background: #2510ad;
	}
#header {
	width: 100%;
	height: 89px;
	text-align: center;
	padding: 0px 0px 0px 0px;
	}
#bottomads {
	width: 100%;
	height: 150px;
	text-align: center;
	background: #777;
	}
#frontpage-left { 
	position: absolute;
  left: 0px;
  top: 175px;
	width: 100px;
	height: 200px;
	}
#frontpage-headline { 
	position: absolute;
	left: 112px;
	top: 0px;
	width: 503px;
	height: 341px;
	background: #999;
	}
#frontpage-sidebox { 
	position: absolute;
	left: 615px;
	top: 0px;
	width: 200px;
	height: 341px;
	}
#frontpage-right { 
	position: absolute;
  right: 0px;
  top: 175px;
	width: 100px;
	height: 200px;
	}
#frontpage-news { 
	position: absolute;
  left: 0px;
  top: 175px;
	width: 100px;
	height: 200px;
	}
#vol-side-menu {
	float: left;
	width: 120px;
	height: 150px;
	background: #fff;
}
#vol-side-menu li a {
  text-decoration: none;
  font-size: 10px;
}
#content {
	float: left;
	width: 300px;
	background: #333;
	}
#content p {
	float: left;
	}
#footer {
	width: 800px;
	height: 22px;
	text-align: left;
	padding: 0px 0px 0px 0px;
	margin: 10px 0px 10px 0px;
	background: url(./includes/images/footer.png) 0 0 no-repeat;
	}
#footer .footer-left {
	float: left;
	width: 45%;
	font-size: 10px;
	color: #fff;
	padding:2px 0px 0px 8px;
}
#footer .footer-right {
	float: right;
	width: 45%;
	text-align: right;
	font-size: 10px;
	color: #fff;
	padding:2px 8px 0px 0px;
}
#footer a {
	text-decoration: none;
	color: #fff;
}
#footer p {
	text-decoration: none;
	font-weight: bold;
	font-size: 10px;
	color: #fff;
}
#friends {
	height: 180px;
	width: 200px;
	font-size: 9px;
	text-align: left;
	padding:0px 0px 0px 5px;
	list-style-type: none;
}
#friends a {
  padding: 0em 1em;
}
#friends li { 
margin: 0 0 -0.6em 0; 
}
#fadebar {
	height: 25px;
	width: 197px;
	font-size: 17px;
	text-align: left;
	color: #fff;
	background: url(./images/parts/fadebar.png) 0 0 no-repeat;
}
#sidebox {
	height: 75px;
	width: 200px;
	font-size: 15px;
	text-align: right;
}
#logo {
	position: relative;
 	top: -10px;
 	left: 0px;
 	height: 70px;
 	width: 338px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background: url(./images/parts/logo-small.png) 0 0 no-repeat;
}
#advert {
	float: clear;
	text-align: center;
}
#travel {
	height: 140px;
	width: 145px;
	text-align: center;
}
#travel a {
	font-size: 9px;
}
#mainwrap {
	width: 910px;
	margin: 0px 0px 0px 0px;
	text-align: left;
	background: #eee;
}
#wrap {
	background: url(./images/parts/blue.gif) 0 0;
	width: 780px;
	height: auto;
	text-align: left;
	padding: 10px 10px 10px 10px; 
	}
#wraptest {
	position:relative;
	background: url(./images/halfblue.gif) 0 0;
	width: 780px;
	text-align: left;
	padding: 10px 10px 10px 10px;
	}
#wrapgallery {
	background: url(./images/halfblue.gif) 0 0;
	width: 808px;
	height: 755px;
	text-align: left;
	padding-left:10px;
	padding-top:10px;
	padding-right:10px;
	}
#wrap2 {
	background: url(./images/halfblue.gif) 0 0;
	width: 780px;
	height: 300%;
	text-align: left;
	padding-left:10px;
	padding-top:0px;
	padding-right:10px;
	}
#wrapb {
	background: url(./images/parts/blue.gif) 0 0;
	width: 780px;
	height: auto;
	text-align: left;
	padding-left:10px;
	padding-top:10px;
	padding-right:10px;
	}	
#wrapb p {
  font-size: 13px;
  font-color: #000;
	}
#wrapc {
	background: url(./images/halfblue.gif) 0 0;
	width: 780px;
	height: 600px;
	text-align: left;
	padding-left:10px;
	padding-top:10px;
	padding-right:10px;
	}
#wrap img {
	padding-left:0px;
	padding-top:0px;
	padding-right:10px;
	}
#wraptransparent {
	width: 707px;
	height: 100%;
	text-align: left;
	padding-left:10px;
	padding-top:10px;
	padding-right:10px;
	}
#storywrap {
	float: left;
	background: url(./images/halfblue.gif) 0 0;
	width: 500px;
	height: 100%;
	text-align: left;
	padding-left:10px;
	padding-top:10px;
	padding-right:10px;
	}
#adplace {
 	position: absolute;
 	top: 33px;
 	right: 10px;
	width: 258px;
	height: 60px;
	border: 0.0em solid #ff0000;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-size: 13px;
	}
#now {
	position: absolute;
 	top: 5px;
 	left: 20px;
 	height: 22px;
	border: 0;
	padding: 0px 8px 0px 8px;
	margin: 0px 0px 0px 0px;
  background: #fff;
}
#onair p {
	font-size: 12px;
	font-weight: bold;
	padding: 0px 0px 0px 0px;
	margin: 2px 0px 0px 122px;
	color: #ffffff;
}
#listen {
	position: absolute;
 	top: 4px;
 	right: 50px;
 	height: 28px;
 	width: 220px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
#listen2 {
	position: absolute;
 	top: 4px;
 	right: 50px;
 	height: 28px;
 	width: 220px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
  background: url(./images/topmenubg.png) 0 0 no-repeat;
}
#top-menu {
  list-style-type: none; 
}

#watch {
	position: absolute;
 	top: 4px;
 	left: 662px;
 	height: 18px;
 	width: 220px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#item {
	float: left;
	width: 500px;
	padding: 10;
	margin: 0px 0px 0px 0px;
	text-align: left;
	padding-bottom:25px;
	padding-right:25px;
}
#interviewitem {
	float: left;
	width: 320px;
	height: 80px;
	margin: 0px 10px 10px 0px;
	text-align: left;
	padding: 10px 10px 10px 10px;
	background: url(./images/parts/mediaitem.png) 0 100% no-repeat;
}
#interviewitem h2 {
	font-size:15px;
}
#interviewitem h4 {
	font-size:10px;
	margin: 0px 0px 0px 0px;
}
#mediaitem {
	float: left;
	width: 340px;
	height: 100px;
	margin: 10px 40px 0px 0px;
	text-align: left;
	background: url(./images/parts/mediaitem.png) 0 100% no-repeat;
}
#mediaitem img {
	float: left;
	margin: 10px 10px 0px 10px;
}
#mediaeitem2 {
	width: 340px;
	height: 100px;
	padding: 10px 0px 0px 10px;
}
#mediaitem h2 {
	font-size:14px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}
#mediaitem h3 {
	font-size:12px;
	margin: 10px 0px 0px 0px;
	padding: 0px;
}
#mediaitem p {
	font-size:10px;
	margin: 0px 0px 0px 0px;
	line-height: 1.2;
	}
#headlinessmall {
	margin: 7px 0px 0px 5px;
}
#trafficitem {
	background: #ccf;
}
#trafficitem h2 {
	font-size: 15px;
	margin: 10px 0px 0px 10px;
	padding: 0;
}
#trafficitem p {
	font-size: 12px;
	margin: 0px 0px 0px 10px;
}
#eventitem {
	float: left;
	width: 340px;
	height: 100px;
	text-align: left;
	margin: 10px 40px 0px 0px;
	background: url(./images/parts/mediaitem.png) 0 100% no-repeat;
}
#eventitem h3 {
	font-size:14px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}
#eventitem h4 {
	font-size:12px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}
#eventitem p {
	font-size:11px;
	margin: 15px 0px 0px 0px;
	line-height: 1.2;
	}
#eventitem img {
	float: left;
	margin: 10px 10px 0px 10px;
}
#eventsinfo {
	float: none;
	text-align: center;
}
#courseitem {
	float: clear;
	width: 550px;
	text-align: left;
	margin: 0px 10px 10px 0px;
	padding: 10px 10px 0px 0px;
	background: url(./images/parts/courseitem.png) 0 100% no-repeat;
}
#courseitem h1 {
	font-size:14px;
	margin: 0px 0px 10px 0px;
	padding: 0px;
}
#courseitem p {
	font-size:12px;
	margin: 0px 0px 10px 0px;
	padding: 0px;
}
#volnewsitem {
	float: clear;
	display: block;
	width: 550px;
	height: 110px;
	text-align: left;
	margin: 0px 10px 10px 0px;
	padding: 10px 10px 10px 10px;
}
#volnewsitem h1 {
	font-size:14px;
	margin: 0px 0px 10px 0px;
	padding: 0px;
}
#volnewsitem h2 {
	font-size:12px;
	margin: 0px 0px 10px 0px;
	padding: 0px;
}
#volnewsitem img {
	margin: 0px 10px 10px 0px;
	padding: 15px;
}
#volcourses {
	width: 550px;
	margin: 10px 0px 10px 0px;
	padding: 0px;
}
#volcourses h2 {
	font-size:18px;
	margin: 10px 0px 10px 0px;
	padding: 0px;
}
#volcourses h3 {
	font-size:16px;
	margin: 10px 0px 10px 0px;
	padding: 0px;
}
#volcourses p {
	font-size:13px;
	color: #000;
	margin: 10px 0px 10px 0px;
	padding: 0px;
}
#section {
	float: left;
	margin: 0px 0px 10px 0px;
	text-align: left;
}
#submenu {
	float: none;
	width: 750px;
	text-align: left;
	font-size: 11px;
	text-decoration: none;
	margin: 0px 0px 10px 0px;
}
#submenu a {
	text-decoration: none;
}
#submenu a:hover {
	text-decoration: none;
}
#radioschool {
	background: url(./images/parts/radioschool.gif) 0 0 no-repeat #0ff;
	width: 578px;
	height: 450px;
	font-size: 15px;
	text-align: center;
	padding: 0px 0px 0px 0px;
}
#radioschool p {
}
#month {
	width: 250px;
	text-align: left;
	margin: 5px 5px 5px 5px;
	padding: 5px 5px 5px 5px;
	background: #ff0;
	}
#month h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 22px;
	padding-bottom:0px;
}
#month h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	padding-bottom:0px;
}
#month h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	padding-bottom:0px;
}	
#month p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding-bottom:0px;
}	
	

/* images */
img { border: 0px; }
img.float-right { margin: 5px 0px 5px 15px; }
img.float-left { margin: 0px 10px 0px 0px; }
img.fixed { width: 30px; }
img.fixedfloatleft { margin: 0px 10px 15px 0px; width: 100px; }

/* alignment classes */
.float-left { float: left; }
.float-right { float: right; }
.align-left { text-align: left; }
.align-right { text-align: right; }
.float-none { float: none; }

/* Headings */
#heading {
	background: url(./images/parts/header.gif) 0 100% no-repeat;
	width: 400px;
	height: 22px;
	font-size: 14px;
	font-weight: bold;
	margin: 0px 0px 5px 0px;
	}
#headingtest {
	background: url(./images/parts/title.gif) 0 100% no-repeat #fff;
	width: 700px;
	height: 30px;
	}
#headingtest h1 {
	text-align: left;
	color: #fff;
	font-size: 17px;
	padding-left:10px;
	padding-top:7px;
	}
	

/* Box CSS */
.bl {background: url(./images/box/blue/bl.gif) 0 100% no-repeat #7777ec; width: 30em}
.br {background: url(./images/box/blue/br.gif) 100% 100% no-repeat}
.tl {background: url(./images/box/blue/tl.gif) 0 0 no-repeat}
.tr {background: url(./images/box/blue/tr.gif) 100% 0 no-repeat; padding:10px}
.clear {font-size: 1px; height: 1px}

/* Top */
.bl2 {background: url(./images/box/wblue/bl.gif) 0 100% no-repeat #270fab; width: 800px;}
.br2 {background: url(./images/box/wblue/br.gif) 100% 100% no-repeat; height: 89px;}
.tl2 {background: url(./images/box/wblue/tl.gif) 0 0 no-repeat;}
.tr2 {background: url(./images/box/wblue/tr.gif) 100% 0 no-repeat; padding:15px;}
.clear2 {font-size: 1px; height: 1px}

/* Main */
.bl3 {background: url(./images/box/wblue/bl.gif) 0 100% no-repeat #7777ec; width: 700px}
.br3 {background: url(./images/box/wblue/br.gif) 100% 100% no-repeat}
.tl3 {background: url(./images/box/wblue/tl.gif) 0 0 no-repeat}
.tr3 {background: url(./images/box/wblue/tr.gif) 100% 0 no-repeat; padding:15px}
.clear3 {font-size: 1px; height: 1px}

#menu {
	float: none;
	width: 810px;
	margin: 3px 0px 0px 0px;
}
#sidebar
{
	padding: 20px 0 10px 0;
	margin-left: 545px;
	width: 150px;
	background: url(./images/halfblue.gif) 0 0;
}
#tunedto {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #337;
	letter-spacing: 0.0px;
	line-height: 1.3;
	margin: 0px 0px 10px 0px;
}
#longdesc {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #337;
	letter-spacing: 0.0px;
	line-height: 1.3;
	margin: 0px 0px 10px 0px;
}
#fadeshow1 {
	height: 341px;
	width: 503px;
}
#comaction {
	width: 700px;
	height: 100px;
	padding: 10px 10px 10px 0px;
	margin: 0px 0px 10px 0px;
	text-align: left;
}
#comaction h1 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	margin: 0px 0px 10px 0px;
}
#comaction img {
	float: left;
	height: 100px;
	width: 100px;
	padding: 0px 10px 0px 0px;
}
#comaction p {
  font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
#comaction p.details {
  font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 5px 0px 0px 0px;
}