/* 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;}

}