@charset "utf-8";
/* CSS Document */


/*  Wethersfield Historical Society 2010 - CSS written by Danielle Amaral-LeBlanc on behalf of Payson, LLC */

/*---colors used 
	marroon: #a41f34
	dark-grey: #313131
	navy: #153e60
	gold: #8a7c4c;
	dark-gold: #60583c;
	light-navy:#153e60
	*/

ol li a{ 
	color:  #404040;
	text-decoration: underline;
}

ol li a:hover {
	color: #a41f34;
}
body {
	background-color: #d6cd8f;
	margin: 0px;
	padding: 0px;
}

#page {
	width: 900px;
	padding: 0px 13px ;
	margin: 0px auto;
	background-image:url(images/page_background2.jpg);
	background-repeat: repeat-y;
	background-color: #FFF;
	height: auto;
}

/*------header-------*/
#header {
	width: 880px;
	height: 104px;
	padding: 0px 10px;
	background-color:#FFF;
	border-bottom: 4px solid #153e60; 
}
	
	.logo {
		float: left;
	}
	
	
	.location {
		width: 700px;
		height: 104px;
		float: left;	
	}
	
		.location h1 {
			font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
			font-size: 35px;
			color: #a41f34;
			font-weight: normal;
			margin: 7px 0px 0px 0px;
		}
	
		.address {
			margin-left: 5px; 
			font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
			font-size: 12px;
			color: #313131;
		}

	.socialmedia {
		width: 90px;
		height: 44px;
		padding: 30px 0px 0px 9px; 
		float: left;
	}
		.icons {
			margin: 0px 5px;
		}
		
		
		
/*------slideshow-------*/	
#slideshow {
	width: 900px;
	height: 209px;
	float: left;
}

/*------navigation-------*/	
#nav-container {
	width: 900px;
	height: 34px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0;
	float: left;
}

	/* Navigation */
ul.menu {list-style:none; margin:0; padding:0;}
			ul.menu * {margin:0; padding:0;}
			ul.menu a {display:block; color:#a41f34; text-decoration:none;}
			ul.menu li {position:relative; float:left; }
			ul.menu ul {position:absolute; top:34px; left:0; background:#efebd3; display:none; opacity:0; list-style:none;}
			ul.menu ul li {position:relative; border-bottom:1px solid #e0dcc2; width: 189px; height: auto; margin:0;}
			ul.menu ul li a {display:block; padding:3px 7px 5px; background-color: #efebd3;}
			ul.menu ul li a:hover {color: #153e60;}
			ul.menu ul ul {left:189px; top:0px;}




			
					/*-----navs------*/
					ul.menu .home {
						width: 102px;
						height:34px;
						background-image: url(images/home-nav.jpg);
					}
					
					ul.menu .about {
						width: 150px;
						height:34px;
						background-image: url(images/aboutus-nav.jpg);
					}
					
					ul.menu .visit {
						width: 94px;
						height:34px;
						background-image: url(images/visit-nav.jpg);
						
					}
					
					ul.menu .education{
						width: 189px;
						height:34px;
						background-image: url(images/education-nav.jpg);
					}
					
					ul.menu .site{
						width: 136px;
						height:34px;
						background-image: url(images/site-nav.jpg);
					}
					
					ul.menu .support{
						width: 137px;
						height:34px;
						background-image: url(images/support-nav.jpg);
					}
					
				ul.menu .shop{
						width: 92px;
						height:34px;
						background-image: url(images/shop-nav.jpg);
					}
				
			ul.menu .home:hover, ul.menu .about:hover, ul.menu .visit:hover, ul.menu .education:hover, ul.menu .site:hover, ul.menu .support:hover, ul.menu .shop:hover {
				background-position: 0px -34px;
				}

/*------side navigation-----*/

#signup {
	width: 187px;
	height: auto;
	border: 1px solid #831627;
	margin: 10px 25px 0px 30px;
	background-color:#a41f34;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-size: 11px;
	color: #f8f7e0;
	padding: 8px 0px;
}
#sidenavigation {
	width: 219px;
	height: auto;
	margin: 10px 25px 0px 0px;
	background-color:#FFF;
	float: left;
}


	#sidenavigation ul {
       	list-style:none;
      	margin:0;
      	padding:0;
		display:inline;
		font-familY: Arial, Helvetica, sans-serif;
		text-transform: uppercase;
		font-size: 11px;
		color: #a41f34;

    			}
				
			#sidenavigation ul li {
       			display:inline;
       			list-style:none;
      			margin: 5px 0px;
				padding: 8px 0px;
				display:block;
				border-bottom: 2px solid  #e8e2ce;
				margin-left: 30px;
			
    			}
			
				
			#sidenavigation ul li a {
				display:inline;
				color: #a41f34;
				text-decoration:none;	
				}
				
			#sidenavigation ul li a:hover {
				color: #cfb86a;
				}
			
			#sidenavigation ul li a.links {
				color: #60583c;
			}
			
			#sidenavigation ul li a.links:hover {
				color:#8a7c4c;
			}

/*------content section ----------*/
#content-container {
	width: 636px;
	height: auto;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 20px;
	padding-right: 20px;
	font-size: 12px;
	line-height: 21px;
	color:  #404040;
}



#content-container p a{
	color:  #404040;
	text-decoration: underline;
}

#content-container p a:hover{
	text-decoration: underline;
	color:  #a41f34;
}



#content-container ul a{
	color:  #404040;
	text-decoration: underline;
}

#content-container ul a:hover{
	color:  #a41f34;
	text-decoration: underline;
}


#content-container ul li{
	line-height: 25px;

}

#content-container ul li ul li{
	margin-left: -20px;
	line-height: 20px;
	font-size: 11px;

}



.highlight {
	color:#a41f34;
}
		.highlight a{
		color:#a41f34;
		}
		
		.highlight a:hover{
		color:#404040;
		}


 hr {
	color: #e8e2ce;
background-color: #e8e2ce;
height: 1px;

 }
 
 p {
	 margin: 5px 0px 15px 0px;
	 }
	 
h1 {
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 22px;
	color: #a41f34;
	font-weight: normal;
	margin: 0px 0px 15px 0px;
}

h2 {
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 15px;
	color:#a41f34 ;
	text-transform: uppercase;
	margin: 30px 0px 8px 0px;
}

h2 a{
	color: #a41f34;
	text-decoration: none;
	}

h3 {
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 14px;
	color: #153e60;
	margin: 0;
	font-weight: normal;
}

	h3 a{
		color: #153e60;
		text-decoration: underline;
	}
	
	h3 a:hover{
		color: #a41f34;
		text-decoration: underline;
	}



	.nounderline {
		text-decoration: none;
	}
	/*---homepage---*/
	#exhibitions {
		width: 636px;
		height: auto;
		background-color: #153e60;
		border: 1px solid #153e60;
		
		
	}
		.exhibit-pic {
		width: auto;
		height: auto;
		float: left;
		padding: 10px 0px 10px 10px;
		
		}
	
		.exhibit-text {
			width: 330px;
			padding: 20px;
			height: auto;
			float: left;
			color: #fff;
			font-size: 11px;
			line-height: 20px;
		}
		
		#exhibitions h1 {
			font-size: 15px;
			font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
			color: #fff;
			margin: 4px 0px;
			}
			
		#exhibitions p a{
			color: #8a7c4c;
			text-decoration: none;
			font-style:italic;
		}
	
		#exhibitions p a:hover{
			color: #8a7c4c;
			text-decoration: underline;
			font-style:italic;
		}
		
	#events {
		width: 595px;
		height: auto;
		background-color: #f3f3f3;
		border-left: 1px solid #c7c7c7;
		border-right: 1px solid #c7c7c7;
		padding: 0 20px 10px 20px;
		color: #404040;
		font-size: 12px;
		float: left;
		line-height: 25px;
		}

			#events h1 {
				font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
				font-size: 20px;
				color: #8a7c4c;
				font-style: italic;
				margin: 10px 0px 0px 0px;	
			}
			
			.homelink a {
				font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
				font-size: 14px;
				font-style: italic;
				text-transform: uppercase;
				color: #8a7c4c;
				text-align: right;
				display: block;
				margin-top: 20px;
			}
			
		#keeneykids {
		width: 635px;
		height: auto;
		background-color: #a41f34;
		border: 1px solid #a41f34;
		
		
	}
	
		
		#keeneykids h1 {
			font-size: 15px;
			font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
			color: #fff;
			margin: 4px 0px;
			}
			
		#keeneykids p a{
			color: #8a7c4c;
			text-decoration: none;
			font-style:italic;
		}
	
		#keeneykids p a:hover{
			color: #8a7c4c;
			text-decoration: underline;
			font-style:italic;
		}
		
	#box {
		width: 25%;
		height: auto;
		float: left;
	}
	
		
	#box2 {
		width: 40%;
		height: auto;
		float: left;
	}
	
	#box3 {
		width: 50%;
		height: auto;
		float: left;
	}
	
	#box-properties{
		width: 34%;
		height: auto;
		float: left;
	}
	
	#box-shop {
		width: 20%;
		height: 260px;
		float: left;	
		text-align: center;
		border: 1px solid #e8e2ce;
		margin: 0px 5px 20px 5px;
		padding-top: 10px;
	}
	
	#box-shop a {
		color: #404040;
		text-decoration: none;
	}
	
	#box-shop a:hover {
		color: #a41f34;
		text-decoration: underline;
	}
		.shop-title {
			width: 100%;
			height: auto;
			margin-bottom: 10px;
			padding-bottom: 10px;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 11px;
			color: #404040;
			margin: 0;
			line-height: 17px;	
		}
		
		.shop-images {
			width: 100%;
			height: 150px;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 11px;
			color: #404040;
			margin-bottom: 10px;
			font-weight: normal;
		
		}
		
		.shop-button {
			width: 100%;
			height: auto;	
		}
		
		.item {
			width: 190px;
			float: left;
			height: auto;
			padding: 20px 0px 0px 20px;

		}
		
		.itemtext {
			width: 400px;
			float: left;
			height: auto;
			padding: 20px 0px 0px 0px;
		}
		

	
	.images {
		border: 1px solid #153e60;
	}
/*------footer----------*/
#footer {
	width: 900px;
	height: 80px;
	background-color:#FFF;
	margin-top: 20px;
	padding-top: 15px;
	border-top: 1px solid #c7c7c7;
}

	.footer-address {
		width: 340px;
		height: auto;
		float: left;
		color: #153e60;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 10px;
		line-height: 16px;
		margin-left: 20px;
	}
	
		.footer-name {
			font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
			font-size: 15px;
			display: block;
			line-height: 25px;
		}
		
	.footer-navigation {
		text-align: right;
		margin-top: 20px;
		width: 520px;
		height: auto;
		float: left;
		color: #a41f34;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 10px;
	}
	
		.footer-navigation a{
			color: #a41f34;
			text-decoration: none;
		}
		
		.footer-navigation a:hover{
			text-decoration: underline;
		}
		
		.credit {
			font-style: italic;
			color: #999;
		}
		
		.credit a{
			text-decoration: underline;
			color: #999;
		}
		
/*-----blog styles-----*/
#sidenavigation h2 {
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 13px;
	color:#153e60 ;
	text-transform: uppercase;
	margin: 20px 0px 0px 30px;
}

	#sidenavigation h2 a{
	color: #153e60;
	text-decoration: none;
	
	}
	
	#sidenavigation h2 a:hover{
	color: #153e60;
	text-decoration: underline;
	}
	
.search {
	color: #153e60;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 5px 0px;
}

.leftmargin {
	margin-left: 30px;
}

.sub{
		font-family: Arial, Helvetica, sans-serif;
		font-size: 9px;
		color:#153e60;
		line-height: 20px;
	}
	
	.sub a{
			font-family: Arial, Helvetica, sans-serif;
			font-size: 9px;
			color: #153e60;
			text-decoration: none;
			line-height: 12px;
		}
		
	.sub a:hover{
			color: #153e60;
			text-decoration: underline;
		}

.home {
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 11px;
	color:#153e60 ;
	text-transform: uppercase;
	margin: 20px 0px 0px 30px;
	display: block;
}

	.home a{
		color:#153e60 ;
		text-decoration: none;
	}
	
	.home a:hover{
		color:#153e60 ;
		text-decoration: underline;
	}

/*------ float clearing -----*/
.clear {
    clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  font-size: 0;

}
  
/* IE6 css fixer v0.8: Tue, 25 May 2010 17:09:24 +0200 */

/* ============================================= */
/* safe settings                                 */

/* add display:inline to floated elements */
.logo,
.location,
.socialmedia,
#slideshow,
#nav-container,
ul.menu li,
#sidenavigation,
#content-container,
.exhibit-pic,
.exhibit-text,
#events,
.footer-address,
.footer-navigation {display:inline;}

/* fix negative margins */

/* add zoom:1 to pos:relative elements */
ul.menu li,
ul.menu ul li {zoom:1;}

/* add transparancy */
ul.menu ul {filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);}

 
/* target IE6 */
* html #content-container { width: 635px;}
* html #events {width: 594px;}

* html #exhibitions {width: 634px;} 
		
* html #keeneykids {width: 634px;}

* html .exhibit-text {	width: 328px;}

* html #signup {margin: 10px 0px 0px 15px;}