body {
	background-image:url(images/body_bg.gif);
	background-repeat:no-repeat;
	color: #575555;
	margin: 0;
	padding: 0;
	font: 12px Arial, Verdana, Helvetica, sans-serif;
/*	line-height:20px;*/
	background-position: center top;
	background-color:#fff;
/*	background-attachment:fixed;*/
	}
	
body.inside #leftCol {width:570px;}
body.inside #rightCol {display:none;}
body.inside #container {
	width:970px;
	margin: 0 auto 0px auto;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: black;
	background-image:url(/images/wrapper1bg.png);
	background-position:center top; background-repeat:repeat-y;
	}


.wrapper2 { width:970px; margin:0 auto;}

p {
	padding:0px;
	margin: 0 0 12px 0px;
	}
	
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	margin: 0 0 12px 0;
	padding: 0;
	color:#95874d;
	font-weight: bold;
	}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	margin: 0 0 12px 0;
	padding: 0;
	color:#95874d;
	font-weight: bold;
	}
	
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	margin: 0 0 12px 0;
	padding: 0;
	color:#221d56;
	font-weight: bold;
	}

ul {margin:0px; padding:0px;}
li {margin:0px; padding:0px;}

table {float:none;}

a:link{color: #ab1d41;}
a:visited{color: #ab1d41;}
a:active{color: #ab1d41;}
a:hover{color: #221d56;}

#container {
	width:970px;
	margin: 0 auto 0px auto;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: black;
	background-image:url(images/wrapper1bg.png); background-repeat:repeat-y; background-position:left top;
	}

.input {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #997337;
	font-size: 11px;
	margin:0 0 12px 0px;
	padding: 0;
	width:175px;
	}

#wrapper1 {
	width:960px;
	margin: 0;
	padding: 0;
	border:1px solid red;
	}

#wrapper { 
	width:970px; 
	margin: 0; 
	padding: 0;
	}

#header { 
	width: 970px;
	height: 264px;
	float:left;
	margin: 0 0;
	padding:0px;
	background-image:url(images/header.jpg); background-position:left top; background-repeat:no-repeat;
	position:relative;
	}
	
/*.main_img1 {background-image:url(images/header_bg.jpg); background-position:left top; background-repeat:no-repeat;}
.main_img2 {background-image:url(images/header_bg2.jpg); background-position:left top; background-repeat:no-repeat;}
.main_img3 {background-image:url(images/header_bg3.jpg); background-position:left top; background-repeat:no-repeat;}
.main_img4 {background-image:url(images/header_bg4.jpg); background-position:left top; background-repeat:no-repeat;}*/

#welcome {
	width: 630px;
	float: left;
	padding: 39px 30px 30px 30px;
	margin: 0px;
	/*background-color:orange;*/
	line-height: 18px;
	}

	
#leftCol ul {margin:0 0 15px 35px;}
#leftCol li { margin:0 0 6px 0; padding:0 0 0 0px;}
	
.inside #welcome { background-image: url(images/inside_welcome_bg.gif); background-position:right top; background-repeat:no-repeat; }


#leftCol {
	float: right;
	margin: 0 0 20px 0;
	padding: 0px 41px 20px 31px;
	color: #575555;
	width:209px;
	}

	
#leftCol dl {margin:0px 0 25px 0; padding:0px;}
#leftCol dt {margin:0px; padding:0px;}
#leftCol dd {margin:0px; padding:0px;}
	
.divider {
	margin: 15px 0;
	}	
	
#rightCol {
	float: left;
	width: 500px;
	color: #575555;
/*background-color:purple;*/
padding:0px 10px 15px 30px;
margin:0px 0 0 0;
/*background-color:pink;*/
	
	}

#leftCol li {
	margin: 0px;
	padding: 0 0 2px 0;
	}

	
#rightCol h1 {
	/*background-image:url(images/featured_museum_header.gif);
	width:203px; 
	height:34px; 
	text-indent:-9999px;*/ 
	margin: 10px 0 15px 0; 
	padding: 0;
	color:#626262;
	font-size:14px;
	width:200px; text-align:left;
	}

dl.events {margin:0px;padding:0px 0px 0 0px; width: 200px; text-align:left;}
.events dt {
	margin: 2px 0 5px 0;
	padding: 0px;
	font-weight: bold;
	}

.events dt a:link{color: #ad161a;}
.events dt a:visited{color: #ad161a;}
.events dt a:active{color: #ad161a;}
.events dt a:hover{color: #890000;}

.events dd {margin:0px 10px 0 0;padding:0px;}

#inside_body {
	width: 500px;
	float: left;
	padding: 0;
	margin: 0;
}

	
#singlecolumn {
	width: 450px;
	float: left;
	padding: 0;
	}

#singlecolumn ul {
	margin: 0 5px 0 35px;
	padding: 0;
	}
	
#singlecolumn li {
	margin: 0;
	padding: 0 0 2px 0;
	}
	
#search_wrapper {
	width:450px;
	float:left;
	padding:0px;
	margin:0px 0 12px 0;
	}

#search_field {
	width:220px; 
	float:left;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #997337;
	font-size: 11px;
	}

.footerBottom {
	padding:0;
	margin: 0 auto;
	clear: both;
	width: 970px;
/*	background:brown;*/
	height:1px;
}
	
#footer {
	line-height: 18px;
	width: 970px;
	margin: 0 auto;
	clear: both;
	color: #221d56;
	text-align: center;
	clear:both;
	background-image:url(images/footer_top.gif);
	background-repeat:no-repeat;
	background-position:top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding:35px 0 15px 0;
	}
	
#footer a:link{color: #221d56; text-decoration:none;}
#footer a:visited{color: #221d56;  text-decoration:none;}
#footer a:active{color: #221d56; text-decoration:none;}
#footer a:hover{color: #221d56; text-decoration:underline;}

.table1 {
	border-right:2px solid #221D56;
	border-left:2px solid #221D56;
	border-bottom:2px solid #221D56;
	margin:15px 0;
	}
	
.table1 td { padding: 2px 0px 2px 5px; vertical-align: top; }
.table1 .tablehead {
	background: #221D56 url(/images/bg1.gif) repeat-x;
	color: white;
	font-weight: bold;
	}
.table1 tr.alt {background :#f1efe8;}

dl.locate {width:225px; float:left; display:inline; padding:2px 0px; margin:0px;}
dl.locate dt {width:225px; font-weight:bold; float:left;  margin:0px; padding:0px;}
dl.locate dd { float:left; margin:0px; padding:0px 0 0 0px; display:block;}

.dl_rows {width:450px;}

	
.hide {display:none;}

.about_container {
	padding-bottom:10px;}

.about_image{
	float:left; 
	width:80px; 
	padding:5px 15px 0 0;}
	
.about_image img {border:1px solid #937739;}
	
.about_body {
	float:left; 
	width:320px;}
	

/* THESE TABLES ARE USED BY GLOBAL ADMIN */
.tablea 
{
	COLOR: #000; 
	border:1px solid #2592d7; 
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 13px;
	font-weight: normal;
	background:#e8e2da; 
	width: 100%;
	border-collapse: collapse; /* this sets cellspacing to 0 on tables */
}
.tablea A:link { COLOR: #003C7B; text-decoration: underline;}
.tablea A:visited { COLOR: #003C7B; text-decoration: underline;}
.tablea A:active { COLOR: #003C7B; text-decoration: underline;}
.tablea A:hover { COLOR: #003C7B; text-decoration: none;}

.tablea td { padding: 2px; border: 1px;}

/* Use "th" if possible. If .net does not support "th" then use "header" class */
.tablea th {
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #000;
	padding: 4px;
}
.tablea th A:link { color: #FFFFFF; text-decoration: underline;}
.tablea th A:visited { color: #FFFFFF; text-decoration: underline; }
.tablea th A:active { color: #FFFFFF; text-decoration: underline; }
.tablea th A:hover { color: #FFFFFF; text-decoration: none; }

.tablea .header {
	font-size: 11px;
	line-height: 17px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #2592d7;
	padding: 20px;
}
.tablea .header A:link { color: #FFFFFF; text-decoration: underline;}
.tablea .header A:visited { color: #FFFFFF; text-decoration: underline; }
.tablea .header A:active { color: #FFFFFF; text-decoration: underline; }
.tablea .header A:hover { color: #FFFFFF; text-decoration: none; }

.tablea .header td { padding: 2px;}

.tablea .footer { 
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	background-color: #003C7B;
}
.tablea .footer td { text-align: center;}
.tablea .alt { background:#E2E2D2;}
.tablea .pager { font-size: 12px; COLOR: #000000; background:#FFFFFF; }
.tablea .pager A { font-weight:bold; }

.tableb {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 13px;
	font-weight: normal;
	border: 1px solid #794500;
	background: #ffffff;
	color: #000000;
	border-collapse: collapse; /* this sets cellspacing to 0 on tables */
}
.tableb A:link { COLOR: #003C7B; text-decoration: underline;}
.tableb A:visited { COLOR: #003C7B; text-decoration: underline;}
.tableb A:active { COLOR: #003C7B; text-decoration: underline;}
.tableb A:hover { COLOR: #003C7B; text-decoration: none;}

.tableb td { padding: 2px; border: 1px; }

/* Use "th" if possible. If .net does not support "th" then use "header" class */
.tableb th {
	font-size: 11px;
	font-weight: bold;
	color: #fff;
	background-color:#800020 ;
	padding: 8px;
}
.tableb th A:link { color: #FFFFFF; text-decoration: underline;}
.tableb th A:visited { color: #FFFFFF; text-decoration: underline; }
.tableb th A:active { color: #FFFFFF; text-decoration: underline; }
.tableb th A:hover { color: #FFFFFF; text-decoration: none; }

.tableb .header 
{
    text-align:left;
    display: block;
	font-size: 10px;
	line-height: 17px;
	font-weight: bold; 
	color: #FFFFFF;
	background-color: #01461A;
	padding: 3px;
}
.tableb .header A:link { color: #FFFFFF; text-decoration: underline;}
.tableb .header A:visited { color: #FFFFFF; text-decoration: underline; }
.tableb .header A:active { color: #FFFFFF; text-decoration: underline; }
.tableb .header A:hover { color: #FFFFFF; text-decoration: none; }

.tableb .header td { padding: 2px; }

.tableb .footer { 
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	background-color: #003C7B;
}
.tableb .footer td { text-align: center;}
.tableb .alt { background:#fbf6f2; border-top: 1px solid #c3bab3;}

tr.headerBG td {
	background-image:url(images/admin_logo.gif); 
	background-position:left top; 
	background-repeat:no-repeat;
	height:100px; 
	vertical-align:top; 
	background-color:#5d595a; 
	padding:10px 0 0 20px;}

tr.headerBG td div { padding:20px 20px 0 0; color:#fff;}

tr.headerBG td div p.content a {color:white;}

.headerBG {font-family: Verdana; font-size: 12px; background-repeat:repeat-x; background-position:top;}

tr.headerBG td img {display:none;}

.linkDescription {
    padding: 0 0 2px 0;
}

.featuredSeparator {
    padding: 0 0 12px 0;
}

.reservationSystem {
    padding: 0 0 0 15px;
}

.buttons ul{
	background-image:url(images/iowa.png);
	background-repeat:no-repeat;
	list-style-type:none;
	line-height:8px;
	height:139px;
	width:188px;
	padding-top:35px;
	}

.buttons li { 
	margin:0px 0px 0px 25px; 
	padding:0px; 
	list-style-type:none;
	}

.button_bg { 
	background-image:url(images/iowa.png); background-repeat:no-repeat; 
	}
	
#rightCol .buttons li img { border:none;}

#leftCol ul.news {margin:0px; padding:0px; list-style-type:none; color:#ab1d41; }
#leftCol ul.news li { 
	margin:0px 0 7px 0; 
	padding:0px 0 0 20px; 
	list-style-type:none; 
	background-image:url(images/news_bullet.gif); 
	background-position: 12px 10px; 
	background-repeat:no-repeat;
	line-height:19px;
}
#leftCol ul.news li span {
	font-style: italic;
}



/* -- tableReport -- */
.tableReport {
	color: #000; 
	border:1px solid #221D56; 
	background:#FFFFFF; 
	border-collapse: collapse;
	}
.tableReport.widthA {width:500px;} /* use as a double class with ".table1" to set a common width */
.tableReport.widthB {width:300px;} /* use as a double class with ".table1" to set a common width */
.tableReport.fullWidth {width:100%;} /* use as a double class with ".table1" to set a width of 100% */

.tableReport A {color: #221D56;}

.tableReport td {padding: 4px 12px 4px 4px;}
.tableReport label {
	margin:4px 5px 0 0;
	float:left;
	font-weight: bold;
	width:180px;
	}
.tableReport th, .tableReport .tableHead {
	font-weight: bold;
	color: #FFFFFF;
	background: #221D56 url(/images/bg1.gif) repeat-x;
	}

.tableReport th, .table1 .tableHead td { text-align:left; padding: 6px 12px 6px 4px;}

.tableReport th A, .table1 .tableHead A {color: #FFFFFF;}

.tableReport .alt { background:#EEEEEE;}

.tableReport .pager { color: #496d8f;}
.tableReport .pager A { color: #496d8f;}

.button { 
    	background: #496d8f url(/images/bg1.gif) repeat-x;
        color:#fff; font-weight:bold; margin:0;
        font-size:12px;
    }
