@charset "utf-8";
/* CSS Document */

body {
	text-align:center;
	margin:0;
	padding:0;
}
body.sec_home {
	background-color:#E1E0DC;
}
p {
	padding:0;
	margin: 0 0 8px 0;
	/* line-height:18px; */
}
h1 {
	font-size:31px;
	letter-spacing:2px;
	margin: 0 0 8px 0;
	color:#5E5E5C;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	text-transform:uppercase;
}
h2 {
	font-size:22px;
	margin: 0 0 8px 0;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#000000;
	background:#e4e5dc;
	padding: 6px 0 6px 8px;
}
h3 {
	font-size:15px;
	margin: 0 0 8px 0;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#000000;
}
h4 {
	font-size:12px;
	margin: 0 0 2px 0;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}
h5 {
	font-size:14px;
	margin: 6px 0 2px 0;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}
a:link, a:visited {
	color:#d3470a;
	text-decoration:none;
}
a:hover, a:active {
	color:#d3470a;
	text-decoration:underline;
}
ul {
	margin: 0 0 10px 10px;
	padding: 0 0 0 15px;
}
li {
	padding: 3px 0 3px 0;
}


#page-wrapper {
	background: url(/images/kma/html_bg.gif) 0 0 repeat-x;
}

#mwrapper {
	width:932px;
	margin: 0 auto;
	text-align:left;
}
body.sec_home #mwrapper {
	width:932px;
	padding: 0 0 20px 0;
	margin: 0 auto;
	text-align:left;
}
#mwrapper h2 {
	display:block;
	clear:both;
}
#header {
	height:68px;
}
.sec_home #header {
	height:110px;
}
#logo {
	display: block;
	height: 52px;
	width: 285px;
	text-indent: -2000px;
	overflow: hidden;
	margin: 5px 0 0 2px;
	float:left;
	background: transparent url(/images/kma/logo.gif) no-repeat top left;
}
.sec_home #logo {
	height: 69px;
	width: 459px;
	background: transparent url(/images/kma/logo_home.gif) no-repeat top left;
	margin: 22px 0 0 2px;
}
#topnav {
	color:#5e5e5c;
	text-transform:uppercase;
	text-align:right;
	padding: 26px 0 0 0;
	font-size:12px;
}
.sec_home #topnav {
	padding-top:58px;
}
#topnav a:link, #topnav a:visited {
	color:#5e5e5c;
	text-decoration:none;
	text-transform:uppercase;
	padding: 0 0 0 40px;
	font-size:12px;
	letter-spacing:1px;
}
#topnav a:hover, #topnav a:active {
	color:#000000;
}
#container {
	background:#ffffff;
	margin:7px 0 0 0;
	padding: 8px 9px 7px 8px;
	height:548px;
	position: relative;
}

#container_new {
	background:#ffffff;
	margin:7px 0 0 0;
	padding: 8px 8px 7px 9px;
	height: 760px;
	
}

#home-main-image {
	float: left;
}

#home-main-image img {
	width: 636px;
	height: 333px;
}

#home-main-caption {
	float: left;
}

#homepage_carousel{
	width: 1012px;
	position: absolute;
	bottom: 0;
	left: -37px;
	//padding-top: 3px;
}

#homepage_carousel_new{
	float: left;
	width: 932px;
	margin-top:4px;
}

#homepage_carousel_new ul{
	list-style-type:none;
	margin:  0;
	padding: 0;
}

#homepage_carousel_new ul li.alpha {
	padding-left: 0px;
}
#homepage_carousel_new ul li {
	float:left;
	padding: 5px 5px 3px;
}


.mycarousel{
	float:left;
	width: 923px!important;
}

/**
 *  Buttons
 */
#homepage_carousel a.next:link, #homepage_carousel a.next:visited {
background:transparent url(/images/kma/slide_right.gif) no-repeat;
background-color: #E1E0DC;
display:block;
float:left;
height:44px;
text-decoration:none;
width:35px;
float:left;

}

.indent_join_info{
	margin-left: 44px;
}

.button_mover_left{
	float:left;
	margin-right:9px;
	margin-top: 75px;
}

.button_mover_right{
	float:left;
	padding-left:4px;
	margin-top: 75px;
}

.mycarousel ul li{
	padding-right: 7.8px;
}


#homepage_carousel a.prev:link, #homepage_carousel a.prev:visited {
background:transparent url(/images/kma/slide_left.gif) no-repeat;
background-color: #E1E0DC;
display:block;
float:left;
height:44px;
text-decoration:none;
width:35px;
}

#homepage_carousel .mycarousel ul li a:link, #homepage_carousel .mycarousel ul li a:visited{
	border: none;
	text-decoration: none;
}

.mycarousel ul li img{
	width: 224px;
	height: 205px;
}
.sec_home #footer {
	background: #ffffff;
	width:932px;
	text-align:right;
	margin:0 auto;
	padding: 20px 0px 20px 0;
	border-top-width: 0px;
}

/*
=============================================================
Breadcrumbs
=============================================================
*/
#breadcrumbs {
	color:#5e5e5c;
	text-transform:uppercase;
	font-size:10px;
	font-weight: bold;
	padding:14px 0 8px 0;
}

#breadcrumbs a:link, #breadcrumbs a:visited {
	font-weight: normal;
	color:#5e5e5c;
	text-decoration:none;
	font-size:10px;
	padding: 0 2px 0 0;
}
#breadcrumbs a:hover, #breadcrumbs a:active {
	color:#5e5e5c;
	text-decoration:underline;
}

/*
=============================================================
Global Nav
=============================================================
*/
#glbnav {
	background-color: #5E5E5C;
	height:28px;
	clear:both;
}
#glbnav a:link, #glbnav a:visited {
	float: left;
	text-decoration: none;
	text-indent: -1000px;
	overflow: hidden;
	height:28px;
}
#glbnav a:hover, #glbnav a:active, #glbnav li:hover a, #glbnav li.over a  {
	background-position:0 -56px;
}

#glbnav ul {
	font-size:12px;
	list-style-type:none;
	margin:0;
	position:relative;
	padding: 0px;
	z-index: 1;
}	
	
#nav_1 {
	background: url(/images/kma/glbnav_visit.gif);
	width:60px;
}
#nav_2 {
	background: url(/images/kma/glbnav_exhibitions.gif);
	width:118px;
}
#nav_3 {
	background: url(/images/kma/glbnav_programs.gif);
	width:195px;
}
#nav_4 {
	background: url(/images/kma/glbnav_education.gif);
	width:110px;
}
#nav_5 {
	background: url(/images/kma/glbnav_families.gif);
	width:120px;
}
#nav_6 {
	background: url(/images/kma/glbnav_artist.gif);
	width:190px;
}
#nav_7 {
	background: url(/images/kma/glbnav_membership.gif);
	width:125px;
}
	
.visit #nav_1,
.exhibitions #nav_2,
.programs-and-events #nav_3,
.education #nav_4,
.for-families #nav_5,
.artist-association #nav_6,
.membership #nav_7 {
	background-position:0 -28px;
}

#glbnav li {
	float:left;
	position:relative;
	padding: 0px;
}
#glbnav li ul {
	display:none;
	left:0;
	margin-left:0px;
	position:absolute;
	top:28px;
	padding-left: 0px;
	background-color: #333333;
}

#glbnav li ul li a {
	color:#000000;
	cursor:pointer;
	font-weight:normal;
	padding:8px 8px 8px 19px;
}

#glbnav li ul a:hover {
	color:#A6A7A9;
	background-color: #000;
}

#glbnav li ul a:visited {
	color:#000000;
}

#glbnav li:hover ul, #glbnav li.over ul {
	display:block;
}

#glbnav ul#nav li ul a {
	display:block;
	float:none;
	height:auto;
	margin:0;
	text-align:left;
	text-indent:0;
	color: #FFFFFF;
	min-width:198px;
	_width: 198px;
}

ul#nav li ul li {
	clear:both;

}


/*
=============================================================
Content
=============================================================
*/

#content {
	float:left;
	padding-bottom: 40px;
	width: 580px;
	line-height: 18px;
}
#content-wide {
	padding-bottom: 40px;
	width: 860px;
	line-height: 18px;
}
.content-row {
	border-top: gray solid 1px;
	margin: 20px 0 2px 0;
	padding-top: 20px;
	overflow: hidden;
}
.content-row .content-left {
	width: 582px;
}

.content-pad .content-inner {
	padding-left: 48px;
}
.content-left {
	width: 580px;
	float:left;
}	
.content-right {
	width: 300px;
	float: left;
}

.sidebox {
	background:#e4e5dc;
	border:1px solid #c8c8c8;
	width:234px;
	float:left;
}
.programs-and-events .highlight {
	height:210px;
}
.programs-and-events .sidebox p img {
	margin-left: -10px;
}
.sidebox img {
	margin: 0 0 6px 0;
}
.sidebox h4 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#000000;
	padding: 4px 0 3px 10px;
}
.sidebox p {
	padding: 0 0 0 10px;
}
.sidebox .title {
	color:#324f83;
	font-weight:bold;
}
.listing {
	margin:0 0 10px 0;
}
.listing .inlisting {
	width:423px;
	float:right;
	border-bottom:1px solid #d5d6c6;
}
.listing .img {
	float:left;
}

span.checkbox {
	width: 19px;
	height: 25px;
	padding: 0 5px 0 0;
	background: url(/images/kma/checkbox.gif) no-repeat;
	display: block;
	clear: left;
	float: left;
}


/*
=============================================================
Sidebar
=============================================================
*/

#sidebar {
	width:308px;
	float:left;
	margin: 0 0 0 20px;
	padding: 0 0 40px 0;
}
.insetImg {
	border: 1px solid #E0E0DF;
	padding: 5px;
}

.archive-sidebar {
	width:295px;
	float:right;
}
.archive-sidebar .sideshow {
	width: 170px;
}
.archive-sidebar .sideshow .title {
	color:#324f83;
	font-weight:bold;
	padding: 6px 0 0 0;
	display:block;
}
.featured {
	border-bottom: solid 1px #D5D6C6;
	padding-bottom: 5px;
	margin-bottom: 10px;
}
.featured .ftitle {
	letter-spacing:1px;
	text-transform:uppercase;
	font-size:14px;
	font-weight:bold;
	color:#5e5e5c;
	padding: 0 0 4px 0;
}
.featured .name {
	color:#264881;
	font-size:13px;
	font-weight:bold;
	padding: 0 0 4px 0;
}
.featured .fdate {
	color:#000000;
	padding: 0 0 4px 0;
}
.diviter {
	border-top:1px solid #d5d6c6;
	margin:5px 0 0 0;
	height:10px;
}



ul#visit-accordion {
	margin: 0px 0px 30px 0px;
	padding: 0px;
}



#visit-accordion {
	list-style-type:none;
}

#visit-accordion li{
	padding: 0px;
	margin-top: 0px;
	//margin-top: -15px;
}

#visit-accordion a.ui-accordion-header:link,
#visit-accordion a.ui-accordion-header:visited {
	background:#797976 url(/images/kma/icon_arrow_close.gif) no-repeat scroll 5px 5px;
	color:#F5F7FA;
	display:block;
	font-size:12px;
	font-weight:bold;
	overflow:hidden;
	margin:0 0 2px;
	padding:5px 0 3px 18px;
	text-decoration:none;
	text-transform:uppercase;
}

/* This section calls the "selected" class.  This class
 * is automatically put in the html by the javascript file.
 * Use this section to style the header of the open panel.
 */

#visit-accordion a.selected:link, #visit-accordion a.selected:visited {
	background:#5E5E5C url(/images/kma/icon_arrow_open.gif) no-repeat scroll 3px 5px;
	display:block;
	margin:0 0 2px;
	padding:3px 0 3px 18px;
	text-decoration:none;
	color:#F5F7FA;
}

#visit-accordion .ui-accordion-content {
	background:#E4E5DC none repeat scroll 0 0;
	padding:5px 0 1px 18px;
}




/*
=============================================================
Splash
=============================================================
*/
#splash {
	margin-bottom: 10px;
}
#splash .splash-main {
	float:left;
	width: 580px;
}
#splash .splash-side {
	float: left;
	margin:0 0 0 20px;
}

#splash .sidenav {
	width:274px;
	float:right;
}
#splash .sidenav li {
	border-bottom: solid 2px #fff;
}
#splash .sidenav a.ui-accordion-header:link, #splash .sidenav a.ui-accordion-header:visited {
	display:block;
	background-color:#e4e5dc;
	text-transform:uppercase;
	text-decoration:none;
	font-size:12px;
	font-weight:bold;
	color:#264881;
	height:20px;
	padding: 6px 0 0 12px;
	overflow:hidden;
	text-indent: -1000px
}
#splash .sidenav a.ui-accordion-header:hover, #splash .sidenav a.ui-accordion-header:active {
	background-color:#5e5e5c;

	color:#e4e5dc;	
}
#splash .sidenav a.ui-accordion-header.selected {
	background-color:#5e5e5c;
	color:#e4e5dc;	
	border-top:1px solid #5e5e5c;
	border-bottom:1px solid #5e5e5c;
	background-position: 0px 28px;
}
#splash .sidenav img {
	float:none;
}
.splash_programs, .splash_default {
	margin: 0 0 10px 0;
}

a#main-gallery {
	background-image: url(/images/exhibitions/current-exhibition-slider-title-1.gif);
}

a#project-gallery {
	background-image: url(/images/exhibitions/current-exhibition-slider-title-2.gif);
}

a#learning-center {
	background-image: url(/images/exhibitions/current-exhibition-slider-title-3.gif);
}

a#garden {
	background-image: url(/images/exhibitions/current-exhibition-slider-title-4.gif);
}


.upcoming a#main-gallery {
	background-image: url(/images/exhibitions/upcoming-exhibition-slider-title-1.gif);
}

.upcoming a#project-gallery {
	background-image: url(/images/exhibitions/upcoming-exhibition-slider-title-2.gif);
}

.upcoming a#learning-center {
	background-image: url(/images/exhibitions/upcoming-exhibition-slider-title-3.gif);
}

.upcoming a#garden {
	background-image: url(/images/exhibitions/upcoming-exhibition-slider-title-4.gif);
}

/*
=============================================================
Exhibitions
=============================================================
*/

#exhibition-image {
	float: left;
	position: relative;
}

#exhibition-image div {
	position: absolute;
	top: 0px;
	left: 0px;
	opacity: 0;
	filter: alpha(opacity=0);
}

#exhibition-image div.active,
#exhibition-content div.active {
	opacity: 1;
	filter: alpha(opacity=100);
}

#exhibition-accordion {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

#exhibition-accordion li {
	padding: 0px;
	//height: 1%;
}

/*
=============================================================
Calendar
=============================================================
*/

#monthcalendar {
	width: 236px;
	padding: 0;
	margin: 0 0 20px 0;
	border: 1px solid #cccccc;
	font-size:12px;
	color: #616B76;
	text-align: center;
	background-color: #e4e5dc;
}

#calendar .nav, #calendar .nav a {
	font-size:12px;
	color: #fff;	
	text-align: center;
	text-decoration: none;
	padding: 0 5px 0 5px;
}

#site_kma .calendar h3 {
	background: #5e5e5c;
	color: #fff;	 
	font-size:13px;
	border-bottom-width: 0px;
	text-transform: capitalize;
	padding: 4px 0px;
}

#site_kma #calendar_back {
	background: transparent url(/images/kma/calendar_prev.gif) no-repeat 0 4px;
	height: 15px
}

#site_kma #calendar_forward {
	background: transparent url(/images/kma/calendar_next.gif) no-repeat -9px 4px;
	height: 15px;
}

#site_kma #monthcalendar h3 a {
	font-weight: normal;
}

.calendar-inner {
	padding: 0px 3px 5px 6px;
}

#site_kma .calendar .day {
	font-size:12px;
	color: #000000;
	border-bottom: 4px solid #e4e5dc;
	border-top: 4px solid #e4e5dc;
	font-weight: bold;
	width:32px !important;
	text-align: center;
	padding: 0px;
}

#site_kma .calendar .sun {
	margin-left: 0px;
}

.today, td.today a, td.today a:link, td.today a:visited {
	color: #F6F4DA;
	font-weight: bold;
	background: #324f83;
}

#site_kma .calendar span {
	background-color: #fff;
	border: 2px solid #e4e5dc;
	padding: 6px 6px;
	text-align: center;
	color:#5e5e5c;
	font-size: 12px;
	width: 16px !important;
}

#site_kma .calendar span.emptydate {
	background-color: #E4E5DC;
}

#site_kma .calendar span.eventdate {
	background-color: #324F83;
}

#site_kma .calendar span.eventdate a {
	font-size: 12px;
	color: #fff;
}

#site_kma .calendar span.eventdate a:hover {
	color: yellow;
}

td.day {
	background:#ffffff;
}

.button-row {
	margin: 10px;
	padding-top: 5px;
}

.txtTitle {
	color: #296795;
	font-weight: bold;
	padding-bottom: 3px;
}

.date {
	color: #000;
	padding-bottom: 3px;
}


/*
=============================================================
Footer
=============================================================
*/
#footer {
	clear:both;
	border-top:1px solid #D5D6C6;
	padding: 15px 0 25px 0;
	font-size:14px;
	width: 932px;
}

#footer .fnav {
	text-align:left;
	padding: 12px 0 8px 0;
}

#footer .fnav a:link, 
#footer .fnav a:visited {
	color:#5E5E5C;
	text-decoration:none;
	padding: 0 6px 0 6px;
	font-size:14px;
}

#footer .fnav a:hover,
.fnav #footer a:active {
	color:#000000;
}


#footer .footer-social-icons {
  text-align: left;
}

#footer .social {
	float: right;
	width: 360px;
}


#footer .siteby {
	float: right;
}



/*
=============================================================
Common
=============================================================
*/

.clear {
	clear:both;
}
.left {
	float:left;
}
.right {
	float:right;
}
.txtRight {
	text-align:right;
}
.txtLeft {
	text-align:left;
}

a.txt-button:link, a.txt-button:visited {
	background-color: #5E5E5C;
	padding: 3px 5px;
	color: #fff;
	font-weight: bold;
}

a.txt-button:hover {
	background-color: #000;
	text-decoration: none;
}
	
/*
=============================================================
TABLE OVER-RIDES
=============================================================
*/

#memberships_basic td {
	width: 33%;
	text-align: left;
	padding: 10px 20px;
	background-color: #C1CADA;
	color: #7B7E81;
	font-weight: bold;
	vertical-align: top;
	font-size: 14px;
	border-left: solid 3px #fff;
}

#memberships_basic .special_cell {
	border-left-width: 0px;	
}

#memberships_basic td ul {
	font-weight: normal;
	color: #000000;
	padding-left: 25px;
	padding-right: 4px;
	font-size: 13px;
}

#memberships_basic .sub_title{
	font-size: 12px;
}

#memberships_basic .join_now{
	padding-bottom: 6px;
}

.membership table.results{
	color: black;
	width: 100%;
	border: none;
}

.membership table.results th {
	background-color:#AEAFA9;
}

.membership table.results th p {
	margin-bottom: 6px;
}

.membership table.results img {
	padding-bottom: 2px;
}

.membership table.results td{
	text-align: center;
	vertical-align: middle;
}

.membership table.results .member-type{
	margin-bottom: 0px;
	font-weight: normal;
	margin-top: 2px;
}

.membership table.results tr{
	background-color: #C9CAC2;
}

.membership table.results .alt-color{
	background-color: #E4E5DC;
}

.membership table.results td, .membership table.results th{
	border-right: 1px solid #FFFFFF;
}

.membership table.results .first-column{
	width: 156px;
	font-size: 11px;
	text-align: left;
	padding-left: 8px;
}

.membership #content table.results td a,
.membership #content table.results td a:link,
.membership #content table.results td a:visited{
	display: inline;
	font-weight: normal;
	color: #D3470A;
}

.membership #content table.results td a:hover{
	color: #D3470A;
	text-decoration: underline;
}


/* Content Bridge Front-End */

#home-main-image, #home-main-caption {
	position: relative;
}

#home-main-image .cms-fragment,
#home-main-caption .cms-fragment {
	position: absolute;
	top: 10px;
	left: 10px;
	background-color: #fff;
	padding: 5px;
}