/* iPhone and other Webkit-based mobile browsers CSS Styles*/
@media screen and (max-width: 480px) {

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

.imageStyle, video, object, embed {max-width: 100%;height: auto;}

#logo img {height: auto;}

#mainWrapper {width: 94%;margin-left: 3%;}
#pageTopWrapper {position: relative;top: auto;}
.headerImage { background-size: cover; }
#menuWrapper, #contentWrapper, #contentSidebar, #sidebarWrapper, #topSidebarWrapper {width: auto !important;float: none !important;}
#content {overflow: hidden;}
#content[style] { width: auto !important; }

#breadcrumbWrapper, #extraContainer1, #extraContainer7 {width: 94%;}
#breadcrumbWrapper, #extraContainer7 {margin-left: 3%;}

#breadcrumbContainer ul {background-image: none;height: auto;padding: 5px}
#breadcrumbContainer ul li {background-image: none;padding: 0;}
#breadcrumbContainer ul li:after {content: "→";line-height: 20px;}
#breadcrumbContainer a {height: 20px;line-height: 22px;padding: 0 5px;}
#breadcrumbContainer ul #bcNav {background-image: none;line-height: 20px;height: 20px;padding-right: 0;}
#bcNav span {line-height: 20px;margin-right: 5px}

#footerWrapper {position: relative;bottom: auto;}

/* Override Desktop Drop Down Menu CSS */

#menuWrapper {display: none; padding-top: 10px;}
#menuWrapper, #menu {float: none;}
#menu[style] { left: 0 !important; }

#mobileMenuTabWrapper {display: block;margin: 0;padding: 0;}
#mobileMenuTab {padding: 3px 5px;float: left;position: relative;z-index: 300;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;-webkit-box-shadow: 0 0 3px black;-moz-box-shadow: 0 0 3px black;box-shadow: 0 0 3px black;font-size: 0.85em;background-image: url(images/breadcrumbBackground.png);background-position: center center;background-repeat: repeat-x;}

/* Main Menu Items */
#menu ul {position: relative;height: auto;z-index: 100;padding-top: 3px;padding-right: 3px;-webkit-box-shadow: 0 0 3px black;-moz-box-shadow: 0 0 3px black;box-shadow: 0 0 3px black;}
#menu ul a {display: block;margin: 0;padding: 0 10px;}
#menu ul li {float: none;width: auto;}
#menu ul ul {margin: 3px 0 3px 10px;padding: 0;height: auto;position: relative;top: auto;width: auto;/* display: block; */}
#menu ul a:hover, #menu ul a:active {text-shadow: none;}

#menu ul li.ddarrow a {}
#menu ul li.ddarrow span {/* display: none; */position:absolute;top:0;right:0;float:right;height:1.7em;}

/* Drop Down Menu Items */
/* First Level */
#menu ul li ul li {width: auto;float: none;}
#menu ul ul a {margin: 0;}
#menu ul ul a:hover, #menu ul ul a:active {text-shadow: none;}

#menu ul ul li.ddarrow a {padding-right:3px;}
#menu ul ul li.ddarrow span {}

/* Second Level and Beyond */
#menu ul ul ul {top: auto;margin: 3px 0 3px 10px;padding: 0;}
#menu ul li ul ul {left: auto;}
#menu ul li:hover ul ul {display: block;}

}
body {background-color: #610000;}

#title h1 {color: #FFFFFF;}
#slogan h2 {color: #E6E6E6;}

#menu ul {border-bottom-color: #CCCCCC;}
#menu a {color: #FFFFFF;}
#menu a:hover, #menu a:hover[style] {color: #FFFFFF !important;}
#menu ul a:hover {background-color: #CC6666;}
#menu ul #current, #menu ul #current[style] {color: #FFFFFF !important;background-color: #CB6565;}
#menu ul .currentAncestor, #menu ul .currentAncestor[style] {color: #FFFFFF !important;background-color: #999999;}

#menu ul ul {border-left-color: #FFFFFF;background-color: #F5B1B4;}
#menu ul ul a, #menu ul ul a[style] {color: #444444 !important;text-shadow: 0 1px 0 #FFFFFF;}
#menu ul ul a:hover, #menu ul ul a:hover[style] {color: #FFFFFF !important;background-color: #BE5152;}
#menu ul ul #current, #menu ul ul #current[style] {color: #FFFFFF !important;background-color: #999999;}
#menu ul ul .currentAncestor, #menu ul ul .currentAncestor[style] {color: #FFFFFF !important;background-color: #666666;}
#menu ul ul li.ddarrow span {border-right-color: #000000;}

.largeScreenNav #menu ul { background-color: transparent; }
.largeScreenNav #menu ul a { color: #FFFFFF; }
.largeScreenNav #menu ul ul { background-color: #F5B1B4; }
.largeScreenNav #menu ul ul a, .largeScreenNav #menu ul ul a[style] {color: #444444;}

.smallScreenNav #menu ul { background-color: #F5B1B4; }
.smallScreenNav #menu ul a { color: #444444; }
.smallScreenNav #menu ul li.ddarrow span {border-right: 3px solid #000000;}

.headerImage {border-color: #FFFF00;}

#contentWrapper {border: 7px solid #CC6666;background: #993333;color: #E6E6E6;text-shadow: 0 1px 0 #000000;}
#contentSidebar .sideHeader, #contentSidebar .sidebar {color: #E6E6E6;text-shadow: 0 1px 0 #000000;}
#contentWrapper a, #contentSidebar .sideHeader a, #contentSidebar .sidebar a {color: #FFFF00;}
#contentWrapper a:hover, #contentSidebar .sideHeader a:hover, #contentSidebar .sidebar a:hover {color: #FFCC66;}

.sideHeader {color: #999999;}
.sidebar {color: #FFCCCC;text-shadow: 0 1px 0 #000000;}
.sidebar a {color: #8FA7C3;}
.sidebar a:hover {color: #8FA7C3;}

#breadcrumbContainer ul {background-color: #00FF00;}
#breadcrumbContainer a {color: #111111;text-shadow: 0 1px 0 #CCCCCC;}
#bcNav span {color: #FFFFFF;background-color: #B3B3B3;border-top: 1px solid #111111;border-bottom: 1px solid #AAAAAA;}

#footer {color: #666666;background-color: #888888;text-shadow: 0 1px 0 #D4D4D4;}
#footer a {color: #333333;text-shadow: 0 1px 0 #D4D4D4;}
#footer a:hover {color: #000000;text-shadow: 0 1px 0 #D4D4D4;}

#EC1Wrapper {background-color: #D4D4D4;}

#extraContainer1 {color: #444444;text-shadow: 0 1px 0 #E4E4E4;}
#extraContainer1 a {color: #466B9E;}
#extraContainer1 a:hover {color: #466B9E;}

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

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

#extraContainer4 {background-color: #E4E4E4;border: 7px solid #CCCCCC;color: #444444;text-shadow: 0 1px 0 #FFFFFF;}
#extraContainer4 a {color: #466B9E;}
#extraContainer4 a:hover {color: #466B9E;}

#extraContainer5 {background-color: #E4E4E4;border: 7px solid #CCCCCC;color: #444444;text-shadow: 0 1px 0 #FFFFFF;}
#extraContainer5 a {color: #466B9E;}
#extraContainer5 a:hover {color: #466B9E;}

#extraContainer6 {background-color: #E4E4E4;border: 7px solid #CCCCCC;color: #444444;text-shadow: 0 1px 0 #FFFFFF;}
#extraContainer6 a {color: #466B9E;}
#extraContainer6 a:hover {color: #466B9E;}

#EC7Wrapper {background-color: #E4E4E4;border-top: 7px solid #CCCCCC;border-bottom: 7px solid #CCCCCC;}

#extraContainer7 {color: #444444;text-shadow: 0 1px 0 #FFFFFF;}
#extraContainer7 a {color: #466B9E;}
#extraContainer7 a:hover {color: #466B9E;}

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

.blog-entry-body {border-top-color: #CCCCCC;}

.form-input-field {border: 1px solid #999999;background-color: #FFFFFF;color: #777777;}

.thumbnail-frame img {border-color: #CCCCCC;}
.thumbnail-frame img:hover {border-color: #999999;}
.thumbnail-caption {color: #999999;}
.photo-background {background-color: #FFFFFF;color: #000000;}
.photo-frame {border-color: #CCCCCC;}
.photo-caption {color: #999999;}
.photo-links a, .photo-links a:hover, .photo-links a:visited {color: #466B9E;}

.movie-thumbnail-frame a {border-color: #CCCCCC;}
.movie-thumbnail-frame a:hover {border-color: #999999;}
.movie-thumbnail-caption {color: #999999;}
.movie-background {background-color: #FFFFFF;}
.movie-frame object {border: solid 5px #CCCCCC;}
.movie-title {color: #000000;}

.filesharing-item {border-left-color: #FFFFFF;}
.filesharing-item-title {border-bottom-color: #CCCCCC;}

#mobileMenuTab {background-color: #466B9E;color: #FFFFFF;}

@media print {

#contentWrapper {text-shadow: none;border: none;}
#contentWrapper, .sideHeader, .sidebar {color: black;}
.sidebar {text-shadow: none;}
#bcNav span {border: 1px solid black;}

}


		body {background-image: none;}

body {background-position: top left;}

body {background-repeat: repeat-x;}

#logo { float: left; }

#titleSlogan { float: right; }

#menu ul ul, #menu ul li ul li {width: 17em;}
#menu ul li ul ul {left: 17em;}

.headerImage {background-image: none;}

#contentWrapper, #topSidebarWrapper, #sidebarWrapper, #extraContainer1, #extraContainer2, #extraContainer3, #extraContainer4, #extraContainer5, #extraContainer6, #extraContainer7 {line-height: 1.4em;}

#contentWrapper {width: 65%;}
#sidebarWrapper, #contentSidebar {width: 30%;}

/* iPad CSS Styles*/
@media only screen and (device-width: 768px) { 
	#mainWrapper, #breadcrumbWrapper, #extraContainer1, #extraContainer7 {width: 92%;margin-left: 4%;}
	.imageStyle, video, object, embed {max-width: 100%;height: auto;}
	.headerImage { background-size: cover; }
}

/* Large screen displays & iPad in Landscape */
@media screen and (max-width: 1030px) {
	#mainWrapper, #breadcrumbWrapper, #extraContainer1, #extraContainer7 {width: 86%;margin-left: 7%;}
	.headerImage { background-size: cover; }
	.imageStyle, video, object, embed {max-width: 100%;height: auto;}
}

/* Medium screen displays & iPad in Portrait */
@media screen and (max-width: 770px) {
	#mainWrapper, #breadcrumbWrapper, #extraContainer1, #extraContainer7 {width: 92%;margin-left: 4%;}
	.headerImage { background-size: cover; }
	.imageStyle, video, object, embed {max-width: 100%;height: auto;}
}

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

/* iPhone and other Webkit-based mobile browsers CSS Styles*/
@media screen and (max-width: 480px) { .headerImage { display: none; } }

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

#menu ul {border-bottom-width: 3px;}
#menu ul ul {border-bottom-width: 0;}