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

#topContainer {background-color: #000000;}

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

#mainMenu ul a {color: #E6E6E6;background-color:#000000;border-left: 1px solid #000000; border-right: 1px solid #000000; border-top: 1px solid #000000;}
#mainMenu ul a:hover {color: #FF0000;background-color: #000000;border-left: 1px solid #000000; border-right: 1px solid #000000; border-top: 1px solid #000000;}
#mainMenu ul .current, #mainMenu ul .currentAncestor, #mainMenu ul .current:hover, #mainMenu ul .currentAncestor:hover {color: #FF0000;background-color:#000000;border-left: 1px solid #000000; border-right: 1px solid #000000; border-top: 1px solid #000000;}

#mainMenu ul ul {border: 1px solid #80FF00;border-top: none;background-color: #808080;}
#mainMenu ul ul a {color: #000000;border-left:none;border-right:none;border-top:none;border-bottom: dotted 1px#80FF00;}
#mainMenu ul ul a:hover {color: #FF0000;background-color: #999999;}
#mainMenu ul ul li:first-child { border-top: dotted 1px #80FF00; }
#mainMenu ul ul .current, #mainMenu ul ul .current:hover, #mainMenu ul ul .currentAncestor, #mainMenu ul ul .currentAncestor:hover {color: #FFFFFF;background-color: #FF0000;border-left: none;border-right: none;border-top: none;}
#mainMenu ul ul ul { border: 1px solid #80FF00; }

#subMenu ul ul li a {color: #FFFFFF; background-color: #336699;}
#subMenu ul ul a:hover {color: #FFFFFF;}
#subMenu .current, #subMenu ul ul a.currentAncestor, #subMenu .current:hover, #subMenu ul ul a.currentAncestor:hover {color: #333333; background-color:#000000; }

#sub2Menu ul ul ul li a {color: #333333;bottom-border:2px solid #333333;background-color:#000000;}
#sub2Menu ul ul ul a:hover {color: #666666;}
#sub2Menu ul ul ul .current, #sub2Menu ul ul ul a.currentAncestor {color: #466B9E;border-bottom:2px solid #000000;}

#sub3Menu ul ul { border-left-color: #CCCCCC;border-right-color: #CCCCCC;border-top-color: #CCCCCC; }
#sub3Menu ul ul li a {color: #336699;border-bottom:1px solid #CCCCCC;background-color:#E4E4E4;}
#sub3Menu ul ul .current, #sub3Menu ul ul a.currentAncestor {color: #336699;background-color:#FFFFFF;}
#sub3Menu ul ul a:hover {color: #336699;background-color:#E4E4E4;}

#sub3Menu ul ul ul li a {color: #336699;border-bottom:1px solid #CCCCCC;background-color:#E4E4E4;}
#sub3Menu ul ul ul .current, #sub3Menu ul ul ul a.currentAncestor {color: #336699;background-color:#FFFFFF;}
#sub3Menu ul ul ul a:hover {color: #336699;background-color:#E4E4E4;}

#sub3Menu ul ul ul ul li a {color: #336699;border-bottom:1px solid #CCCCCC;background-color:#E4E4E4;}
#sub3Menu ul ul ul ul .current, #sub3Menu ul ul ul ul a.currentAncestor {color: #336699;background-color:#FFFFFF;}
#sub3Menu ul ul ul ul a:hover {color: #336699;background-color:#E4E4E4;}

#colorBar {background-color: #000000;}

#midContainerWrapper {background-color:#000000;}
#midContainer {border-left: 1px solid #000000; border-right: 1px solid #000000;background-color:#000000;}

#contentContainer a {color: %colour_mainContent_links%;}

#sidebarContainer .sideHeader {border-bottom: 2px solid #000000;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: #000000 url(../images/bottomborder.png) top center repeat-x; border-bottom: 1px solid #000000; }

#bottomBorderContainer { background-color: #000000; }

#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;}

blockquote, .standout { background-color: #E4E4E4; }

.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 screen and (max-width: 480px) {

body {background-color: #222222;}
#topContainer {background-color: #000000;}
#title {color: #FFFFFF;text-shadow: 0 1px 0 #000000;}
#slogan {color: #DADADA;}
#mobileSidebarTab {background-color: #000000;border: 1px solid #000000;}
#mobileSidebarTab a {color: #E6E6E6;}
#mobileMenuTab {color: #E6E6E6;background-color: #000000;border: 1px solid #000000;}
#mainMenuWrapper {background-color: #000000;border: 1px solid #000000;}
#midContainer, #sidebarContainer {background-color: #000000;}
#footer {background-color: #222222;color: #BABABA;border-top: solid 1px #CCCCCC;}
#footer a:link, #footer a:visited {color: #FFFFFF;}

#mobileSidebarTab {background: #000000 url(../images/menuitembg.png) top center repeat-x;border:1px solid #000000;}
#mobileSidebarTab a {text-decoration: none;color: #E6E6E6;}

#mobileMenuTab {color: #E6E6E6;background: #000000 url(../images/menuitembg.png) top center repeat-x;border:1px solid #000000;}

#hideMenu {color: #FFFFFF;}
#mainMenu ul { background-color: #000000; }
#mainMenu ul a { color: #E6E6E6;border-left: none; border-right: none; border-bottom: none; border-top: solid 1px #000000; }
#mainMenu ul a:hover { border-left: none; border-right: none; border-bottom: none; border-top: solid 1px #000000; }
#mainMenu ul li:first-child { border-top: none; }
#mainMenu ul ul { background-color: #808080; }
#mainMenu ul ul a { border-bottom: none; border-top: dotted 1px #80FF00; }
#mainMenu ul ul a:hover { border-bottom: none; border-top: dotted 1px #80FF00 !important; }
#mainMenu ul ul li:first-child { border-bottom:none; border-top: none; }

#mainMenu ul .current, #mainMenu ul .currentAncestor, #mainMenu ul .current:hover, #mainMenu ul .currentAncestor:hover {color: #FF0000;background-color: #000000;border-left: none; border-right: none;border-top: solid 1px #000000;}
#mainMenu ul ul .current, #mainMenu ul ul .currentAncestor, #mainMenu ul ul .current:hover, #mainMenu ul ul .currentAncestor:hover { border-top: dotted 1px #80FF00; }

}