/* =========================================================================== */
/* ====================== FLINTINT DEFAULT STYLES ============================ */
/* =========================================================================== */
/*
font-family: Georgia, "Times New Roman", Times, serif;
font-family: Arial, Helvetica, sans-serif;
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
*/
*{ margin:0; }
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #ffffff;
	color: #333333;
}
img, a img {
	border: none;
}
form {
	margin: 0;
	padding: 0;
}
a {
	color: #AC5895;
	text-decoration: none;
}
a:hover {
	color: #AC5895;
	text-decoration: underline;
}	
a.doubleul {
	border-bottom: 3px double #AC5895;
}
a.doubleul:hover {
	border-bottom: none;
	text-decoration: none;
}
p {
	margin-bottom:10px;
	color: #333333;
	line-height: 17px;
	padding: 0px;
}
ul {
	list-style-type: none;
	list-style-image: url(../images/bullet.gif);
	margin-top: 0;
	padding-top: 0;
	margin-bottom: 0;
	padding-bottom: 7px;
	padding-left: 25px;
	margin-left: 0px;
}
ul ul {
	margin-top: 0;
	padding-top: 4px;
	padding-bottom: 0px;
	margin-bottom: 0px;
}
li {
	line-height: 13px;
	padding-bottom: 5px;
}
td {
	vertical-align: top;
}
.clear {
	clear: both;
	height: 1px;
	overflow: hidden;
}
.error {
	color: #ed2724;
}
.ext {
	color: #666666;
	text-transform: uppercase;
	font-size: 10px;
}
/*
#main {
	margin: 0 auto;
	width: 749px;
}
*/


/* ====================================================================== */
/* ====================== CUSTOM SITE STYLES ============================ */
/* ====================================================================== */
body{ 
	margin:0; 
	padding:0; 
	background-color:#b3c84b;
	background-image:url(../images/bg_repeat.gif);
	background-repeat:repeat-x;
	background-position: center top;	
}

.lt_brown{ color:#a99b87; } 

#main{ 
	position:relative;
	/* z-index:200; */
	z-index:10;
}
#page, #footer_upper{
	width:965px;
	margin:0 auto;
	position:relative;
	text-align:left;
}
#page{
	padding-bottom:10px;
}
#header_container{
	background-image:url(../images/bg_header.jpg);
	background-repeat:no-repeat;
	height:101px;
	width:100%;
	position:relative;
	/* Position background */
	margin-left:-50px;
	padding-left:50px;
}
#nav_container{
	background-image:url(../images/bg_primary_nav.png);
	background-repeat:no-repeat;
	position:relative;
	height:42px;
	margin-top:-20px;
	background-position: 2px 0px;
}
#content_container{ }
#footer{
	clear:both;
	width:100%;
	background-image:url(../images/bg_footer_stripe.jpg);
	background-repeat:repeat-x;
	/* padding-top:28px; */
}

#footer_inner{
	background-image:url(../images/bg_footer.jpg);
	background-repeat: no-repeat;
	background-position: center 28px;	
	height:97px;
	width:965px;
	margin:0 auto;
	padding-top:28px;
	position:relative;
	text-align:left;	
	z-index:30;
}

/* ============== Navigation ============ */
#nav_container ul{ margin:0; padding:0; }

ul#nav_primary{
	display:block;
	position:relative;
	float:left;
	width:695px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#FFFFFF;
}
ul#nav_primary li, 
ul#nav_secondary li{
	float:left;
	display:block;
}
ul#nav_primary li a:link,
ul#nav_primary li a:hover,
ul#nav_primary li a:visited,
ul#nav_primary li a:active{ 
	display:block;
	float:left;
	position:relative;
	color:#FFFFFF; 
	padding-top:20px;
	padding-bottom:0px;
	height:22px;
	text-align:center;
	text-decoration:none;
}
ul#nav_primary li a.on{ color:#333333; }
ul#nav_primary li a:hover{ color:#333333; }

#pri_menu1{ width:178px; }
#pri_menu2{ width:183px; }
#pri_menu3{ width:103px; }
#pri_menu4{ width:117px; }
#pri_menu5{ width:114px; }

ul#nav_secondary{
	display:block;
	float:left;
	width:300px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#78694b;
	margin-right:-30px;
	overflow:hidden;
}

ul#nav_secondary li a{
	display:block;
	float:left;
	color:#78694b;
	padding-top:25px;
	padding-bottom:0px;
	height:17px;
	text-decoration:none;
	background-image:url(../images/bg_secondary.jpg);
	background-repeat:no-repeat;
	background-position: 0px 21px;
	padding-left:16px;
	padding-right:16px;
}
ul#nav_secondary li a:hover,
ul#nav_secondary li a.on{
	background-image:url(../images/bg_secondary_hover.jpg);
	background-repeat:repeat-x;
}

#footer_info{ 
	float:left;
	padding-top:25px;
	padding-bottom:10px;
	font-weight:bold; 
	width:100%;
}
#footer_info div.address_chunk,
#footer_info div.address_chunk_nopipe{
	float:left;
	margin-right:10px;
	padding-right:10px;
	border-right:solid 1px #798C1B;
}
#footer_info div.address_chunk_nopipe{ border:none; }

#footer_nav{ float:left; width:100%; }
#footer_nav ul{ margin:0; padding:0; }
#footer_nav ul li{
	float:left;
	margin-right:3px;
}
#footer_nav ul li a{
	display:block;
	padding:10px;
	padding-top:7px;
	padding-bottom:7px;
	background-color: #C9DE60;
	text-decoration:none;
	color:#333333;
}
#footer_nav ul li a:hover,
#footer_nav ul li a.on{
	background-color: #E9EA8B;
}

#footer_nav ul li a#maillist{ 
	background-image:url(../images/envelope_icon.gif);
	background-repeat:no-repeat;
	padding-left:40px;
	background-position:10px 9px;
}
#footer_nav ul li#footnav_sitemap a,
#footer_nav ul li#footnav_home a,
#footer_nav ul li#footnav_privacy a{
	background-color:transparent;
	border-right:solid 1px #798C1B;
	margin-top:6px;
	margin-bottom:6px;
	padding-top:1px;
	padding-bottom:1px;
}
#footer_nav ul li#footnav_sitemap a:hover,
#footer_nav ul li#footnav_privacy a:hover,
#footer_nav ul li#footnav_sitemap a.on,
#footer_nav ul li#footnav_privacy a.on{ 
	background-color:transparent; 
	text-decoration:underline;
}
#footer_nav ul li#footnav_privacy a{ border-right:none; }

/* Hide home link on homepage */
#footer_nav ul li#footnav_home a{ display:none; }


/* ========= Smaller blocks and modules ========== */
#dcm_logo{ 
	display:block;
	padding-left:15px;
	padding-top:15px;
}
#dcm_logo_left{
	float:left;
	width:63px;
	position:relative;
	margin-bottom:-15px;	
}
#dcm_logo_right{
	float:left;
	position:relative;
	margin-bottom:-15px;
}
/* Layer everything over the top of the footer */
#content_top,
#content_middle,
#content_bottom,
#promo{
	position:relative;
	z-index:30;
}

#content_top{
	float:left;
	display:block;
	clear:both;
	width:100%;
	clear:both;
	height:5px;
	margin-top:40px;
	background-image:url(../images/bg_home_boxes_top.png);
	background-repeat:no-repeat;
}
#col1_label{}
#col2_label{}

/* Image replacement of H2 tags...see the 'Dwyer Method' here: http://www.mezzoblue.com/tests/revised-image-replacement */
#col1_label h2, #col2_label h2{
	background-repeat:no-repeat;
	height:38px;
	width:270px;
	position:relative;
	margin:0;	
	margin-top:-37px;
	padding:0;	
	overflow:hidden;
	background-position: left bottom;
	float:left;
	display:block;	
}
#col1_label h2{ background-image:url(../images/weekly_schedule.gif); }
#col2_label h2{ /* background-image:url(../images/current_exhibit.gif); */ }

#col1_label h2 span, #col2_label h2 span{
	display:block;
	height:0;
	width:0;
	overflow:hidden;
}
#content_middle{
	background-image:url(../images/bg_home_boxes_middle.png);
	background-repeat:repeat-y;
	width:100%;
	clear:both;	
	overflow:hidden;
}
#content_col1{ 
	display:inline;
	padding:15px;
	float:left;
	width:210px;
	margin-left:5px;
	margin-right:25px;
	height:280px;
	overflow:hidden;	
}
#content_col1 p{
	display:inline;
	float:left;
	position:relative;	
	clear:both;
	margin:0;
	padding:0;
	font-size:12px;
	line-height:14px;
	float:left;
	width:100%;
	margin-top:12px;
}
#content_col1 p a{
	display:block;
	float:left;
	position:relative;	
	background-image:url(../images/explore_bullet.gif);
	background-repeat:no-repeat;
	padding-left:25px;
	padding-top:2px;
}
#content_col1 p a:hover{
	background-image:url(../images/explore_bullet_hover.gif);
	
}
#content_col1 a{ color:#eee1ca; text-decoration:none; }
#content_col1 a strong{ color:#fffffd; }
#content_col1 a:hover strong{ color:#fdcb68; }

/* Image replacement of H1 tag...see the 'Dwyer Method' here: http://www.mezzoblue.com/tests/revised-image-replacement */
#content_col1 h1{
	background-repeat:no-repeat;
	height:96px;
	width:240px;
	position:relative;
	margin:-15px;
	margin-bottom:-3px;	
	padding:0;	
	overflow:hidden;
	background-position: left bottom;
	float:left;
	display:inline;	
	clear:both;
	background-image:url(../images/explore_h1.gif);
}
#content_col1 h1 span{
	display:block;
	height:0;
	width:0;
	overflow:hidden;
}

#content_col2{
	display:block;
	float:left;
	width:695px;
}
#content_col2 #slides{ 
	float:left;
	display:inline;
	width:681px;
	height:303px;
	background-color:#999999;
	margin-left:4px;
	margin-top:4px;
}

#content_bottom{
	background-image:url(../images/bg_home_boxes_bottom.png);
	background-repeat:no-repeat;
	background-position: left top;	
	width:100%;
	clear:both;	
	display:block;
	height:40px;
}
#col1_links, #col2_links {
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	/* padding-top:12px; */
	padding-top:9px; 
}
#col1_links{
	display:inline;
	float:left;
	width:240px;
	margin-left:5px;
	margin-right:25px;
	z-index:30;
	position:relative;	
}
#col2_links{
	display:inline;
	float:left;
	width:687px;
	margin-right:8px;
	z-index:30;
	position:relative;
}
#slide_controls{
	margin:0;
	padding:0;
	width:93px;
	display:inline;
	float:right;
	position:relative;
	margin-top:-2px;
}

#exhibitlink{ float:right; }

#col1_links a, #col2_links a{
	font-weight:bold;
	color:#d5431f;
	font-size:10px; 
}
#prefooter{
	float:left;
	clear:both;
	display:inline;
	height:270px;
	width:100%;
	margin-top:-80px;
	margin-bottom:-23px;	
	position:relative;
	text-align:center;
	overflow:hidden;
}

#promo{ 
	position:relative;
	width:231px;
	height:160px;
	background-image:url(../images/bg_promo.jpg); 
	background-repeat:no-repeat;
	position:relative;
	margin-top:80px;
	margin-left:45px;
	margin-right:-50px;
	display:inline;
	float:left;	
}

/* Image replacement...see the 'Dwyer Method' here: http://www.mezzoblue.com/tests/revised-image-replacement */
#promo a{
	position:absolute;
	background-repeat:no-repeat;
	height:152px;
	width:224px;
	position:relative;
	overflow:hidden;
	display:inline;
	float:left; 
	margin-top:4px;
	margin-left:4px;
	/* background-image:url(../images/spark_up.gif); */
}
#promo a:hover{ 
	/* background-image:url(../images/spark_over.gif); */
}
#promo span{
	display:block;
	height:0;
	width:0;
	overflow:hidden;
}

#prefooter_inner{
	width:964px;
	height:270px;
	margin:0 auto;
	position:relative;
}
#plan_visit{
	position:relative;
	height:270px;
	background-image:url(../images/bg_visit_footer.png);
	background-repeat:no-repeat;
	background-position:152px 4px;
}
#child{ 
	float:left; 
	margin-top:66px; 
	width:263px;
}
#plan_visit_content{ 
	float:left; 
	width:400px; 
	padding-top:102px;
	padding-left:18px;
} 
#plan_visit_content ul{ float:left; margin:0; padding:0; }
#plan_visit_content ul li{ margin:0; padding:0; float:left; }
ul#plan_list{ width:400px; clear:both; }
ul#support_list{ width:263px; margin-top:19px; }


/* Image replacement...see the 'Dwyer Method' here: http://www.mezzoblue.com/tests/revised-image-replacement */
h3#plan, 
h3#support{
	background-repeat:no-repeat;
	position:relative;
	overflow:hidden;
	display:inline;
	float:left;
}
h3#plan span,
h3#support span{
	display:block;
	height:0;
	width:0;
	overflow:hidden;
}
h3#plan{ 
	width:100%;
	height:24px;
	background-image:url(../images/plan_visit.gif); 
	clear:both;
	padding-bottom:9px;
}
h3#support{ 
	width:121px;
	height:32px;
	background-image:url(../images/support_us.gif); 
	margin-top:17px;	
}

/* ================================================================================= */
/* =========================== REUSABLE NUGGETS ==================================== */
/* ================================================================================= */
table.invisible{ border:none; }
table.invisible td { border:none; padding:6px; }

table.gray{ border:1px; border-color:#999; }
table.gray td { border:1px; border-color:#999; padding:6px;}

.tinytext{ font-size:85%; font-family:Arial, Helvetica, sans-serif; line-height:130%; }