body {color:#E6E6E6;background-color: #221824;}
a {color: #FFFFFF;}
a:hover, a:active {color: #CCCCCC;}

#topContainer {background-color: #4B344F;}

#title {color: #E6E6E6;text-shadow: 0 1px 0 #191919;}
#slogan {color: #B3B3B3;}

#mainMenu a {color: #E6E6E6;background-color:#DCA6DC;border-left: 1px solid #DCA6DC; border-right: 1px solid #DCA6DC; border-top: 1px solid #DCA6DC;}
#mainMenu a:hover {color: #FFFFFF;background-color: #B37FB4;border-left: 1px solid #B37FB4; border-right: 1px solid #B37FB4; border-top: 1px solid #B37FB4;}
#mainMenu .current, #mainMenu ul a.currentAncestor, #mainMenu .current:hover, #mainMenu ul a.currentAncestor:hover {color: #CCCCCC;background-color:#6C4F71;border-left: 1px solid #6C4F71; border-right: 1px solid #6C4F71; border-top: 1px solid #6C4F71;}

#subMenu ul ul li a {color: #E6E6E6; background-color: #795B79;}
#subMenu ul ul a:hover {color: #FFFFFF;}
#subMenu .current, #subMenu ul ul a.currentAncestor, #subMenu .current:hover, #subMenu ul ul a.currentAncestor:hover {color: #CCCCCC; background-color:#333333; }

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

#sub3Menu ul ul { border-left-color: #4E3450;border-right-color: #4E3450;border-top-color: #4E3450; }
#sub3Menu ul ul li a {color: #336699;border-bottom:1px solid #4E3450;background-color:#DCA6DB;}
#sub3Menu ul ul .current, #sub3Menu ul ul a.currentAncestor {color: #336699;background-color:#6B4E71;}
#sub3Menu ul ul a:hover {color: #336699;background-color:#B27EB4;}

#sub3Menu ul ul ul li a {color: #336699;border-bottom:1px solid #4E3450;background-color:#DCA6DB;}
#sub3Menu ul ul ul .current, #sub3Menu ul ul ul a.currentAncestor {color: #336699;background-color:#6B4E71;}
#sub3Menu ul ul ul a:hover {color: #336699;background-color:#B27EB4;}

#sub3Menu ul ul ul ul li a {color: #336699;border-bottom:1px solid #4E3450;background-color:#DCA6DB;}
#sub3Menu ul ul ul ul .current, #sub3Menu ul ul ul ul a.currentAncestor {color: #336699;background-color:#6B4E71;}
#sub3Menu ul ul ul ul a:hover {color: #336699;background-color:#B27EB4;}

#colorBar {background-color: #4E3652;}

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

#contentContainer a {color: %colour_mainContent_links%;}

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

#bottomBorderContainer { background-color: #333333; }

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

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

.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 #262626;}
.movie-frame {border: solid 3px #262626;}

/* iPhone specific color styles */

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

body {background-color: #221824;}
#topContainer {background-color: #4B344F;}
#title {color: #E6E6E6;text-shadow: 0 1px 0 #191919;}
#slogan {color: #B3B3B3;}
#sideToggle {background-color: #DCA6DC;border: 1px solid #DCA6DC;}
#sideToggle a {color: #E6E6E6;}
#menuToggle {color: #E6E6E6;background-color: #DCA6DC;border: 1px solid #DCA6DC;}
#mainMenuWrapper {background-color: #4B344F;border: 1px solid #4B344F;}
#midContainer {background-color: #333333;}
#footer {background-color: #221824;color: #BABABA;border-top: solid 1px #3C2840;}
#footer a:link, #footer a:visited {color: #FFFFFF;}

#hideMenu {color: #E6E6E6;}
#mainMenu a {color: #E6E6E6;border-top: solid 1px #4B344F;background-color: #DCA6DC;}
#mainMenu a:hover {border-top:solid 1px #4B344F;background-color: #DCA6DC;}
#mainMenu a:active {border-top:solid 1px #4B344F;background-color: #DCA6DC;}

#mainMenu .current {color: #CCCCCC;background-color: #6C4F71;border-top:solid 1px #4B344F;}
#mainMenu .current:hover {border-top:solid 1px #6C4F71;}
#mainMenu .currentAncestor {color: #CCCCCC;background-color: #6C4F71;border-top:solid 1px #4B344F;}
#mainMenu ul a.currentAncestor {color: #CCCCCC;background-color: #6C4F71;border-top:solid 1px #4B344F;}

#mainMenu ul .currentAncestor {color: #CCCCCC;background-color: #6C4F71;border-top:solid 1px #4B344F;}

}