/* Main Site Background Colour */
body {
background: #FFCC33;
}
/* Border Around Site */
#container {
	border: none;
background: #ffffcc url(/data/schools/stmarksjunior/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-color: none;
color: #fff;
padding: 5px;
margin: 0px;
text-align: left;
font-weight: bold !important;
}
#navigation ul ul {
font-size:85%;
margin: 2px 0px;
padding: 0px;

}
#navigation ul ul li a {
display:block !important;
background: none;
text-align: left;
color: #fff !important;
font-weight:normal !important;
_margin-bottom: -11px;
_padding: -5px;
}
#navigation ul ul li a:hover {
display: block !important;
background: none;
color:#FFFF00 !important;
}
#mainChannelLink {
background: none;
color:#F99C35;
display:block;
text-align: left;
text-indent: 5px;
padding:6px 6px;
}

#navigation ul li a:hover {
color:#FF0;
background: none;
text-decoration:none;
}



/* Podcast List Colour */
.podcast {
	background-color: #d9dceb;
}

#cPodcastList {border: 2px solid #3333CC !important;}

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

/* Podcast List Alternate Colours */
.podcastList .alt {
	background-color: #bcc1e1;} 

.podcastHeader {
	background-color: #1C35C2;}
.podcastHeader a {
	color: #FFD59F;}
.podcastHeader {
	color: #F19621;}


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

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





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

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


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


#maincontent {border: none;
padding-left: 20px;}

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

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




/*For the bottom links*/

#links a {color: #003399 !important;}
#footer p, #footer a {color: #039 !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;}  */


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