html { background-color: #FFFFFF; color: #000;}
body { font: 110%/1.125 Arial, sans-serif; text-rendering: optimizeLegibility; position: relative;}
article {min-height: 800px; width: 607px;}
ol, ul {list-style-type: none;}

/* Make HTML 5 elements display block-level for consistent styling */  
header, nav, article, footer, aside, section { display: block; }

/* =Generic Classes
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
.last { border: none !important; background:none!important;}
.full-shadow { -moz-box-shadow: 0px 0px 12px #d8d8d8; -webkit-box-shadow: 0px 0px 12px #d8d8d8; box-shadow: 0px 0px 12px #d8d8d8; behavior: url(PIE/PIE.htc);}
.side-shadow { -moz-box-shadow: 0px 3px 10px #000; -webkit-box-shadow: 0px 3px 10px #000; box-shadow: 0px 3px 10px #000; behavior: url(PIE/PIE.htc); }



/* =Basic Layout
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#header-wrapper { position: relative; height: 118px; margin: 0 auto; width: 960px; }
#nav-primary {  }
#content { position: relative; width: 930px;margin: 0 auto; padding: 10px 15px;}
#page-footer { position:relative; z-index: 0;}


/* =Header
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#page-header { background-color: #741669;}
#header-wrapper { background-color: #741669;}
#logo { position: absolute; top: 10px; left: 45px;}
#cse-search-box { position:absolute; top:44px; right:20px;}
input[name="q"] {width: 250px; height: 15px; padding: 3px 23px 3px 15px;border: 1px solid #CDCCCB; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; }
#search-btn {position: absolute; display: block;top: 4px; /*-3*/right: 3px; /*7*/ width: 16px;height: 16px;cursor: pointer;}
	
/* =Navigation
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#nav-primary { background-color: #0F0F10;}
#nav-primary table{margin: 0 auto; background-color: #000; width: 962px;}
	#nav-primary table tbody { }
	#nav-primary table tr { }
	#nav-primary table td { position: relative; vertical-align: middle; text-align: center; background:url('../media/nav-primary-border.gif') no-repeat right center;}
		#nav-primary #nav-generalInfo a { padding-left: 27px;}
		#nav-primary #nav-exhibits a { padding-right: 27px;}
	#nav-primary table td a:link { padding: 12px;}
#crumbs { margin-bottom:12px; position:relative; z-index:100;}
#crumbs li {padding-right: 10px;}


#crumbs #manu {
	position: relative;
	height: 2.5em;
}

/*visible list items */
#crumbs #manu > li {
	float: left;
	display: block;
  height: 2.5em;
  padding: 0px;
	margin-right: 10px;
  line-height: 2.5em;	
}

#crumbs #manu img{
	float: left;
	margin-left: 20px;
}



/*#crumbs #manu  a {
	display: block;
}*/

/*visible list items :hover */
#crumbs #manu > a:hover {
	background: rgb(51, 51, 51);
	background: rgba(51, 51, 51, 0.8);
}

/* hidden menu :hover*/
#crumbs #manu > li:hover ol { 
	/*left: auto;*/
}
#crumbs #manu > a:hover ol { 

}

/* hidden menu */
#crumbs #manu li ul {
	position: absolute;
	padding: 5px 10px;
	top: 2em;
	left: -999em;
	background: rgb(31, 31, 31);
	background: rgba(31, 31, 31, 0.95);
	min-width: 150px;
}



/*hidden list items */
#crumbs #manu > li li a {
	clear: right;
	text-align: left;
	padding: 5px;
	margin: 0px;
	text-transform: none;
	line-height: 1;
}


#crumbs #manu #active li a {
	color:#FFF;
}



/* =Content
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#content { background-color: #F3F3F3;border-left: 1px solid #8A8B8B; border-right: 1px solid #8A8B8B;}
#events {position: relative;}
.page-intro, .event-listing { position: relative; background: #fff; border: 1px solid #ddd; padding: 15px; margin:10px 0;}
.page-intro img {display: block; padding-bottom: 15px;}
.page-intro p {position: relative; margin-bottom:15px;}
.article-listing { height: 220px; padding:5px; margin-bottom:10px; background: #fff;} /*articles page*/
.article-listing img { float:left; border-right: #FFF 15px solid; border-bottom: #FFF 15px solid;}
.event-listing { height: 150px;}
.exhibit-listing { height: auto; padding:5px; margin-bottom:10px;}
.image { margin-left: 255px;}
.event-summary img {float: left; margin-left: -255px;}
.event-summary {line-height: 1.3;}
.event-type-guides { position: absolute; bottom: 15px; right: 15px;}
.event-type-guides li {display:inline-block; padding-left:10px;}
.event-type-guides li {width: 25px; height: 25px;}

/* =Sidebar
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
.sidebar {position: absolute; top: 45px; right: 20px; width: 288px;}
.sidebar ol, .sidebar ul { padding: 5px 0px;}
.sidebar-page-links ol li { line-height: 1.5; font-size: 1em;}
#sidebar-social ol li {line-height: 2.5;}
#sidebar-social ol li img { vertical-align: middle;}
#sidebar-social ol li span { vertical-align: middle; padding-left: 8px;}

#promotions { margin: 14px 0;}
#event-calendar-search { margin-top: 0px;}
#event-calendar-search img {margin: 10px 0;}

#event-type-search {margin-top: 15px;}
#event-type-search form h2 { margin: 7px 0px; }
#event-type-search form ol li {line-height: 2.5; padding: 2px 0;}
#event-type-search form ol li label img { vertical-align: middle; width: 30px; height:30px; }
#event-type-search form ol li input { margin-left: 10px;}

/* =Footer
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#page-footer { background-color: #0F0F10;}
#footer-wrapper {  position:relative;text-align: center;background-color: #000; color: #fff; padding: 15px 0px; width: 960px; margin: 0 auto;}
#home #footer-wrapper {
  right: 0px;
}
#footer-wrapper .footer-item, #footer-wrapper nav {position: relative; width: 272px ;display:inline-block;text-align: left;vertical-align: top;}
	#connect li {display: inline; padding-right: 8px;}
	#contact-info {width: 200px; padding: 0 35px; right: 15px;}
		#contact-info p {line-height: 1.3;}
#terms {padding-top: 16px; margin: 16px auto; width: 910px; position: relative; right:35px;}
#site-info { position: relative; left: 35px;}
#ownership, #license { left: 30px;}
#aam, #ownership, #license {left: 30px; display:inline-block; width: 220px; text-align: left; position:relative; vertical-align: top;padding-left: 48px;}
#ownership {
  left: -32px !important;
  padding-left: 0 !important;
}
#aam {
  left: 40px;
}
#license {
  width: 180px !important;
  left: 86px !important;
}
#aam {
  width: 180px !important;
}

#license img, #aam img {position: absolute; top: 10px; left: -10px;}
#footer-wrapper p, #footer-wrapper ul, #footer-wrapper h2 { padding-top: 15px;}
#mc_embed_signup label {
  font-size: 14px !important;
}
#mc_embed_signup input.email {
  padding: 5px 0 !important;
  width: 55% !important;
}
#mc_embed_signup .button {
  width: 20% !important;
  font-size: 12px !important;
}
#mc_embed_signup form {
  padding-left: 0 !important;
}

/* =Buttons
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/

.button-search-calendar {
background: #aa47a0; /* Old browsers */
background: -moz-linear-gradient(top, #aa47a0 0%, #a8669f 31%, #a8669f 73%, #aa47a0 99%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#aa47a0), color-stop(31%,#a8669f), color-stop(73%,#a8669f), color-stop(99%,#aa47a0)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #aa47a0 0%,#a8669f 31%,#a8669f 73%,#aa47a0 99%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #aa47a0 0%,#a8669f 31%,#a8669f 73%,#aa47a0 99%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #aa47a0 0%,#a8669f 31%,#a8669f 73%,#aa47a0 99%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#AA47A0', endColorstr='#AA47A0',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #aa47a0 0%,#a8669f 31%,#a8669f 73%,#aa47a0 99%);
behavior: url(PIE/PIE.htc); /* W3C */ }
.button-search-calendar {
position: relative; left: 15px; top: 15px; text-align: center;line-height: 1;max-width: 104px;border: none;
-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;behavior: url(PIE/PIE.htc); }

.button-search-calendar a:link, .button-search-calendar a:visited { display: inline-block; color: #fff; text-transform: uppercase; padding: 5px 15px; font-weight: bold; font-size: 12px}




.m-page-header,
#m-cse-search-box {
	display: none;
}


.m-page-header {
	background: #741669;
	display: -webkit-flex;
	display: flex;
	align-items: center;
}

.m-page-header button {
	border: none;
	background: none; 
}

.m-page-header .hamburger {
	background: url('/includes/hamburger.png') no-repeat center;
	width: 50px;
	height:50px;
	text-indent: -9999px;
	background-size: 20px;
}
.m-page-header .search {
	background: url('/includes/search.png') no-repeat center;
	width: 50px;
	height: 50px;
	text-indent: -9999px;
	margin-left: auto;
	background-size: 30px;
}
.m-page-header .branding {
	background: url('/includes/kvcircle.png') no-repeat center;
	width: 50px;
	height: 50px;
	text-indent: -9999px;
	display: inline-block;
	background-size: 40px;
}

button:focus, 
#m-cse-search-box input[name='q']:focus {
	outline:none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

.m-nav-primary {
	background: #5c0054;
}

.m-nav-primary ul li a {
	font-size: 16px;
	color: white;
	display: block;
	padding: 10px;
	border-bottom: 1px solid #823a7f;
}

#m-cse-search-box input[name='q'] {
	width: 100%;
	border: none;
	padding: 10px;
	background: rgb(41,41,41);
	border-radius: 0px;
	margin: 0;
	font-size: 16px;
	color: white;
}

#myCarousel.flexslider {
	margin-bottom: 0;
	border: none;
}

#myCarousel .flex-prev,
#myCarousel .flex-next {
	top: 40%;
}

.flex-control-nav {
	display: none;
}
#myCarousel .flex-direction-nav a.flex-next:before, 
#myCarousel .flex-direction-nav a:before {

}

#myCarousel .flex-direction-nav a.flex-next:before {
	content: '>';
	content: "\203A";
}

#myCarousel .flex-direction-nav a:before {
	content: '\2039';
	color: black;
	opacity: 0.5;
	/*font-family: Helvetica, arial, sans-serif;
	font-size: 60px;
	line-height: 40px;
	height: 70px;
	width: 40px;*/
}

#myCarousel img {
	width: 100%;
	display: block;
}

#m-manu > li:first-child {
	background: #407887;
}
#m-manu > li:first-child .m-active {
	background: #32606B;
}

#m-manu > li {
	background: #D6AC44;
}

#m-manu button {
	background: none;
	outline: none;
	border: none;
	color: white;
	font-size: 14px;
	padding: 10px;
}

#m-manu ul.m-active {
	background: #AB8B35;
	display:none;
}

#m-manu a {
	color: white;
}

#m-manu ul.m-active li a {
	display: block;
	padding: 10px 0px 10px 30px;
}

#m-manu .bc3 {
	background: gray;
}

#m-manu .bc4 {
	background: black;
}
#m-manu .bc3 .m-active {
	background: darkgray;
}

span.arrow-down {
	font-weight: bold;
	-webkit-transform: rotate(90deg);
	display: inline-block;
	position: absolute;
	right: 20px;
}

.m-homeNav-table {
	width: 100%;
	text-align: center;
	table-layout: fixed;
	background: purple;
	position: relative;
	top: -70px;
}
.m-homeNav-table td a {
	font-size: 16px;
	color: white;
	display: block;
	padding: 70px 0 20px 0;
	}
.m-homeNav-table td a.call {
	background: url('/includes/call.png') no-repeat center 25% #710268;
	background-size: 25px;
	border-right: 1px solid purple;
	border-left: 1px solid purple;
}
.m-homeNav-table td a.map {
	background: url('/includes/map.png') no-repeat center 25% #710268;
	background-size: 40px;
}
.m-homeNav-table td a.calendar {
	background: url('/includes/calendar.png') no-repeat center 25% #710268;
	background-size: 40px;
}

.m-homeNav-list {
	display: flex;
	display: -webkit-flex;
	text-align:center;
	position: relative;
	top: -70px;
}

.m-homeNav-list li {
	flex: 1 0 0px;
	-webkit-flex: 1 0 0px;
}

.m-homeNav-list li a {
	color: white;
	display: block;
	padding: 70px 0 20px 0;
	}

.m-homeNav-list li a.call {
	background: url('/includes/call.png') no-repeat center 25% #710268;
	background-size: 25px;
	border-right: 1px solid purple;
	border-left: 1px solid purple;
}
.m-homeNav-list li a.map {
	background: url('/includes/map.png') no-repeat center 25% #710268;
	background-size: 40px;
}
.m-homeNav-list li a.calendar {
	background: url('/includes/calendar.png') no-repeat center 25% #710268;
	background-size: 40px;
}

.page-intro .headerimg img{
	width:575px;
	height:375px;
		
}

.m-wrapper {
display: none;	
}

#olevents.homeEvents .image {
	margin-left: 0px;
}

.homeEvents {
	position: relative;
	top: -70px;
}

.homeEvents .event-title a:link,
.homeEvents .event-title a:visited {
	color: #710268;
}

.homeEvents .event-listing {
	margin: 0;
	border: none;
	height: auto;
}
@media only screen 
and (min-width: 568px) {
	.m-nav-primary {
		display: none;
	}
}

@media only screen 
and (max-width: 568px) {
	
	html {
		background: white;
	}
#home #content {
	display: none;
}
.page-intro .headerimg img{
	width:100%!important;
	height:100%!important;
	
}
.m-wrapper {
display: block!important;
}


	.m-page-header {
		display: -webkit-flex !important;
		display: flex !important;
	}

	#m-crumbs {
		display: block !important;
	}

	#nav-primary,
	#page-header,
	.sidebar,
	#crumbs,
	#page-footer {
		display: none;
	}

	.sidebar.pagetype1075 {
		display:block;
		left: 15px;
		top: 25px;
	}

#olevents {
	position: relative;
	top: 325px;
}

#home #olevents {
	top: -70px;
}

#event-type-search {
	display: none;
}

.event-type-guides {
	display: none;
}

	#content {
		padding: 0;
		width: 100%;
	}

	article {
		width: inherit;
		background: white;
	}

	article h1.pageHeader {
		display: none;
	}

	.page-intro {
		margin: 0;
		padding: 10px;
		border: none;
	}

	.full-shadow,
	.side-shadow {
		box-shadow: none;
	}

	.event-listing {
		height: inherit;
	}

	.event-summary {
		margin-left: 0px;
	}

	.event-summary img {
		float: none;
		margin-left: 0px;
	}

	.page-intro img {
		height: inherit;
		width: 100%;
	}

	.m-table table,
	.m-table tbody,
	.m-table tr,
	.m-table td {
		display: block;
	}

	.m-table th {
		display: none;
	}

	table {
		width: inherit !important;
	}

	.event-listing {
		border: none;
		border-bottom: 1px solid #ddd;
	}


}
