body, html {
	/*font-family:			Helvetica, Verdana, sans-serif;	*/
	/*font-family: 			Tahoma, Geneva, sans-serif;*/
	font-family:           	'Lucida Grande',Verdana,Helvetica,sans-serif;
	font-size: 				12px;
	line-height:			14px;
	color: 					#666666;
	background-color:		#eaeaea;
}


h1 {
	font-family:			Tahoma, Geneva, sans-serif;
	font-family: 			'Vollkorn', arial, serif;
	font-size: 				20px;
	line-height:			22px;
	font-weight:			normal;
	letter-spacing: 		2px; 
	color: 					#777161; 
	margin: 				-10px 0 20px 0;
}
h1 span {
	/*border-bottom:			1px solid #A09B8B;*/
}

/*
strong{
	font-weight:			1000;
	color:					#000;
}*/

h2 { font-weight: bold;color: #61605e;}
.spaced {letter-spacing: 1px;font-weight:bold;color:#61605e;}

#content a,
#footer a { color:#777161; border-bottom: 1px #777161 dotted; text-decoration:none;background:none;}
a:link{ color:#777161;}
a:hover{ color:#000; background:#DAD9D8; }
a:active{ color:#846940;}

a:focus {  outline: none;border: 0; }
button::-moz-focus-inner { border: 0; }

a.link,
a.img,
#bottomNav a,
#carousel a,
#gallery a {
	border-bottom:	none;
	background:		none;
}
a.img, a.img:hover{background:none;border:none}

.txt p{
	line-height: 25px;
}

.head{
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 1pt;
}
.spacedR{
	letter-spacing: 2px;
}

#wrap{
	width:				972px;
	min-height:			500px;
	margin: 			0 auto;
	background-color:	#FBFBFB;
	border:				3px solid #DDDDDD;
	border-top:			none;
}
#container{
	min-height:			250px;
	padding-bottom:		25px;
	margin:				0 20px;	
}

#top{
	position:			relative;
	height: 			100px;	
	padding-top:		20px;
	border-bottom:		1px solid #777161;
}

#topImg{
	float: 				left;
	width:				312px;
	height:				330px;
	padding:			0;
}
/*---------------- contact ----------------------*/
.contact #topImg{
	width:				380px;
	height:				230px;
}
#listTease {
	padding:			20px;
	float:				right;
	font-size:			13px;
	line-height:		16px;
	text-align:			left;
	width:				190px;
	padding:			15px 20px 20px 20px;
	background: 		#DDDDDD;
}

/*---------------- mailinglist ----------------------*/
#subunsub {
	float: 	left;
	width:	400px;
}
.mailLeft{
	margin-top: 10px;
}
/*---------------- menu ----------------------*/
#menu{
	font-family: 		Tahoma, Geneva, sans-serif;
	font-family: 		'Vollkorn', arial, serif;
	position:			absolute;
	top:				83px;
	right:				0;
	list-style-image:	none;
	list-style-type:	none;
	font-size: 			18px;
	font-weight: 		bold;
}
#menu li{
	float:				left;
	padding: 			0;
	margin: 			0;
	position:			relative;
	line-height:		30px;
	width:				100px;
}
#menu li.search{
	width:				auto;
}
#menu a{
	float:				left;
	white-space: 		nowrap; 
	padding: 			0px;
	margin: 			0px;
	color: 				#777676;
	padding-left:		1px;
	text-decoration: 	none;
	border:				none;
}
#menu a:hover {
	background: 		none;
	color:				#000;
}


/*----------------droplicous v1.1 ----------------------*/
#menu ul.scriptaculously{
	text-align:			left;
	z-index:			99;
	margin:				0;
	padding:			0 10px 20px 10px;
	position:			absolute;
	left:				2px;
	top:				37px;
	font-size: 			16px;
	list-style-image:	none;
	list-style-type:	none;
	background:			#eaeaea;
	opacity:			0.9;
	filter:				alpha(opacity=90);
	border:				1px solid #777676;
	/*border-top:			none;*/
}/*
html>body #menu ul.scriptaculously{
	position:			absolute;	
	top:				30px;
}*/
#menu ul.scriptaculously a{
	position:			relative;
	z-index:			999;
	margin:				0;
	color: 				#777676;
	display:			block;
}
#menu ul.scriptaculously li{
	width:				100%;
	/*height:				28px;*/
	line-height:		16px;
	padding:			4px;
}

#menu ul.scriptaculously a:hover {
	background: 		none;
	color:				#000;
}


/*---------------- content ----------------------*/
#content{
	padding-top:		20px;
	width:				100%;
}

#content ul {
	padding-left:		40px;
}

#content li {
	padding:			4px 0;
	line-height:		18px;
}

.box{
	text-align:			center;
	float: 				left;
	height:				auto;
	margin-bottom:		20px;
	padding-top:		10px;
	width:				310px;
	height:				210px;
}
p.spacer {
	clear: both;
	height:10px; 
	display:block;
}
.imgDiv{
	background-color:	#FFF;
	margin: 			0 auto;
	/*float: 				left;*/
	padding:			5px 5px 2px 5px;
	border:				1px solid #DDDDDD;
}

p.imgLink {
	padding-top:		5px;
}

.txt {
	text-align:			left;
}
#intro {
	margin:				16px 30px 0;
	float:				left;
	width:				329px;
	height:				280px;
}
.contact #intro {
	width:				262px;
}

#info{
	float:				left;
}

.infoBox {
	padding:			20px;
	float:				right;
	font-size:			13px;
	line-height:		16px;
	text-align:			left;
	width:				190px;
	padding:			15px 20px 20px 20px;
	background: 		#EFEFEF;
}

#info .link{
	padding-top:       29px;
}
#info h1 {
	font-size: 			18px;
}
#news {
	clear:				both;
	float:				left;
	margin-top:			20px;
	width:				100%;
}
#directions {
	clear:				both;
	float:				left;
	width:				400px;
}

/*---------------- home: carousel ----------------------*/
#carousel{
	clear:				both;
	margin-top:			60px;
	width:				100%;
	height:				480px;
	border:				1px solid #DDDDDD;
	background: 		#FFF;
	position: 			relative;
	text-align:			center;
}
#carousel p.legend {
	padding-top:		7px;
	font-style: 		italic;
}
#carousel .box {
	float:				left;
	padding-top:		10px;
	height:				210px;
}
/*---------------- gallery ----------------------*/
#gallery {
	margin-top:			20px;
}
#gallery .box{
	height:				245px;
}
#gallery .box p{
	padding:			0 10px;
}
/*---------------- footer ----------------------*/
#footer {
	font-size:			12px;
	width:				100%;
	margin:				20px 0;
	float: 				left;
	text-align: 		center;
}
#footer ul{
	list-style:			none; 
	width: 				100%; 
	margin-left: 		auto;
	margin-right: 		auto;
}

#footer li{
	display: 			inline;
	padding-left: 		15px;
}
#footer a {
	text-decoration: 	none;
	border:				none;
}
#footer a:hover {
	background:			none;
	text-decoration:	underline;
}
.h2Gall{
	font: 				bold 18px;
	letter-spacing: 	1px;
	color: 				#8f5702;
	clear:				both;
	margin-top:			5px;
}

.bordered{
	border: 			1px solid #000;
}

#photoNav{
	width:				100%;
	clear:				both;
	height:				40px;
	padding-top:		20px;
	line-height:		14px;
	margin:				auto;
	text-align:			center;
}

/* --- library ---*/
h1.lib {
	margin-bottom: 20px;
}
h1.lib a:hover{
	background: none;
}
div.lib p{
	line-height:		22px;
}
div.lib img{
	padding: 10px 10px 10px 0;
}

/* --- search ---*/
#searchForm{
	margin: 40px 0;
}
input {
	border-color: #CCCCCC #999999 #999999 #CCCCCC;
	border-style: solid;
	border-width: 1px;
}
#results{
	margin: 20px 0;
}
#results h2.search{
	font-size:	16px;
}
#gallery .album .box{
	clear: both;
}

p.hours {
	 height: auto;
    overflow: auto;
    position: relative;
    width: 100%;
}
p.hours span{
	clear:   both;
	float: 	left;
	width:	66px;
	display: block;
}
p.hours span.right{
	clear: none;
	text-align: right;
	width: 120px;
}
p.tel {
	clear: both;
	margin-top: 20px;
	width: 100%;	
}

div.lib {
	padding: 5px;
}