body {color:#000000;background-color: #663300;}
a {color: #FF0000;}
a:hover, a:active {color: #0000FF;}

#topContainer {background-color: #3399FF;}

#title {color: #663300;text-shadow: 0 1px 0 #FFFF00;}
#slogan {color: #FFFF00;}

#mainMenu ul a {color: #FFFFFF;background-color: #0000FF;border-right: 1px solid #0000FF;border-left: 1px solid #0000FF;border-top: 1px solid #0000FF;}
#mainMenu ul a:hover {background-color: #0000FF;color: #FFFF00;border-right: 1px solid #0000FF;border-left: 1px solid #0000FF;border-top: 1px solid #0000FF;}

#mainMenu ul ul {border: 1px solid #FFFFFF;border-bottom: none;}
#mainMenu ul ul a {color: #FFFFFF;background-color: #0000FF;border-bottom: 1px solid #FFFFFF;}
#mainMenu ul ul a:hover {color: #FFFFFF;background-color: #FF0000;}

#mainMenu ul #current, #mainMenu ul .currentAncestor, #mainMenu ul #current:hover, #mainMenu ul .currentAncestor:hover {background-color: #FF0000;color: #FFFF00;border-right: 1px solid #FF0000;border-left: 1px solid #FF0000;border-top: 1px solid #FF0000;}
#mainMenu ul ul #current, #mainMenu ul ul #current:hover {color: #FFFF00;background-color: #FF0000;}
#mainMenu ul ul .currentAncestor, #mainMenu ul ul .currentAncestor:hover {color: #FFFFFF;background-color: #FF7F00;}

#colorBar {background-color: #005A94;}

#midContainerWrapper {background-color:#FFCC66;}
#midContainer {border-left: 1px solid #0000FF; border-right: 1px solid #0000FF;background-color:#FFFFFF;}

#contentContainer a {color: %colour_mainContent_links%;}

#sidebarContainer .sideHeader {border-bottom: 2px solid #336699;color: #000000;}
#sidebarContainer #sidebar {background-color: %colour_sidebarBody_background%;color: %colour_sidebarText%;}
#sidebarContainer #sidebar a {color: %colour_sidebarLinks%;}
#sidebarContainer #sidebar a:hover {color: %colour_sidebarLinks%;text-decoration: underline;}

#sectionDivider { background: #FFCC66 url(images/bottomborder.png) top center repeat-x; border-bottom: 1px solid #0000FF; }

#bottomBorderContainer { background-color: #FFCC66; }

#extraContainer2 {background-color: #CCCCCC;color: #000000;}
#extraContainer2 a {color: #466B9E;}
#extraContainer2 a:hover {color: #466B9E;}

#extraContainer3 {background-color: #CCCCCC;color: #000000;}
#extraContainer3 a {color: #466B9E;}
#extraContainer3 a:hover {color: #466B9E;}

#extraContainer4 {background-color: #E4E4E4;border: solid 1px #555555;color: #000000;}
#extraContainer4 a {color: #466B9E;}
#extraContainer4 a:hover {color: #466B9E;}

#extraContainer5 {color: #000000;}
#extraContainer5 a {color: #466B9E;}
#extraContainer5 a:hover {color: #466B9E;}

#extraContainer6 {color: #000000;}
#extraContainer6 a {color: #466B9E;}
#extraContainer6 a:hover {color: #466B9E;}

#ec7wrapper {background-color: #666666;border-bottom: 1px solid #CCCCCC;}

#extraContainer7 {color: #FFFFFF;}
#extraContainer7 a {color: #CCCCCC;}
#extraContainer7 a:hover {color: #CCCCCC;}

#bottomContainer {}

#footer {color: #CCCCCC;}
#footer a:link, #footer a:visited {color: #FFFFFF;}
#footer a:hover {color: #FFFFFF;}

.thumbnail-caption {color: #999999;}
.photo-caption {color: #999999;}
.photo-frame {border: solid 3px #DADADA;}


.movie-thumbnail-caption {color: #999999;}
.movie-title {color: #999999;}
.movie-thumbnail-frame img {border: solid 3px #7BA5DF;}
.movie-frame {border: solid 3px #7BA5DF;}

/* iPhone specific color styles */

@media only screen and (max-device-width: 480px) {

body {background-color: #663300;}
#topContainer {background-color: #3399FF;}
#title {color: #663300;text-shadow: 0 1px 0 #FFFF00;}
#slogan {color: #FFFF00;}
#sideToggle {background-color: #0000FF;border: 1px solid #0000FF;}
#sideToggle a {color: #FFFFFF;}
#menuToggle {color: #FFFFFF;background-color: #0000FF;border: 1px solid #0000FF;}
#mainMenuWrapper {background-color: #3399FF;border: 1px solid #3399FF;}
#midContainer {background-color: #FFFFFF;}
#footer {background-color: #663300;color: #CCCCCC;border-top: solid 1px #CCCCCC;}
#footer a:link, #footer a:visited {color: #FFFFFF;}

#hideMenu {color: #663300;}
#mainMenu ul li {border-bottom: solid 1px #3399FF;}
#mainMenu ul a, #mainMenu ul a:hover, #mainMenu ul ul a, #mainMenu ul ul a:hover {color: #FFFFFF;background-color: #0000FF;}

#mainMenu #current, #mainMenu ul ul #current, #mainMenu ul ul #current:hover {color: #FFFF00;background-color: #FF0000;}
#mainMenu .currentAncestor {color: #FFFF00;background-color: #FF0000;}
#mainMenu ul a.currentAncestor {color: #FFFF00;background-color: #FF0000;}

#mainMenu ul .currentAncestor, #mainMenu ul .currentAncestor:hover #mainMenu ul ul .currentAncestor, #mainMenu ul ul .currentAncestor:hover  {color: #FFFF00;background-color: #FF0000;}

}