/* CSS Document */

body { 
	background: #30361c url(images/body_bg.jpg) no-repeat 50% top; 
	color: #333; 
	margin: 0; 
	padding: 0;
	font: 12px/20px Verdana, Arial, Helvetica, sans-serif; 	
	}
	
body.inside #leftCol {width:490px;}
body.inside #rightCol {display:none;}

.wrapper1 {
	width:798px;
	margin: 0 auto;
	}

p {
	padding:0px;
	margin: 0 0 12px 0px;
	}
	
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #333333;
	margin: 0 0 15px 0;
	padding: 0;
	}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	margin:0px 0 5px 0;
	padding:0px;
	}

ul {margin:0px; padding:0px;}
li {margin:0px; padding:0px;}

a:link{color: #8b1e16;}
a:visited{color: #8b1e16;}
a:active{color: #8b1e16;}
a:hover{color: #c84515;}

#container {

	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: black;
	background-image: url(images/content_bg.gif);
	background-repeat: repeat-y;
	float:left;
	}

body.inside #container {

	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: black;
	background-color:#fff;
	float:left;
	background-image:none;
	}

.input {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #997337;
	font-size: 11px;
	margin:0 0 12px 0px;
	padding: 0;
	width:175px;
	}

#wrapper1 {
	width:798px;
	margin: 0;
	padding: 0;
	}

#wrapper { 
	width:798px; 
	margin: 0; 
	padding: 0;
	}

#header { 
	width: 798px;
	height: 214px;
	margin: 0;
	padding:0px;
	background:url(/images/header_bg.jpg) no-repeat;}

#welcome {
	width: 592px;
	float: left;
	padding: 0;
	margin: 0;
/*	background-color:orange;*/
	}


#leftCol {
	width: 365px;
	float: left;
	margin: 0;
	padding: 45px 11px 0 15px;
/*	background:blue;*/
	color:#000;
	}

#leftCol ul {
	margin: 0 5px 20px 0px;
	padding: 0;
	}
	
#leftCol ul li {
	background: url(/images/bullet.gif) no-repeat left 12px;
	margin: 0;
	padding: 4px 0 4px 8px;
	list-style-type: none;
	}
	
#leftCol dl {margin:0px; padding:0px;}
#leftCol dt {display:inline; float:left; margin-right:8px;}
	
.divider {
	margin: 15px 0;
	}	
	
#rightCol {
	float: left;
	width: 200px;
	color: #000;
	text-align:center;
	padding-top:40px;
/*	background-color:purple;*/
	}

#leftCol li {
	margin: 0px;
	padding: 0 0 2px 0;
	}

#rightCol img {margin: 0 0 20px 0; border: 3px solid #fff;}
	
#rightCol h1 {
	/*background-image:url(images/featured_museum_header.gif);
	width:203px; 
	height:34px; 
	text-indent:-9999px;*/ 
	
	margin: 0 0 15px 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: underline;
	}

#rightCol dl {margin:0px;padding:0px; width: 150px;}
#rightCol dt {
	margin: 2px 0 8px 0;
	padding: 0px;
	font-weight: bold;
	}

#rightCol dt a:link{color: #2692d7;}
#rightCol dt a:visited{color: #2692d7;}
#rightCol dt a:active{color: #2692d7;}
#rightCol dt a:hover{color: #135a87;}

#rightCol 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: 798px;
/*	background:brown;*/
	height:10px;
}
	
#footer {
	font: 11px/2 Verdana, Arial, Helvetica, sans-serif;
	width: 798px;
	background-image: url(/images/footer_bg.gif); 
	background-repeat:repeat-y;
	padding: 10px 0;
	margin: 0 auto 40px auto;
	clear: both;
	color: #2e291b;
	text-align: center;
	clear:both;
	border-bottom:5px solid #fff;
	
	}
	
#footer a:link{color: #2e291b; text-decoration:none;}
#footer a:visited{color: #2e291b;  text-decoration:none;}
#footer a:active{color: #2e291b;  text-decoration:none;}
#footer a:hover{color: #2e291b; text-decoration:underline;}

.table1 {
	border-right:2px solid #18562a;
	border-left:2px solid #18562a;
	border-bottom:2px solid #18562a;
	margin:15px 0;
	width:545px;
	
	}
	
.table1 td { padding: 2px 0px 2px 5px; vertical-align: top; }
.table1 .tablehead {
	background: #18562a;
	color: white;
	font-weight: bold;
	}
.table1 tr.alt {background :#fff;}

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;
}


/* -- photo Album --*/

.photoAlbumWrap {
	width:100%;
	}
.photoAlbumWrap dl {
	float:left;
	width:170px;
	height:170px;
	margin:0 0 0 0;
	}
.photoAlbumWrap dt {
	width:150px;
	text-align:center;
	margin:0 0 5px 0;
	}
.photoAlbumWrap dd {
	float:left;
	width:150px;
	height:120px;
	margin:0;
	padding:0;
	text-align:center;
	}
.photoAlbumWrap dd input {
	max-width:140px;
	width: expression(this.width > 141 ? 140: true);
	height:110px;
	border:1px solid #e0dfdf;
	padding:5px;

	}

/* -- photo detail -- */
.photosWrap dl {
	float:left;
	width:100%;
	margin:0 0 15px 0;
	padding:0;
	position:relative;
	}
.photosWrap dt {
	color: #5c1a0b;
	font-size: 15px;
	font-weight: bold;
	margin:0 0 5px 0;
	padding:0;
	}
.photosWrap dd {
	clear:both;
	margin:0;
	padding:0;
	}
dd.albumSelect {
	width:100%;
	float:left;
	text-align:right;
	padding:0 0 5px 0;
	margin:0 0 0 0;
	}
dd.albumSelect label {
	font-style:italic;
	padding:0 3px 0 0;
	}
dd.albumSelect select {
	font-size:11px;
	}
#leftCol .photosWrap ul {
	padding:0;
	margin:0;
	list-style:none;
	width:100%;
	float:left;
		list-style-type:none;
	}
#leftCol .photosWrap ul li {

	float:left;
	list-style-type:none;
	list-style-image: none;
	background-image:none;
	}

#leftCol .photosWrap li img {
	float:left;
	max-width:140px;
	width: expression(this.width > 141 ? 140: true);
	height:110px;	
	padding:5px;
	border:1px solid #e0dfdf;