#mainbody {
margin: 0;
padding: 0;
text-align:center;
font-size: 0.8em;
background: url(images/bluebg.jpg) repeat-y center top;
background-color: #ADD0FF;
font-family: Arial, Verdana;
}
#banner {
background: #CB7600;
}
#banner h5 {
margin: 0;
padding: 3px 0 3px 7px;
font-size: 10px;
color: #FFFFFF;
}
#sponsorbanner {
margin: 0 0 -10px 0;
position: relative;
}
#contentbody {
color: #FFFFFF;
font-size: 0.8em;
font-family: Arial, Verdana;
margin: 0;
padding: 0 0 0 4px;
}
#contentbody p {
font-size: 0.9em;
margin: 0 0 1em 0;
}
#contentbody h1 {
font-size: 2.5em;
color: #E2F2FF;
margin: 0.1em 0 0.2em 0;
}
#contentbody h2.mainpageh2 {
color: #E2F2FF;
font-size: 1.4em;
margin: 0.1em 0 0.6em 0;
}
#contentbody p.contactdetails {
font-size: 1em;
background: url(images/contactdetailsbg.jpg) no-repeat top left;
background-color: #818181;
color: #FFFFFF;
padding: 7px;
margin: -6px 0 -15px 0;
border: solid #999999;
border-width: 0 3px 0 0;
}
#contentbody p.indextext1 {
font-size: 1.5em;
margin-bottom: 2em;
}
#contentbody div.contactitem {
font-size: 1em;
float: left;
margin: 0 60px 0 0;
}
#mainpagecontainer {
margin: 0;
padding: 10px 10px 120px 10px;
}
#contentbody h4 {
margin: 0 0 5px 0;
color: #B7D6FF;
font-size: 1.1em;
}
#contentiframe {
margin: 0 0 -15px 0;
min-height: 250px;
max-height: 550px;
}
#archiveplayer {
background-color: #FD9705;
}
#archiveplayer {
margin: 10px 0 5px 15px;
}
#player {
margin: 0 0 10px 0;
}
#pagecontainer {
z-index: 1;
position:relative;
width: 980px;
margin: 0 auto;
text-align:left;
}
#pagecontainer h4 {
padding: 0;
margin: -2px 0 4px 5px;
color: #FFFFFF;
font-size: 1em;
}
#bargus {
margin: 3px 0 0 0;
float: right;
border: none;
}
#menu {
height: 40px;
background-color: #1E2872;
background-image: url(images/menubg.gif);
color: #FFFFFF;
}
#menu a {
font-weight: bold;
color: #E2F2FF;
text-decoration: none;
}
#menu a:hover {
color: #FFC000;
text-decoration: none;
}
#menu ul {
height: 40px;
list-style: none;
margin: 0;
padding: 0 0 0 5px;
font-size: 1.2em;
}
#menu li {
float:left;
margin: 0 0 0 0;
padding: 10px 13px 10px 13px;
border: solid #1E4167;
border-width: 0 1px 0 0;
height: 20px;
}
#sidebar {
margin: -40px 0 20px 0;
padding: 10px 10px 20px 20px;
background-color: #FFBA00;
background: url(images/sidebarbg.jpg) no-repeat;
background-position: 0 0;
width: 172px;
height: 636px;
float: right;
font-size: 0.8em;
}
marquee {
width: 530px;
}
#sidebar h1 {
font-size: 1.1em;
margin: 1em 0 0.3em 0;
}
#sidebar p {
margin: 0 0 1em 0;
}
#sidebar a {
color: #000000;
}
#contactdetails {
line-height: 1.5em;
padding: 0.5em 0 0 0;
font-size: 1.1em;
}
#webcam {
width: 160px;
height: 120px;
border: solid #000000 1px;
margin: 0.2em 0 0 0;
}
#content {
padding: 10px;
width: 748px;
background: url(images/schedulebg.jpg) repeat-x bottom left;
background-color: #5A5A5A;
margin: 0 0 0 10px;
border: solid #333333;
border-width: 1px 0 0 0;
font-size: 0.9em;
}
#newsdiv {
clear: both;
margin: 30px 0 0 0;
padding: 10px 8px 5px 13px;
background: url(images/newsbg.jpg) repeat-x top left;
background-color: #CCCCCC;
border: solid #888888 1px;
}
div.news {
color: #000000;
width: 231px;
font-size: .9em;
float: left;
margin: 0 10px 0 0;
}
#newsdiv p {
margin: 0 0 0.3em 0;
}
#newsdiv b {
font-size: 1.1em;
font-weight: normal;
color: #E2F2FF;
border: solid #999999;
border-width: 0 0 1px 0;
display: block;
padding: 0 0 5px 0;
}
#clearall {
height: 1px;
margin: -5px 0 0 0;
clear: both;
}
div.news h2 { 
color: #FFFFFF;
font-size: 1em;
margin: 0 0 -0.5em 0;
}
#content-slider {
width: 748px;
height: 6px;
margin: -2px 0 9px 1px;
background: #666666;
border: solid #999999;
border-width: 1px 0 0 1px;
position: relative;
}
.content-slider-handle {
width: 15px;
height: 15px;
position: absolute;
top: -4px;
background: #FFAE00;
background: url(images/knob.gif);
}

#schedule {
width: 744px;
height: 193px;
margin: 0px 0 0px 3px;
overflow: auto;
}
#scheduletable {
border-collapse: collapse;
}
#scheduletable tr td {
vertical-align: top;
}
div.programme-blockbig {
color: #FFFFFF;
font-size: 0.9em;
width: 250px;
background-image: url(images/blockbg.png);
margin: 0;
height: 160px;
padding: 7px;
}
div.programme-block {
color: #FFFFFF;
font-size: 0.9em;
width: 135px;
background-image: url(images/blockbg.png);
margin: 0;
height: 160px;
padding: 7px;
}
div.programme-block p {
margin: 0;
}
p.time {
font-style: italic;
padding: 0 0 6px 0;
}
p.name {
font-weight: bold;
font-size: 1.2em;
padding: 5px 0 5px 0;
}
p.sponsorlogo {
padding: 0;
margin: -25px 0 0 0;
}
div.programme-block a {
color: #FFFFFF;
}
#catmenu {
padding: 10px;
font-size: 1.1em;
background: #333333;
margin: 0 0 15px 0;
}
#catmenu a {
margin: 0 10px 0 0;
text-decoration: none;
}
div.profiles-menu-scroll {
display: none;
font-size: 0.85em;
position: relative;
width: 180px;
height: 480px;
overflow: auto;
margin: 0 0 -10px 0;
padding: 0 10px 0 0;
overflow-x: hidden;
}
ul.profiles-menu {
font-weight: bold;
text-align: left;
padding: 0;
margin: 0;
list-style: none;
}
ul.profiles-menu li {
padding: 0 0 1px 0;
margin: 0;
}
ul.profiles-menu a {
text-decoration: none;
color: #000000;
background-color: #C5C5C5;
padding: 0.3em 0.2em 0.3em 0.5em;
display: block;
width: 180px;
}
ul.profiles-menu a.selected {
background-color: #EC8900;
color: #FFFFFF;
}
ul.profiles-menu a:hover {
color: #FFFFFF;
background-color: #76A6F7;
}
#profilesparent {
max-height: 368px;
margin: 0;
padding: 0 0 10px 0;
overflow: auto;
overflow-x: hidden;
}
#profile {
position: absolute;
font-size: 0.6em;
top: 0;
right: 0;
width: 540px;
margin: 50px 2px 15px 0;
padding: 0 0 10px 0;
background-color: #FD9705;
color: #000000;
overflow: hidden;
}
#profileimage {
position:relative;
z-index: 2;
float:right;
margin: 10px 10px 0 10px;
border: solid #000000 1px;
}
p.podcasts-corner {
margin: 0;
}
p.podcasts-corner img {
margin: 0 0 0 0;
}
#profile p.podcasts {
margin: 0;
padding: 5px 0 0 14px;
font-weight: bold;
background-color: #FD9705;
color: #FFFFFF;
}
#profile p.podcasts img {
margin: 0 0 -3px 2px;
float: none;
border: none;
}
#profile h1 {
color: #000000;
}
#profile h3 {
margin: 0 0 7px 15px;
padding: 0;
font-size: 1.4em;
font-style: normal;
}
#profile table {
width: 420px;
background-color: #FFB505;
text-align: left;
margin: 0 0 0 15px;
border: solid #000000 1px;
font-size: 1.4em;
color: #000000;
}
#profile table td {
padding: 2px 5px 2px 5px;
vertical-align: top;
}
#profile table td.line {
padding: 0;
background-color: #000000;
padding: 0 0 1px 0;
}
#profile table th {
padding: 2px 5px 4px 5px;
vertical-align: top;
}
#profile a.anchor {
float:left;
}
#profile p {
font-size: 1.4em;
line-height: 1.5em;
margin: 0.5em 0 0.3em 0;
padding: 0 15px 0 15px;
}
#profile p.listenagain {
font-size: 1.4em;
line-height: 1.5em;
margin: 0.4em 0 0.3em 0;
padding: 5px 0 7px 15px;
background-color: #F19005;
}
#profile p.listenagain a {
font-weight: bold;
}
#profile h2 {
background-color: #E58905;
color: #FFFFFF;
font-size: 1.5em;
margin: -5px 0 0 0;
padding: 0 15px 10px 15px;
}
#profile h1 {
background-color: #E58905;
font-weight: normal;
font-size: 2.6em;
line-height: 1em;
margin: 0;
padding: 12px 15px 12px 15px;
}
#profile ul {
font-weight: normal;
margin: 0 0 0.5em 3em;
padding: 0;
font-size: 1.4em;
}
#profile li b {
color: #FFFFFF;
}
a:link {
text-decoration: underline;
color: #FFFFFF;
}
a:active {
text-decoration: underline;
color: #FFFFFF;
}
a:visited {
text-decoration: underline;
color: #FFFFFF;
}
a:hover {
text-decoration: none;
color: #FFFFFF;
}