/* Responsive Styles -- Only triggered when appropriate class name is added to the body tag */
.mirage.enableResponsiveSupport #logoTitle .logo img, .mirage.enableResponsiveSupport .imageStyle, .mirage.enableResponsiveSupport video, .mirage.enableResponsiveSupport object, .mirage.enableResponsiveSupport embed {max-width: 100%;height: auto;}
.mirage.enableResponsiveSupport #headerImage { background-size: cover !important; }

/* Large screen displays & iPad in Landscape */
@media screen and (max-width: 1030px) {
	.mirage.enableResponsiveSupport .fixedWidthContents #topContainer, .mirage.enableResponsiveSupport #logoTitleWrapper.fixedWidth, .mirage.enableResponsiveSupport .fixedWidthContents #menuContainer, .mirage.enableResponsiveSupport .fullWidth #nav, .mirage.enableResponsiveSupport .fixedWidthContents #menuShadow, .mirage.enableResponsiveSupport #midContainer, .mirage.enableResponsiveSupport #EC6Wrapper, .mirage.enableResponsiveSupport #bottomContainer {max-width: 86%;/*margin-left: 7%;*/}
	.mirage.enableResponsiveSupport .fixedWidthContents #headerImageLower, .mirage.enableResponsiveSupport #nav, .mirage.enableResponsiveSupport #breadcrumbcontainer { max-width: 100%; }
	.mirage.enableResponsiveSupport #EC1Wrapper { width: 88%; }
	.mirage.enableResponsiveSupport #EC1TabWrapper {width: 80%;margin-left: 10%;}
	.mirage.enableResponsiveSupport #extraContainer1 {width: 80%;}
	.mirage.enableResponsiveSupport #breadcrumbcontainer ul {margin-left:-10px;margin-right: 10px;}
}

/* Medium screen displays & iPad in Portrait */
@media screen and (max-width: 770px) {
	.mirage.enableResponsiveSupport .fixedWidthContents #topContainer, .mirage.enableResponsiveSupport #logoTitleWrapper.fixedWidth, .mirage.enableResponsiveSupport .fixedWidthContents #menuContainer, .mirage.enableResponsiveSupport .fullWidth #nav, .mirage.enableResponsiveSupport .fixedWidthContents #menuShadow, .mirage.enableResponsiveSupport #midContainer, .mirage.enableResponsiveSupport #EC6Wrapper, .mirage.enableResponsiveSupport #bottomContainer {max-width: 92%;/*margin-left: 4%;*/}
	.mirage.enableResponsiveSupport .fixedWidthContents #headerImageLower, .mirage.enableResponsiveSupport #nav, .mirage.enableResponsiveSupport #breadcrumbcontainer { max-width: 100%; }
	.mirage.enableResponsiveSupport #EC1Wrapper { width: 94%; }
	.mirage.enableResponsiveSupport #EC1TabWrapper {width: 86%;margin-left: 7%;height: 20px; }
	.mirage.enableResponsiveSupport #extraContainer1 {width: 86%;}
	.mirage.enableResponsiveSupport #breadcrumbcontainer ul {margin-left:-10px;margin-right: 10px;}
}

/* Small screen Styles */
@media screen and (max-width: 480px), (device-height: 568px) and (-webkit-min-device-pixel-ratio: 2) {
	html .mirage.enableResponsiveSupport {-webkit-text-size-adjust: none;}

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

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

	.mirage.enableResponsiveSupport #topContainer, .mirage.enableResponsiveSupport #menuContainer, .mirage.enableResponsiveSupport #nav, .mirage.enableResponsiveSupport #menuShadow, .mirage.enableResponsiveSupport #midContainer, .mirage.enableResponsiveSupport #headerImageLower, .mirage.enableResponsiveSupport #bottomContainer, .mirage.enableResponsiveSupport #contentContainer, .mirage.enableResponsiveSupport #contentContainer #content, .mirage.enableResponsiveSupport #sidebarContainer, .mirage.enableResponsiveSupport #EC6Wrapper, .mirage.enableResponsiveSupport #breadcrumbcontainer, .mirage.enableResponsiveSupport #footer, .mirage.enableResponsiveSupport .footer, .mirage.enableResponsiveSupport .photo-navigation {width: auto !important;max-width: 100% !important;margin: 0;}
	.mirage.enableResponsiveSupport #topContainer { position: relative; z-index: 10; }

	.mirage.enableResponsiveSupport #midContainer {position: relative;top: auto;top:-10px;}

	.mirage.enableResponsiveSupport #bottomContainer {top:auto;top:-10px;}

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

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

	.mirage.enableResponsiveSupport #headerImageWrapper {overflow: hidden;}
	.mirage.enableResponsiveSupport #headerImage {display: block;height: 80px !important;-webkit-border-radius: 0;-moz-border-radius: 0;}
	.mirage.enableResponsiveSupport #headerImageLower {overflow: hidden;}

	.mirage.enableResponsiveSupport #menuContainer, .mirage.enableResponsiveSupport #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;}

	.mirage.enableResponsiveSupport #mobileMenuTab { display: block;position: absolute;right: 5px;top: 20px;z-index: 10;padding: 10px 10px 8px 10px;cursor: pointer; }
	.mirage.enableResponsiveSupport #mobileMenuTab i { font-size: 20px; }

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

	.mirage.enableResponsiveSupport #breadcrumbTop {display: none;}

	.mirage.enableResponsiveSupport #contentContainer {float: none;}

	.mirage.enableResponsiveSupport #contentContainer #content {padding: 10px;}

	.mirage.enableResponsiveSupport #sidebarContainer {padding: 10px;float: none;}

	.mirage.enableResponsiveSupport #sidebarContainer #sidebar {}

	.mirage.enableResponsiveSupport #sidebarContainer .sideHeader {font-size: 1em;padding-bottom: 0.2em;}

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

	/* @group ExtraContent */
	.mirage.enableResponsiveSupport #EC1Tab, .mirage.enableResponsiveSupport #extraContainer1, .mirage.enableResponsiveSupport #extraContainer2, .mirage.enableResponsiveSupport #extraContainer3 {display:none;}
	.mirage.enableResponsiveSupport #EC6Wrapper { top: 0; }
	/* @end */

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

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

	.mirage.enableResponsiveSupport #breadcrumbcontainer li {float: left;}

	.mirage.enableResponsiveSupport #breadcrumbcontainer a {text-decoration: none;}

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

	/* @group Toolbar */
	/* Toolbar Styles */
	.mirage.enableResponsiveSupport #nav {margin: 0;padding: 0;height: auto;}

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

	/* Main Menu Items */
	.mirage.enableResponsiveSupport .menu ul #current, .mirage.enableResponsiveSupport .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;}

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

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

	/* Drop Down Menu Items */
	/* First Level */
	.mirage.enableResponsiveSupport .menu ul ul #current, .mirage.enableResponsiveSupport .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;}

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

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

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

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

	/* iPhone Menu CSS */
	.mirage.enableResponsiveSupport #nav {}

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

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

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

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

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

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

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

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

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

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

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

	/* Child Level 10 */
	.mirage.enableResponsiveSupport .menu ul ul ul ul ul ul ul ul ul ul {/* border-bottom: none; */}
	.mirage.enableResponsiveSupport .menu ul ul ul ul ul ul ul ul ul ul ul li a, .mirage.enableResponsiveSupport .menu ul ul li.ddarrow ul ul ul ul ul ul ul ul ul a {margin: 0; padding-left: 160px;}
	.mirage.enableResponsiveSupport .menu ul ul ul ul ul ul ul ul ul ul ul a{}
	.mirage.enableResponsiveSupport .menu ul ul ul ul ul ul ul ul ul ul ul a:hover{}
	.mirage.enableResponsiveSupport .menu ul ul ul ul ul ul ul ul ul ul ul .currentAncestor {}
	/* @end */

	.mirage.enableResponsiveSupport .photo-navigation { font-size: 3em; }
}