@import url("/navigation.css");
/* CSS Document */

body {
	background-color:#571b67;
	color: #35393e;
	margin: 0;
	padding: 0;
	background-image: url(/images/body_bg.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	}
	
body.inside #leftCol {width:620px;}
body.inside #rightCol {display:none;}

.wrapper1 { margin:0;
	}

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

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

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

a:link{color: #561A66;}
a:visited{color: #561A66;}
a:active{color: #561A66;}
a:hover{color: #6a8f1e;}

#container {
	width:950px;
	margin: 0 auto 0px auto;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: black;
	background:white;
	}
	
#container {
	width:950px;
	margin: 0 auto 0px auto;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: black;
	background-image: url(images/container_bg.gif); background-repeat:repeat-y;
	}

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

/*#wrapper1 {
	width:745px;
	margin: 0;
	padding: 0;
	}
*/

#wrapper1 {
	width:950px;
	margin: 0;
	padding: 0;
	background-color:pink;
	}


#header { 
	width: 950px;
	height: 240px;
	float:left;
	margin: 0 0 0 0;
	padding:0px;
	background-image: url(/images/header.jpg);
	background-position:left top;
	background-repeat:no-repeat;

	}
	

#welcome {
width:680px;
	float: left;
	padding: 0;
	margin: 0;

	}
	



#leftCol {
	width: 430px;
	float: left;
	margin:0 0 20px 0;
	padding: 0px 35px 0 15px;
/*	background:blue;*/
	color:#35393e;
	}
	
.flash_container {width:430px; text-align:center; padding:15px 0;}
	
.mission_statement { border:1px solid #d3d2d1; background-image: url(images/mission_statement_bg.gif); background-repeat:repeat-x; background-position:top; background-color:#fff; padding:17px 25px; margin:20px 0; }

#leftCol ul {
	margin: 0 0px 0 0px;
	padding: 0 0 0 20px;
	}
	
#leftCol ul li {
	margin: 0;
	padding: 0px 0 0 8px;
	list-style-type: none;
	background-image: url(images/news_bullet.gif);
	background-repeat: no-repeat;
	background-position: left 10px;
	}

#leftCol ul li.viewall {
	margin: 5px 0 0 0;
	padding: 0px 0 0 8px;
	list-style-type: none;
	background-image: url(images/viewall_bullet.gif);
	background-repeat: no-repeat;
	background-position: left 10px;
	}
	

	
.divider {
	margin: 15px 0;
	}	
	
#rightCol {
	float: left;
	width: 180px;
	color: #000;
/*background-color:purple;*/
	padding:0;
	}

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

#rightCol img {margin: 0 0 0px 0; padding:3px; background-color:#fff; border:none;}
	
#rightCol h2 {

	margin: 0 0 15px 0; 
	padding: 0;
/*	background-color:yellow;*/
	width:158px; text-align:center;
	}

#rightCol dl {margin:0px 0 20px 0; padding:0px; width: 167px; /*background-color:pink;*/}

#rightCol dt {
	margin:0;
	padding: 0px 0 2px 0;
	width:167px;
	}

#rightCol dd {margin:0px; padding:0px 10px; width:147px; text-align:center; line-height:14px; font-size:12px;}

#rightCol dd a:link, #rightCol dd a:visited, #rightCol dd a:active { text-decoration:none; color:#571a68; text-decoration:underline; }
#rightCol dd a:hover {color:#6a8f1e; text-decoration:underline; }

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

#footer {

	width: 930px;
	height:70px;
	/*	background: #231f20;*/
    background-image:url(images/footer_bg.gif);
	background-repeat:repeat-x;
	background-position:left top;
	padding:80px 0 0 20px;
	margin: 0 auto;
	color: #fff;
	clear:both;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color:black;
	position:relative;
}

.footerfrogs {position:absolute; left:20px; top:0px; width:244px; height:75px; background-image:url(/images/footer_frogs.gif); background-repeat:no-repeat; background-position:left top;}
	
#footer a:link{color: #fff; text-decoration:none;}
#footer a:visited{color: #fff;  text-decoration:none;}
#footer a:active{color: #fff;  text-decoration:none;}
#footer a:hover{color: #fff; text-decoration:underline;}

.neighborworks {float:left; padding-right:35px;}
.links {float:left; text-align:left; padding-right:25px; width:500px;}
.eho {float:right;}

.table1 {
	border-right:2px solid #18562a;
	border-left:2px solid #18562a;
	border-bottom:2px solid #18562a;
	margin:15px 0;
	}
	
.table1 td { padding: 2px 0px 2px 5px; vertical-align: top; }
.table1 .tablehead {
	background: #000;
	color: #fff;
	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;
}


/*Affiliations or Partners Styles------------------------*/

dl.affiliationWrap { float:left; width:305px; /*background-color:pink;*/ height:100px;}
.affiliationWrap dt { float:left; width:110px; text-align:center;}
.affiliationWrap dt img {	max-width:80px;
	width: expression(this.width > 81 ? 80: true);}
	
.affiliationWrap dd.affiliationname { font-weight:bold; line-height:14px; margin:0 0 3px 0;}
.affiliationWrap dd.affiliationrelationship { line-height:14px; margin:0 0 3px 0;}


/*Products or Featured Artist Styles------------------------*/

dl.products {padding:0px; float:left; width:185px; /*background-color:yellow;*/  margin:15px 0 0px 0; padding:0; height:225px;}
dl.products dt { float:left; width:185px; text-align:center; /*background-color:pink;*/ margin:0px; padding:0px; height:160px;}
dl.products dt img {	max-height:150px; height: expression(this.width > 151 ? 150: true); _height:150px; _width:150px; border:1px solid #000; max-width:150px; width: expression(this.width > 151 ? 150: true);}


dl.products dd { clear:both;width:165px; text-align:center;margin:0px 0 20px 0; padding:0px 10px; /*background-color:green;*/ line-height:16px;}

dl.productdetail { margin:0px; padding:0px;}
dl.productdetail dt {margin:0px 0 15px 0; padding:0px; font-weight:bold;}
dl.productdetail dt img {border:1px solid #000; margin-bottom:15px; max-width:500px; width: expression(this.width > 501 ? 500: true);}
dl.productdetail dd {margin:0px; padding:0px;}


dl.sounds { width:100%;  float:left; margin:0 0 12px 0; padding:0;}
.sounds dt { width:100%;  float:left; margin:0; padding:0;}
.sounds dd{ width:100%;  float:left; margin:0; padding:0;}

dl.newslistWrap {margin:0px 0 12px 0; padding:0px; width:100%;}
.newslistWrap dt {margin:0px; padding:0px; width:100%;}
.newslistWrap dd {margin:0px; padding:0px; width:100%;}
.newslistWrap dd.date { font-weight:bold;}

dl.newsdetailWrap {margin:0px 0 12px 0; padding:0px; width:100%;}
.newsdetailWrap dt {margin:0px 0 15px 0; padding:0px; width:100%; font-size:16px; font-weight:bold; color:#5a1b65;}
.newsdetailWrap dd {margin:0px; padding:0px; width:100%;}
.newsdetailWrap dd span.photo { float:left; padding:0 20px 20px 0;}
.newsdetailWrap dd span.photo img {border:1px solid #000;}
.newsdetailWrap dd.date { font-weight:bold;}