/* Main Site Background Colour */
body {
background: #ffff9b;
}
/* Border Around Site */
#container {
	border: none;
	
background: #8081ff url(/data/schools/hazlemere/images/PodSlither.jpg) repeat-y;
}





#navigation {
font-size:small;
position: relative;
left: 5px;
top: 2px;
}
#navigation ul {
margin-bottom: 10px;
padding: 0px
}
#navigation ul li {
margin:0px;
}
#navigation ul li a {
display: block;
background-color: #025076;
color: #fff;
padding: 5px;
margin: 0px;
text-align: left;
font-weight: bold;
}

#navigation ul li a:hover {
color:#7778EF;
text-decoration:none;
}

#navigation ul ul {
font-size:85%;
margin: 2px 0px;
padding: 0px;

}
#navigation ul ul li a {
display:block !important;
background: #7778EF;
text-align: left;
color: #fff !important;
_margin-bottom: -11px;
_padding: -5px;
}

#navigation ul ul li a:hover {
display: block !important;
color:#025076 !important;
}

#mainChannelLink {
background: #246a8e;
color:#FFF;
display:block;
text-align: left;
text-indent: 5px;
padding:6px 6px;
}





/* Podcast List Colour */


#cPodcastList {border: 4px solid #1c77a4 !important;} 

.podcastHeader {
background-color: #1c77a4;
color: #FFF;	
}
.podcastHeader a {
color: #FFF;
text-decoration: none;
}
.podcastHeader a:hover {
text-decoration: underline;
}

.podcast {
background-color: #ffeb9a;
}

.podcastList .alt {
background-color: #fff5cb;	
}

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

/*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 #1c77a4 !important;}

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

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


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

#panel-controls .selected a {
color: #000093;}

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

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


/* Top "Featured" Panel Colour */
#top-podcast-panel .panel, #top-podcast-panel  {
background-color: #FFF;
}











#maincontent {border: none;}

#maincontent h2 {font-family: "comic sans ms"; color: #2652A9;}

.subAll a, .caption{color: #fff;}
.subAll a:hover{color: #FFCE01;}




/*For the bottom links*/
#footer{
background: url(/data/schools/hazlemere/images/footer.jpg) no-repeat;
}

#links a {color: #003399 !important; margin-left: 30px; position: relative; top: 0px;}
#footer p, #footer a {color: #039 !important; margin-top: 0px;}
#copyright {position: relative; left: -18px;}

/*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;}  */


#footer p, #footer a {
color:#003399 !important;
margin-top:30px;