/* CSS Document */

@media (min-width: 1025px) {
	.nav-global-mobile, .toggle-mobile-nav, #globalNav ul li.mobile-search {
		display: none;
	}
}
@media (max-width: 1024px) {
	* {
		webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;		
	}
	.mobile-nav {
		overflow-x: hidden;
	}
	.toggle-mobile-nav {
		background: url(/common/images/navigation/mobile-menu.png) no-repeat center top;
		height: 30px;
		width: 30px;
		text-indent: -9999px;
		overflow: hidden;
		display: block;
		position: absolute;
		top: 25px;
		left: 0;
		padding: 0 30px;
		-moz-transition: background-color 300ms;
		-webkit-transition: background-color 300ms;
		-o-transition: background-color 300ms;
		transition: background-color 300ms;
		z-index: 1200;
	}
	.toggle-mobile-nav:hover, .toggle-mobile-nav:active, .toggle-mobile-nav:focus {
		background-position: center -40px;
	}
	#wrapper, #footer, #siteInfo {
		width: 100%;
		position: relative;
		left: 0;
		-moz-transition: all 500ms;
		-webkit-transition: all 500ms;
		-o-transition: all 500ms;
		transition: all 500ms;
	}
	.mobile-nav #wrapper, .mobile-nav #footer, .mobile-nav #siteInfo {
		left: 50%;
	}
	#globalNav {
		width: 50%;
		left: -50%;
		height: 100%;
		top: 0;
		z-index: 1000;
		position: absolute;
		-moz-transition: all 500ms;
		-webkit-transition: all 500ms;
		-o-transition: all 500ms;
		transition: all 500ms;
		text-align: left;
		padding: 20px 0px 0px 0px;
		float: none;
	}
	.mobile-nav .nav-global-mobile {
		left: 0%;
	}
	.nav-global-mobile ul {
		list-style: none;
		margin: 0px;
		padding: 0px;
	}
	#globalNav ul li {
		float: none;
		margin: 0px;
		padding: 0px;
		display:block;
		-moz-transition: all 300ms;
		-webkit-transition: all 300ms;
		-o-transition: all 300ms;
		transition: all 300ms;
	}
	.mobile-nav .nav-global-mobile li {
		overflow: visible;
		border-bottom: 1px solid #ccc;
		border-right: 1px solid #ccc;
	}
	.mobile-nav .nav-global-mobile li li {
		border: 0;
	}
	#globalNav ul li {
		height: auto;
	}
	#globalNav ul li a {
		color: #fff;
		display:block;
		padding: 10px 30px 10px 20px;
		font-weight: normal;
		font-size: 13px;
		font-weight: bold;
		-moz-transition: all 300ms;
		-webkit-transition: all 300ms;
		-o-transition: all 300ms;
		transition: all 300ms;
	}
	.nav-global-mobile a:hover {
		color: #FFFFFF;
		text-decoration: none;
	}
	.nav-global-mobile li:first-child a {
		border-top: 1px solid #ccc;
	}
	.nav-global-mobile li li:first-child a {
		border-top: 0;
	}
	.nav-global-mobile .active, .nav-global-mobile .active a {
		color: #fff;
	}
	
	.nav-global-mobile ul ul {
		display: none;
	}
	.nav-global-mobile .active ul {
		display: block;
		border-bottom: 1px solid #ccc;
	}
	.nav-global-mobile li ul a, .nav-global-mobile li.active > ul a {
		background-color: #FFFFFF;
		color: #636363;
		background-image: none;
		font-weight: normal;
	}
	.nav-global-mobile li ul a:hover{
		color: #005aff;
		background-color: #FFFFFF;
		background-image: none;
	}
	#globalNav ul li:hover ul.level2, #globalNav ul li ul.level2 li:hover ul.level3 {
		display: none;
	}
	#globalNav ul li.active ul.level2, #globalNav ul li ul li.active ul.level3, #globalNav ul li ul li.active:hover ul.level3 {
		display: block;
	}
	#globalNav ul li ul, #globalNav ul li ul li ul {
		position: relative;
		top: inherit;
		left: inherit;
	}
	#globalNav ul li ul li {
		background: none;
	}
	#globalNav ul li ul li a {
		width: auto;
		padding-left: 20px;
	}
	#globalNav > ul > li > a {
		background: none !important;
		text-indent: 0;
		text-transform: uppercase;
		font-weight: bold;
		font-size: 14px;
		width: auto !important;
		height: auto;
	}
	#globalNav ul li ul li.active ul.level3 li a {
		padding-left: 30px;
		font-weight: normal;
	}
	
	/*Search*/
	#globalSearch {
		display: none;
	}
	#globalNav ul li.mobile-search {
		padding: 10px 30px 10px 20px;
	}
	.mobile-search input[type="text"] {
		max-width: 82%;
		height: 30px;
		padding: 5px;
		background: rgba(255,255,255,.3);
		border: 0;
		color: #fff;
		float: left;
		outline: none;
	}
	.mobile-search .searchSubmit {
		height: 30px;
		background:url(../images/buttons/searchSubmit.png) no-repeat #666666 center;
		text-indent: -9999px;
		overflow: hidden;
		border: 0;
		width: 18px;
	}
	#logo {
		margin: 0 0 10px;
		float:right;
		padding: 0;
	}
	#contentHead {
		clear: both;
	}
}
@media (max-width: 999px) {
	.clearfix:after, .clearfix:before {
		display: table;
		content: "";
	}
	.clearfix:after {
		clear: both;
	}
	#header {
		padding: 15px 15px 25px 15px;
		height: auto;
	}
	/*Columns & Layout*/
	#mainContent {
		width: 100%;
		padding: 15px;
	}
	#contentHead h1 {
		padding-left: 15px;
		height: auto;
	}
	#breadcrumb {
		padding-left: 15px;
	}
	#subNav {
		display: none;
	}
	.contentWrapper {
		width: 68%;
		padding-right: 15px;
	}
	.contentWrapper #leftCol, #rightCol {
		width: 30%;
	}
	.twoCol #centerCol {
		width: 100%;
	}
	.ThreeColumn #centerCol {
		width: 70%;
		padding-top: 0;
	}
	.contentWrapper #leftCol img, .contentWrapper #centerCol img, #rightCol img,
	.landingHead img {
		max-width: 100%;
		height: auto;
	}
	#home .contentWrapper {
		width: 66%;
		padding-right: 15px;
	}
	#home #centerCol, #home #leftCol, 
	.threeColwHead #centerCol, .threeColwHead #leftCol {
		width: 50%;
	}
	#home #rightCol {
		width: 32%;
	}
	.threeColwHead #leftCol {
		padding-right: 15px;
	}
	.threeColwHead #centerCol {
		padding-left: 15px;
	}
	/*home slideshow*/
	#homeSlideshow {
		height: auto;
	}
	.leftSlide {
		width: 62.5%;
	}
	.rightSlide {
		width: 37.5%;
	}
	.landingHead .leftSlide {
		width: 100%;
	}
	.landingHead .rightSlide {
		display: none;
	}
	.homeSlide img {
		max-width: 100%;
		height: auto;
	}
	#homeSlideshow .current {
		position: relative;
	}
	
	/*Titles*/
	#rightCol h4, .landingHead h3, #leftCol .narrowResults h4 {
		height: auto;
	}
	/*Various content types*/
	#featureTabs:not(.eventTabs) ul.tabNav li {
		float: none;
	}
	.threeColwHead .feature_sm li {
		width: 100%;
	}
	.threeColwHead .feature_sm li img {
		float: none;
	}
	.threeColwHead .feature_sm li .featureContent {
		float: none;
		width: auto;
	}
	.twoCol .feature_sm li .featureContent {
		width: 70%;
	}
	.html table, #mainContent table {
		width: 100%;
	}
	.sponsorBlock, #wideBottom {
		clear: both;
		width: 100%;
	}
	.videoContent {
		width: 100%;
	}
	.searchResults .contentWrapper #leftCol {
		float: none;
		width: auto;
		min-height: inherit !important;
	}
	.searchResults.ThreeColumn #centerCol {
		float: none;
		width: auto;
		margin-top: 15px;
	}
	#leftCol .narrowResults ul ul:before, #leftCol .narrowResults ul ul:after {
		display: table;
		content: "";
	}
	#leftCol .narrowResults ul ul:after {
		clear: both;
	}
	#leftCol .narrowResults li li {
		float: left;
	}
	
	/* lightbox */
	
	.lightboxImg  {
		max-width:95% !important;
		left:0 !important;
		right: 0;
	    margin-left:auto;
		margin-right:auto;
		overflow: visible !important;
	}
	.lightboxImg img {
		max-width:100%;
		display: block;
	}
	#lightbox-nav {
	    white-space: nowrap;
	}
	#lightbox-nav div#lightbox-nav-prev, #lightbox-nav div#lightbox-nav-next{
		visibility:visible !important;
		width: auto;
		height: auto;
	}
	
	.feature_lg .utilityNav {
		top: -38px;
	}
	.feature_lg .utilityNav.bottom {
		top: inherit;
	}
	/*Events*/
	.calHead {
		width:auto;
		max-width: 100%;
		display: inline-block;
	}
	.calHead img {
		float: none;
	}
	.calHead .featuredInfo {
		float: none;
		width: auto;
		padding: 15px;
	}
	.twoCol #centerCol .eventTabs ul.tabNav li a {
		height: auto;
	}
	.eventCal {
		padding-right: 15px;
	}
	#rightCol .eventCal h4 {
		margin-right: -15px;
	}
	.calendarNav, .eventCal .event_calendar, #EventCalendarList {
		width: 100%;
	}
	/*Footer*/
	#footer, #siteInfo {
		width: 100%;
	}
	#footer {
		padding: 15px;
	}
	#footer ul {
		width: 115px;
		padding-right: 25px;
	}
	#footer ul:last-child {
		padding: 0;
	}
	#footer ul ul {
		width: auto;
	}
	#siteInfo {
		padding: 10px 15px;
	}
}

@media (max-width: 730px) {
	.calendarNav {
		position: relative;
	}
	.calendarNav:before, .calendarNav:after {
		content: '';
		display: table;
	}
	.calendarNav:after {
		clear: both;
	}
	#prevArrow {
		float: left;
	}
	#nextArrow {
		float: right;
		margin-right: 5px;
	}
	#jseCal .eventbox h3 {
		width: 100%;
		left: 0;
		top: 0;
		position: absolute;
	}
}
@media (max-width: 639px) {
	#logo {
		margin: 0px auto;
		padding: 0 0 10px;
	}
	#logo a {
		background-size: contain;
	}
	#leftCol, #centerCol, .contentWrapper, #rightCol {
		float: none;
		width: auto;
	}
	#home #centerCol, #home #leftCol, .threeColwHead #centerCol, .threeColwHead #leftCol, #home .contentWrapper, #home #rightCol,
	.contentWrapper #leftCol, #rightCol, .ThreeColumn #centerCol {
		width: auto;
	}
	.contentWrapper, #home .contentWrapper, .threeColwHead #centerCol {
		padding: 0;
	}
	.contentWrapper, .threeColwHead #centerCol {
		border: 0;
	}
	.contentWrapper #leftCol {
		margin-bottom: 16px;
	}
	#rightCol {
		margin-top: 16px;
	}
	/*Home Slider*/
	.leftSlide, .rightSlide {
		width: auto;
		max-width: 366px;
		float: none;
	}
	div#slideNav {
		right: inherit;
		bottom: inherit;
		top: 18px;
		left: 18px;
	}
	
	.utilityNav {
		position: relative;
		right: inherit;
		top: inherit;
		margin-bottom: 16px;
	}
	.utilityNav select {
		margin: 0;
	}
	.feature_lg .utilityNav {
		top: inherit;
	}
	
	.twoCol #centerCol .feature_sm li .pagination a, .pagination a {
		display: inline-block;
		width: 25px;
		border: 1px solid;
		text-align:center;
		text-decoration: none;
		height: 25px;
		line-height: 25px;
	}
	/*Responsive Tables*/
	.table-responsive {
		width: 100%;
		margin: 15px 0;
		overflow-x: auto;
		overflow-y: hidden;
		-webkit-overflow-scrolling: touch;
		-ms-overflow-style: -ms-autohiding-scrollbar;
	}
	.table-responsive>table>thead>tr>th, .table-responsive>table>tbody>tr>th, .table-responsive>table>tfoot>tr>th, .table-responsive>table>thead>tr>td, .table-responsive>table>tbody>tr>td, .table-responsive>table>tfoot>tr>td {
		white-space: nowrap;
		padding: 3px 5px;
	}
	td, th {
		vertical-align: top;
	}
	.event_calendar td {
		vertical-align: middle;
	}
}

@media (max-width: 480px) {
	#wrapper {
		width: 100%;
	}
	
	#globalNav ul li a, #globalNav ul li.mobile-search {
		padding: 10px 20px;
	}
	#lightbox-nav {
	    position: relative;
	}
	.imgLeft {
		float: none;
	}
	img[align="right"], img[align="left"] {
		float: none;
		display: block;
		margin: 10px 0;
	}
	.disclaimer {
		clear: both;
	}
	#footer {
		display: none;
	}
	#siteInfo a:first-of-type:before {
		display: block;
		content: "";
	}
	.mobileOnly {
		display: block;
	}
	.desktopOnly {
		display: none;
	}
}

@media (max-width: 440px) {
	#logo {
		margin: 0 0 10px;
		padding: 0;
	}
	#breadcrumb {
		display: none;
	}
	.twoCol .feature_sm li .featureContent {
		float: none;
		width: auto;
	}
	.feature_sm li img {
		float: none;
		margin-bottom: 4px;
	}
}