/* Main Site Background Colour */
body {
background: #0203CD;
}
/* Border Around Site */
#container {
	border: 3px #FEF200 solid;
background: #A5A5F1 url(/data/schools/peterbrook/images/PodSlither.gif) repeat-y;
}





#navigation {
font-size:small;
}
#navigation ul {
margin-bottom: 10px;
padding: 0px
}
#navigation ul li {
margin:0px;
}
#navigation ul li a {
display: block;
background: url(/data/schools/peterbrook/images/button1.gif) no-repeat;
color: #000;
padding: 5px;
margin: 0px;
text-align: left;
font-weight: bold;
width: 117px;
padding-left: 30px;
}

#navigation ul li a:hover, #navigation ul ul li a:hover {
color: #9D9A29;
text-decoration: none;
background-position: -150px 0px;
}

#navigation ul ul {
font-size:85%;
margin: 2px 0px;
padding: 0px;
}
#navigation ul ul li a {
display:block !important;
background: url(/data/schools/peterbrook/images/button2.gif) no-repeat;
text-align: left;
color: #000;
}



#mainChannelLink {
background: none;
color:#0203CD;
display:block;
text-align: left;
text-indent: 15px;
padding:6px 6px;
}





/* Podcast List Colour */


#cPodcastList {border: 4px solid #21a320 !important;} 

.podcastHeader {
background-color: #21a320;
color: #000;	
}

.podcastHeader a {
color: #FFF !important;
text-decoration: none;
}
.podcastHeader a:hover {
text-decoration: underline;
}

.podcast {
background-color: #348fde;
}

.podcastList .alt {
background-color: #8dc63f;	
}

#cPodcastList.podcastList {
background-color: #FFF;
}

#cPodcastList.podcastList a {
color: #000;
text-decoration: none;
}
#cPodcastList.podcastList a:hover {
color: #000;
text-decoration: underline;
}



/*For the podcast list if the main page background isn't white.  Delete if not needed.

#podcastSortControls .podcastName, 
#podcastSortControls .rating, 
#podcastSortControls .published,  
#podcastSortControls .downloads 
{ background-color: #E6ECF8 !important;}

.podcast{border-bottom:0px !important;}  */










#top-podcast-panel {border: 2px solid #FEF200 !important;}

/* Top "Featured" Tab Colours (Not Selected) */
#panel-controls .control {
	background-color: #D1D1EF;
border-left: 1px solid #FEF200;
}

/* Top "Featured" Tab Colours (Selected) */
#panel-controls .selected {
background-color: #F5F5FF;
}


#panel-controls .control a {
color: #000;
text-decoration: none; }



#panel-controls .control a:hover {
text-decoration: underline; }

#panel-controls a {_font-size: x-small;}


/* Top "Featured" Panel Colour */
#top-podcast-panel  {
background: #FFF url(/data/schools/peterbrook/images/watermark.gif) no-repeat 0px 26px;
}
 #top-podcast-panel .panel {
background: none;}










#maincontent {border: none;}

#maincontent h2 {
font-family: "comic sans ms"; 
color: #FEF200;
background: url(/data/schools/peterbrook/images/title.gif) no-repeat;
padding: 20px 0px 10px 80px;
margin-left: 20px;
}

.subAll a, .caption{color: #9D9A29;}
.subAll a:hover{color: #0203CD;}




/*For the bottom links*/

#links a {color: #D2D2F8 !important;}
#footer p, #footer a {color: #D2D2F8 !important;}



/*Changes the layout slightly, if you want a border round the main content. Delete this if the background is all the same color.

#maincontent{
margin-left: 3px!important; 
padding:6px 16px 6px 12px !important;
}

.podcastList{
left: -5px !important;}  */