html {-webkit-text-size-adjust: none;}

/* @group General Styles */
img {border: none;}
.imageStyle, video, object, embed {max-width: 100%;height: auto;}
.image-left {padding-right: 10px;}
.image-right {padding-left: 10px;}
.clearer {clear: both;}

/* @end */
/* @group Layout */
#container {margin:0;padding: 0;}

#EC1WrapperContainer, #EC1Wrapper, #EC1TabWrapper {display: none;width: auto;}

#topContainer, #menuContainer, #nav, #menuShadow, #midContainer, #headerImageLower, #bottomContainer, #contentContainer, #contentContainer #content, #sidebarContainer, #EC6Wrapper, #breadcrumbcontainer, #footer, .footer, .photo-navigation {width: auto !important;margin: 0;}

#midContainer {position: relative;margin-top: -15px;top: auto;}

#bottomContainer {top:auto;}

.clearer {clear: both;}

#logoTitleWrapper {height: 80px;}
#logoTitle, #logoTitle[style] {margin: 8px 5px 5px;width: auto !important;bottom: auto;top: 0;}
#logoTitle img {}
#logoTitle h1 {margin: 0;padding: 0;font-size: 1.4em;}
#logoTitle h2 {margin: 0;padding: 0;font-size: 1em;}

.logo, .titleSlogan {height: auto !important;}

#headerImageWrapper {overflow: hidden;}
#headerImage {display: block;height: 80px !important;background-size: cover;-webkit-border-radius: 0;-moz-border-radius: 0;}
#headerImageLower {overflow: hidden;}

#menuContainer, #menuContainer[style] {display: none;padding-top: 10px;width:auto;height: auto;-webkit-border-radius: 0 !important;-moz-border-radius: 0 !important;border-radius: 0 !important;background-image: url(images/menuShadow.png);background-position: top;background-repeat: repeat-x;}

#mobileMenuTab { display: block;position: absolute;right: 5px;top: 5px;z-index: 10;width: 30px;height: 50px;background: url(images/mobileMenuTab.png) 0 -50px;cursor: pointer; }

#menuShadow {margin-top:5px;height: 10px;background: transparent url(images/menuShadow.png) top repeat-x;position: relative;z-index: 10;}

#breadcrumbTop {display: none;}

#contentContainer {float: none;}

#contentContainer #content {padding: 10px;}

#sidebarContainer {padding: 10px;float: none;}

#sidebarContainer #sidebar {}

#sidebarContainer .sideHeader {font-size: 2em;padding-bottom: 0.2em;}

#footer {padding:0 5px;height: 2.3em;line-height: 2.2em;-webkit-border-bottom-right-radius: 0;-webkit-border-bottom-left-radius: 0;}
#footer a:link, #footer a:visited {}
#footer a:hover, #footer a:active {}
.footer {width: auto;text-align: center;font-size: 0.8em;}
	
/* @end */

/* @group ExtraContent */
#EC1Tab, #extraContainer1, #extraContainer2, #extraContainer3 {display:none;}

/* @end */


/* @group Bread-crumb */
#breadcrumbcontainer {width: auto;margin: 0;padding: 0;font-size: 0.8em;}

#breadcrumbcontainer ul {margin: 0;padding: 0;list-style: none;float: left;}

#breadcrumbcontainer li {float: left;}

#breadcrumbcontainer a {text-decoration: none;}

#breadcrumbcontainer a:hover {text-decoration: underline;}
	
/* @end */

/* @group Toolbar */

/* Toolbar Styles */

#nav {margin: 0;padding: 0;height: auto;}

/* >>> Reset Drop Down Menu CSS Values from Desktop Version <<< */

/* Main Menu Items */
.menu ul #current, .menu ul .currentAncestor {position: relative;top: auto;height: auto;line-height: normal;-moz-border-radius-topleft: 0;-moz-border-radius-topright: 0;-webkit-border-top-right-radius: 0;-webkit-border-top-left-radius: 0;}

.menu ul {margin: 0;padding: 0;list-style-type: none;list-style-position: outside;position: relative;height: auto;line-height: normal;}
.menu ul[style] { width: auto !important; }
.menu li {position: relative;float: none;height: auto;}
.menu ul li {padding: 0;height: auto;}
.menu ul a {display: block;padding: 0 10px;text-decoration: none;height: auto;}
.menu ul a:hover {height: auto;}

.menu ul li.ddarrow a {padding-right: 10px;}

/* Drop Down Menu Items */
/* First Level */
.menu ul ul #current, .menu ul ul .currentAncestor {position: relative;top: auto;height: auto;line-height: normal;-moz-border-radius-topleft: 0;-moz-border-radius-topright: 0;-webkit-border-top-right-radius: 0;-webkit-border-top-left-radius: 0;}

.menu ul ul {position: relative;width: auto;top: auto;display: block;border: none !important;}
.menu ul ul a {display: block;width: auto;float: none;padding: 0 10px;text-decoration: none;}
.menu ul ul a:hover {}
.menu ul ul li:first-child {border-top: none;}

.menu ul ul li.ddarrow a {padding: 0 20px 0 25px;}
.menu ul ul li.ddarrow span {background-image: url(images/ddarrow-down.png);}

/* Second Level and Beyond */
.menu ul ul ul {top: auto;border-top: none;}
.menu ul li ul ul {left: auto;margin: 0;}

/* >>> End Reset CSS <<< */

/* iPhone Menu CSS */
#nav {}

#hideMenu {margin: 0 7px 3px;padding:0;display:block;height:20px;line-height:20px;background: transparent;text-align: right;font-size: 10px;cursor: pointer;}

.menu {margin: 0;padding:0;font-size: 1.2em;}
.menu a {margin: 0;padding:0;display:block;}
.menu ul {display:block;}
.menu ul a, .menu ul ul a, .menu ul a:hover, .menu ul ul a:hover {display:block;height: 30px;line-height: 30px;}
.menu ul #current, .menu ul ul #current {font-weight: bold;height: 30px;line-height: 30px;}
.menu #current:hover {}
.menu ul .currentAncestor {display:block;height: 30px;line-height: 30px;}

/* Child - Level 1 */
.menu ul ul {margin:0;padding:0;/* border-bottom: none; */}
.menu ul ul li {}
.menu ul ul li a {margin: 0; padding-left: 25px;}
.menu ul ul .currentAncestor {height: 30px;line-height: 30px;}

/* Child - Level 2 */

.menu ul ul ul{/* border-bottom: none; */}
.menu ul ul ul li a, .menu ul ul li.ddarrow ul a {margin: 0; padding-left: 40px;}
.menu ul ul ul .currentAncestor {}

/* Child Level 3 */

.menu ul ul ul ul {/* border-bottom: none; */}
.menu ul ul ul ul li a, .menu ul ul li.ddarrow ul ul a {margin: 0; padding-left: 55px;}
.menu ul ul ul ul .currentAncestor {}

/* Child Level 4 */

.menu ul ul ul ul {/* border-bottom: none; */}
.menu ul ul ul ul ul li a, .menu ul ul li.ddarrow ul ul ul a {margin: 0; padding-left: 70px;}
.menu ul ul ul ul ul a{}
.menu ul ul ul ul ul a:hover{}
.menu ul ul ul ul ul .currentAncestor {}

/* Child Level 5 */

.menu ul ul ul ul ul {/* border-bottom: none; */}
.menu ul ul ul ul ul ul li a, .menu ul ul li.ddarrow ul ul ul ul a {margin: 0; padding-left: 85px;}
.menu ul ul ul ul ul ul a{}
.menu ul ul ul ul ul ul a:hover{}
.menu ul ul ul ul ul ul .currentAncestor {}

/* Child Level 6 */

.menu ul ul ul ul ul ul {/* border-bottom: none; */}
.menu ul ul ul ul ul ul ul li a, .menu ul ul li.ddarrow ul ul ul ul ul a {margin: 0; padding-left: 100px;}
.menu ul ul ul ul ul ul ul a{}
.menu ul ul ul ul ul ul ul a:hover{}
.menu ul ul ul ul ul ul ul .currentAncestor {}

/* Child Level 7 */

.menu ul ul ul ul ul ul ul {/* border-bottom: none; */}
.menu ul ul ul ul ul ul ul ul li a, .menu ul ul li.ddarrow ul ul ul ul ul ul a {margin: 0; padding-left: 115px;}
.menu ul ul ul ul ul ul ul ul a{}
.menu ul ul ul ul ul ul ul ul a:hover{}
.menu ul ul ul ul ul ul ul ul .currentAncestor {}

/* Child Level 8 */

.menu ul ul ul ul ul ul ul ul {/* border-bottom: none; */}
.menu ul ul ul ul ul ul ul ul ul li a, .menu ul ul li.ddarrow ul ul ul ul ul ul ul a {margin: 0; padding-left: 130px;}
.menu ul ul ul ul ul ul ul ul ul a{}
.menu ul ul ul ul ul ul ul ul ul a:hover{}
.menu ul ul ul ul ul ul ul ul ul .currentAncestor {}

/* Child Level 9 */

.menu ul ul ul ul ul ul ul ul ul {/* border-bottom: none; */}
.menu ul ul ul ul ul ul ul ul ul ul li a, .menu ul ul li.ddarrow ul ul ul ul ul ul ul ul a {margin: 0; padding-left: 145px;}
.menu ul ul ul ul ul ul ul ul ul ul a{}
.menu ul ul ul ul ul ul ul ul ul ul a:hover{}
.menu ul ul ul ul ul ul ul ul ul ul .currentAncestor {}

/* Child Level 10 */

.menu ul ul ul ul ul ul ul ul ul ul {/* border-bottom: none; */}
.menu ul ul ul ul ul ul ul ul ul ul ul li a, .menu ul ul li.ddarrow ul ul ul ul ul ul ul ul ul a {margin: 0; padding-left: 160px;}
.menu ul ul ul ul ul ul ul ul ul ul ul a{}
.menu ul ul ul ul ul ul ul ul ul ul ul a:hover{}
.menu ul ul ul ul ul ul ul ul ul ul ul .currentAncestor {}

/* @end */

.photo-navigation { font-size: 3em; }
body {background-color: #031D44;color: #000000;}

a {color: #0000FF;}
a:hover {color: #797161;}

#logoTitle h1 {color: #FFFFFF;text-shadow: 0 1px 0 #191919;}
#logoTitle h2 {color: #DEDEDE;}

#midContainer {background-color: #FFFFFF;}

#menuContainer {background-color: #000000;}

#mobileMenuTab { background-color: #666666 !important; }
#hideMenu {color: #D9D5CC;}

.menu ul a {color: #D9D5CC;}
.menu ul a:hover {background-color: #1D1F24;color: #FFFFFF;}

.menu ul ul {border-bottom: 1px solid #202339;border-left: 1px solid #202339;border-right: 1px solid #202339;border-top-color: #202339;background-color: #232630;}
.menu ul ul a {color: #D8D4CB;background-color: #232630;border-bottom: 1px dotted #464B57;}
.menu ul ul li:first-child {border-top: 1px dotted #464B57;}
.menu ul ul a:hover {color: #D7D3CA;background-color: #5965A9;}

.menu ul #current, .menu ul .currentAncestor, .menu ul #current:hover, .menu ul .currentAncestor:hover {background-color: #A4D035;color: #333333;}
.menu ul ul #current, .menu ul ul #current:hover {color: #333333;background-color: #A4D035;}
.menu ul ul .currentAncestor, .menu ul ul .currentAncestor:hover {color: #D7D3C8;background-color: #697081;}

.menu ul ul ul {border-top: 1px solid #202339;}

#sidebarContainer .sideHeader {color: #797161;}
#sidebarContainer #sidebar a {color: #0000FF;}
#sidebarContainer #sidebar a:hover {color: #797161;}

.form-input-field {border-color: #BBBBBB;background-color: #EEEEEE;color: #666666;}

#EC1Wrapper {background-color: #111111;}
#EC1Tab {background-color: #CC0000;color: #FFFFFF;}
#closeButton {background-color: #CC0000;color: #FFFFFF;}
#extraContainer1 {color: #FFFFFF;}
#extraContainer1 a {color: #0000FF;}
#extraContainer1 a:hover {color: #466B9E;}
#extraContainer2, #extraContainer3 {background-color: #000000;color: #000000;}
#extraContainer2 a, #extraContainer3 a {color: #0000FF;}
#extraContainer2 a:hover, #extraContainer3 a:hover {color: #466B9E;}
#extraContainer4 {background-color: #4E493E;color: #DADADA;border-bottom: 3px solid #1C1F31;}
#extraContainer4 a {color: #466B9E;}
#extraContainer4 a:hover {color: #466B9E;}
#extraContainer5 {background-color: #E4E4E4;color: %colour_EC5_text%;border-top: 2px solid #666666;border-bottom: 2px solid #666666;}
#extraContainer5 a {color: #466B9E;}
#extraContainer5 a:hover {color: #466B9E;}
#extraContainer6 {background-color: #E4E4E4;color: #000000;border-top: 3px solid #666666;}
#extraContainer6 a {color: #0000FF;}
#extraContainer6 a:hover {color: #466B9E;}

#footer {background-color: #131523;color: #6573BF;}
#footer a {color: #FFFFFF;}
#footer a:hover {color: #FFFFFF;}

#breadcrumbcontainer {color: #E6E6E6;}
#breadcrumbcontainer a {color: #797161;}
#breadcrumbcontainer a:hover {color: #FFFFFF;}

.thumbnail-caption {color: #999999;}
.photo-caption {color: #999999;}
.photo-frame, .thumbnail-frame {border: solid 5px #DADADA;}
.exif-data {color: #000000;}

.movie-thumbnail-caption {color: #999999;}
.movie-title {color: #999999;}
.movie-thumbnail-frame img {border: solid 5px #DADADA;}
.movie-frame {border: solid 5px #DADADA;}


		#topContainer, #menuContainer, #nav, #menuShadow, #midContainer, #headerImageLower, #EC6Wrapper, #bottomContainer, #breadcrumbcontainer {width: 1000px;}

#EC1Wrapper {width: 1050px;}
#EC1TabWrapper {width: 970px;}
#extraContainer1 {width: 950px;}

body { font-family: Verdana, sans-serif; }

#headerImage {background-image: none;}

#headerImage, #logoTitleWrapper {height: 100px;}
#logoTitle {margin-top: 15px;}
#extraContainer3 {max-height: 60px;}

.titleSlogan {display: none;}

.menu a {font-variant:small-caps;}

.menu ul ul a {width: 175px;}
.menu ul li ul ul {left: 190px;}

#sidebarContainer {display: none;}
#contentContainer, #contentContainer #content {width: 98% !important;}

#flashcontent {text-align: center;}

#EC1Tab {display: block;}

#container {margin-top: -70px;padding-top: 80px;}

#extraContainer2 {display: inline-block;}

#logoTitleUpper {width: 60%;float: left;}

#extraContainer6 {display: block;}

#extraContainer3 {background: transparent url(images/darkalphabg.png) repeat;}

/* iPad CSS Styles*/
@media only screen and (device-width: 768px) {
	#topContainer, #menuContainer, #menuShadow, #midContainer, #headerImageLower, #EC6Wrapper, #bottomContainer {width: 92%;margin-left: 4%;}
	#headerImageLower, #nav, #breadcrumbcontainer { width: 100%; }
	#EC1Wrapper { width: 94%; border: solid dotted pink; }
	#EC1TabWrapper {width: 86%; height: 20px;border: solid dotted green;}
	#extraContainer1 {width: 86%;}
	.imageStyle, video, object, embed {max-width: 100%;height: auto;}
	#headerImage { background-size: cover; }
	#breadcrumbcontainer ul {margin-left:-10px;margin-right: 10px;}
}

/* Large screen displays & iPad in Landscape */
@media screen and (max-width: 1030px) {
	#topContainer, #menuContainer, #menuShadow, #midContainer, #EC6Wrapper, #bottomContainer {width: 86%;margin-left: 7%;}
	#headerImageLower, #nav, #breadcrumbcontainer { width: 100%; }
	#EC1Wrapper { width: 88%; }
	#EC1TabWrapper {width: 80%;margin-left: 10%;}
	#extraContainer1 {width: 80%;}
	.imageStyle, video, object, embed {max-width: 100%;height: auto;}
	#headerImage { background-size: cover; }
	#breadcrumbcontainer ul {margin-left:-10px;margin-right: 10px;}
}

/* Medium screen displays & iPad in Portrait */
@media screen and (max-width: 770px) {
	#topContainer, #menuContainer, #menuShadow, #midContainer, #EC6Wrapper, #bottomContainer {width: 92%;margin-left: 4%;}
	#headerImageLower, #nav, #breadcrumbcontainer { width: 100%; }
	#EC1Wrapper { width: 94%; }
	#EC1TabWrapper {width: 86%;margin-left: 7%;height: 20px; }
	#extraContainer1 {width: 86%;}
	.imageStyle, video, object, embed {max-width: 100%;height: auto;}
	#headerImage { background-size: cover; }
	#breadcrumbcontainer ul {margin-left:-10px;margin-right: 10px;}
}

/* Small screen Styles */
@media screen and (max-width: 480px) {
	@import url("iPhone.css");
}

@media only screen and (max-device-width: 480px) {
.stacks_div, .stacks_left, .stacks_right, .stacks_middle, .stacks_float_left, .stacks_float_right { float: none !important;width: auto !important; }
}

.menu ul ul {opacity:0.93;}
.menu ul ul ul {opacity:1;}

#EC6Wrapper {margin: 15px auto 0;}