body {color:#000000;background-color: #222222;}
a {color: #466B9E;}
a:hover, a:active {color: #466B9E;}

#topContainer {background-color: #336699;}

#title {color: #FFFFFF;text-shadow: 0 1px 0 #000000;}
#slogan {color: #DADADA;}

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

#mainMenu ul ul {border: 1px solid #FFFFFF;border-bottom: none;}
#mainMenu ul ul a {color: #000000;background-color: #FFFFFF;border-bottom: 1px solid #FFFFFF;}
#mainMenu ul ul a:hover {color: #000000;background-color: #DADADA;}

#mainMenu ul #current, #mainMenu ul .currentAncestor, #mainMenu ul #current:hover, #mainMenu ul .currentAncestor:hover {background-color: #99CCFF;color: #FFFFFF;border-right: 1px solid #99CCFF;border-left: 1px solid #99CCFF;border-top: 1px solid #99CCFF;}
#mainMenu ul ul #current, #mainMenu ul ul #current:hover {color: #FFFFFF;background-color: #99CCFF;}
#mainMenu ul ul .currentAncestor, #mainMenu ul ul .currentAncestor:hover {color: #FFFFFF;background-color: #B0B0B0;}

#colorBar {background-color: #FFFFFF;}

#midContainerWrapper {background-color:#E4E4E4;}
#midContainer {border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC;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: #E4E4E4 url(images/bottomborder.png) top center repeat-x; border-bottom: 1px solid #CCCCCC; }

#bottomBorderContainer { background-color: #E4E4E4; }

#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: #BABABA;}
#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: #222222;}
#topContainer {background-color: #336699;}
#title {color: #FFFFFF;text-shadow: 0 1px 0 #000000;}
#slogan {color: #DADADA;}
#sideToggle {background-color: #FFFFFF;border: 1px solid #FFFFFF;}
#sideToggle a {color: #000000;}
#menuToggle {color: #000000;background-color: #FFFFFF;border: 1px solid #FFFFFF;}
#mainMenuWrapper {background-color: #336699;border: 1px solid #336699;}
#midContainer {background-color: #FFFFFF;}
#footer {background-color: #222222;color: #BABABA;border-top: solid 1px #CCCCCC;}
#footer a:link, #footer a:visited {color: #FFFFFF;}

#hideMenu {color: #FFFFFF;}
#mainMenu ul li {border-bottom: solid 1px #336699;}
#mainMenu ul a, #mainMenu ul a:hover, #mainMenu ul ul a, #mainMenu ul ul a:hover {color: #000000;background-color: #FFFFFF;}

#mainMenu #current, #mainMenu ul ul #current, #mainMenu ul ul #current:hover {color: #FFFFFF;background-color: #99CCFF;}
#mainMenu .currentAncestor {color: #FFFFFF;background-color: #99CCFF;}
#mainMenu ul a.currentAncestor {color: #FFFFFF;background-color: #99CCFF;}

#mainMenu ul .currentAncestor, #mainMenu ul .currentAncestor:hover #mainMenu ul ul .currentAncestor, #mainMenu ul ul .currentAncestor:hover  {color: #FFFFFF;background-color: #99CCFF;}

}