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

/*BEGIN body level html elements */
body {
	background:#fff;
	color:#555;
	font-family:Verdana, Geneva, sans-serif;
	font-size:15px;
	line-height:21px;
	}
	
h1,h2,h3,h4,h5,h6 {
	font-family:Tahoma, Geneva, sans-serif;
	font-weight:normal;
	}
	
h1 {
	font-size:24px;
	line-height:30px;
	padding-bottom:10px;
	color:#507bb7;
	}
	
h2 {
	font-size:20px;
	line-height:26px;
	color:#507bb7;
	}
	
.caption{
	display:block;
	font-size:11px;
	text-align:center;
	padding:3px 5px;
	line-height:13px;
}
	
#landing h2 a{
	width:100%;
	display:block;
	text-decoration:none;
	color:#507bb7;
	}
	
#landing h2 a em{
	color:#555;
	font-size:11px;
	}
	
#landing h2{
	border-bottom:1px solid #d0cfc5;
	width:100%;
	display:block;
	padding:5px 0 1px 0;
	margin-bottom:4px;
	color:#507bb7;
	}
	
#landing h2 a:hover{
	color:#507bb7;
	}
	
h3 {
	font-size:18px;
	line-height:24px;
	color:#507bb7;
	}
	
#secondaryColumn h3 {
	margin-bottom:10px;
	}
	
h4 {
	font-size:16px;
	line-height:22px;
	color:#507bb7;
	}
	
h4 a{
	text-decoration:none;
}
	
h5 {
	font-size:14px;
	line-height:20px;
	color:#507bb7;
	}
	
p {
	}
	
img {
	border:0;
	}
	
input {
	height:18px;
	padding-left:2px;
	border:1px solid #d0cfc5;
	color:#507bb7;
	}
	
textarea {
	border:1px solid #d0cfc5;
	}
	
input.radio {
	height:18px;
	border:none;
	}
	
em {
	font-style:italic;
	}
			
 a {
	color:#507bb7;
	}
			
 a:hover {
	color:#555;
	}
	

/*END body level html elements */


/*START Global elements */		
	
	

#eventsWidget, #blogWidget {
	height:360px;
	overflow:hidden;
	font-size: 13px;
	line-height:17px;
}

#eventsWidget li, #blogWidget li{
	padding:4px 10px;
}

#eventsWidget li:first-child, #blogWidget li:first-child{
	padding:0px;
}

#eventsWidget a, #blogWidget a{
	display:block;
	font-size: 11px;
	line-height:14px;
}

	
.btn {
	background:#507bb7;
	border:1px solid #6d98d4;
	color:#fff;
	height:22px;
	font-weight:bold;
	position:relative;
	top:1px; *top:0px; /*second declaration for IE :( */
	}
	
.hidden {
	display:none;
	padding-left:20px;
	}
	
.expand{
	border:1px solid #d0cfc5;
	color:#507bb7;
	background:#fff;
	padding:0 3px;
}
.quote {
	padding:5px 20px;
	font-size:12px;
	font-style:italic;
	}
	
.quote p {
	line-height:14px;
	margin-bottom:10px;
	}
	
.gBar {
	background:#507bb7;
	color:#fff;
	height:20px;
	font-size:12px;
	}
	
.gBar a{
	color:#fff;
	font-size:12px;	
	}
	
.gBar a:hover{
	color:#fff;
	text-decoration:none;
	}
	
.commentOdd{
	background:#fbf9f7;
	padding:10px;
	}
	
.commentEven{
	padding:10px;
	}
	
.small {
	font-size:11px;
	line-height:13px;
	}
.superSmall {
	font-size:10px;
	line-height:12px;
	}
	
.price {
	color:#555;
	font-size:12px;
	}
	
.rounded{
	-moz-border-radius: 5px; /* FF1+ */
	-webkit-border-radius: 5px; /* Saf3+, Chrome */
	border-radius: 5px; /* Opera 10.5, IE 9 */	
}

.shadow{
	-moz-box-shadow: 4px 4px 7px rgba(0, 0, 0, .5); /* FF3.5+ */
	-webkit-box-shadow: 4px 4px 7px rgba(0, 0, 0, .5); /* Saf3.0+, Chrome */
	box-shadow: 4px 4px 7px rgba(0, 0, 0, .5); /* Opera 10.5, IE 9.0 */
}

.box{
	width:220px;
	display:block;
	background:#fff;
}

.column, .wideColumn{
	width:220px;
	display:block;
	float:left;
	margin-left:20px;
}

.wideColumn{
	width:460px;
}


/*END Global elements */	
	
/*START Structure elements */
#header {
	width:978px;
	margin:0 auto;
	}
	
	#logo {
		float:left;
		width:600px;
		padding:20px 0 0 0;
		}	
		
	#cse-search-box {
		display:block;
		float:right;
		padding-top:69px;
		}
		
	#cse-search-box .btn{
		margin-left:10px
		}
			
#primaryNav {
	width:980px;
	height:36px;
	margin:20px auto;
	background:#515151;
	font-family:Tahoma, Geneva, sans-serif;

	}
		
	#primaryNav li {
		float:left;
		list-style:none;
		border-left:1px solid #414141;
		}
		#primaryNav li:first-child {
			border:none;
		}
		
	#primaryNav a {
		display:block;
		font-size:16px;
		text-decoration:none;
		line-height:20px;
		padding:8px 22px;
		color:#fff;
		}			
		#primaryNav a:hover, #home #primaryNav a.home, #visit #primaryNav a.visit, #slavery #primaryNav a.slavery, #urr #primaryNav a.urr, #genealogy #primaryNav a.genealogy, #shop #primaryNav a.shop, #blog #primaryNav a.blog {
			background:#666;
			}			
			
		#primaryNav .home{
			padding:8px 20px;
			-moz-border-radius-topleft:5px;
			-moz-border-radius-bottomleft:5px;
			-webkit-border-bottom-left-radius:5px;
			-webkit-border-top-left-radius:5px;
			border-bottom-left-radius:5px;
			border-top-left-radius:5px;
			}			 
		#primaryNav .blog {
			padding:8px 20px 8px 21px;
			-moz-border-radius-topright:5px;
			-moz-border-radius-bottomright:5px;
			-webkit-border-bottom-right-radius:5px;
			-webkit-border-top-right-radius:5px;
			border-bottom-right-radius:5px;
			border-top-right-radius:5px;
			}			 
		#primaryNav .urr {
			padding:8px 20px;
			}			

#dropShadow {
	width:978px;
	margin:0 auto;
	border-left: 1px solid #d0cfc5;
	border-right: 1px solid #d0cfc5;
	}
	
	#leftDrop {
		background:url(/_media/images/primaryDrop.png) top left repeat-x #f4f1ec;
		width:700px;
		height:8px;
		float:left;
		}
		
	#rightDrop {
		background:url(/_media/images/secondaryDrop.png) top left no-repeat #fbfaf9;
		width:278px;
		height:8px;
		float:right;
		}

				
		#myGallery h2 {
			color:#fff;
			padding-left:10px;
			}
			
	

#contain {
	width:978px;
	background:#f5f1ec url(/_media/images/bgContain.png) top left repeat-x;
	margin:0 auto;
	border: 1px solid #d0cfc5;
	}
	
	#primaryColumn {
		width:700px;
		margin:20px 19px;
		float:left;
		}
		
		#breadcrumb {
			display:none;
			}
			
		#hero {
			background:#ccc;
			height:360px;
			width:660px;
			margin-bottom:20px;
			padding:20px;
			display:block;
			}
			#hero.visit {
				background:url(/_media/images/heroVisit.jpg)
			}
			#hero.slavery {
				background:url(/_media/images/heroSlavery.jpg)
			}
			#hero.action {
				background:url(/_media/images/heroAction.jpg)
			}
			#hero.urr {
				background:url(/_media/images/heroURR.jpg)
			}
			#hero.genealogy {
				background:url(/_media/images/heroGenealogy.jpg)
			}
			#hero.about {
				background:url(/_media/images/heroAbout.jpg)
			}
			#hero.mission {
				background:url(/_media/images/heroMission.jpg)
			}
			#hero.architecture {
				background:url(/_media/images/heroArchitecture.jpg)
			}
			#hero.rental {
				background:url(/_media/images/heroRental.jpg)
			}
			#hero.events {
				background:url(/_media/images/heroRental.jpg)
			}
			#hero.school {
				background:url(/_media/images/heroSchool.jpg)
			}
			#hero.camp {
				background:url(/_media/images/heroCamp.jpg)
			}
			#hero.group {
				background:url(/_media/images/heroGroup.jpg)
			}
			#hero.exhibit {
				background:url(/_media/images/heroExhibit.jpg)
			}
			#hero.volunteer {
				background:url(/_media/images/heroVolunteer.jpg)
			}
			#hero.member {
				background:url(/_media/images/heroMember.jpg)
			}
			#hero.shop {
				background:url(/_media/images/promo/cufflinks.jpg);
				text-decoration:none;
			}
			
			
			#hero.shop #featured{
				display:block;
				color:#fff;
				font-family:Tahoma, Geneva, sans-serif;
				background:url(/_media/images/000000_66.png);
				border:1px solid #666;
				padding:5px 10px 7px 10px;
				width:640px;
				height:20px;
				margin-top:328px;
				font-size:11px;
				text-decoration:none;
				font-size:12px;
			}
	
			#joinBox {
				display:block;
				color:#999;
				font-family:Tahoma, Geneva, sans-serif;
				background:url(/_media/images/000000_66.png);
				border:1px solid #666;
				padding:5px 10px 7px 10px;
				width:200px;
				font-size:11px;
				text-decoration:none;
			}	
			#joinBox:hover{
				border-color:#fff;
				background-color: #414141;
				background-color: rgba(0, 0, 0, 0.75);  /* FF3+, Saf3+, Opera 10.10+, Chrome */
			}	
			#joinBox h3{
				color:#999;
				letter-spacing:1px;
			}
			
			
		#content {
			}
			
			#content p {
				margin-bottom:14px;
				}
			
			#content ul {
				list-style:disc;
				margin:0 0 14px 25px;
				}
			
			#content ol {
				margin:0 0 14px 25px;
				}
			
			#content li {
				margin-bottom:8px;
				}
			
			#content .imgLeft {
				float:left;
				margin:6px 10px 10px 0;
				border:2px solid #507bb7;
				clear:both;
				}
			
			#content .imgRight {
				float:right;
				margin:6px 0px 10px 10px;
				border:3px solid #507bb7;
				clear:both;
				}
				
				.pullRight{
				float:right;
				margin:6px 0px 10px 10px;
				border:1px solid #507bb7;
				background:#fff;
				width:300px;
				padding:9px;				
				-moz-box-shadow: 3px 3px 4px #666; /* FF3.5+ */
				-webkit-box-shadow: 3px 3px 4px #666; /* Saf3.0+, Chrome */
				box-shadow: 3px 3px 4px #666; /* Opera 10.5, IE 9.0 */

				}
				
				.pullRight div{
					font-size:11px;
					line-height:13px;
					padding:0 0 9px 0;
					margin:0;
				}
				
				.pullRight img{
					padding:0 0 9px 0;
				}
					
				.gallery {
					}
					
				.gallery div {
					clear:both;
					padding-bottom:50px;
					}
			
			.line {
				border-top:1px solid #d0cfc5;
				width:100%;
				margin-bottom:5px;
				}
			
			#content a:hover {
				color:#507bb7;
				}
				
			.fauxRow {
				padding-bottom:10px;
				width:440px;
				clear:both;
				}  
			
			.fauxRow label, .fauxRow .left {
				width:150px;
				display:block;
				text-align:right;
				float:left;
				}	
				
			.fauxRow .txt, .fauxRow .right  {
				margin-bottom:10px;
				width:275px;
				display:block;
				float:right;
				}
			
			.stack label {
				display:block;
				}	
				
			.stack .txt {
				margin-bottom:10px;
				width:275px;
				display:block;
				}
				
			.stack .txtSm {
				margin-bottom:10px;
				width:50px;
				display:block;
				}
				
			.stack select {
				margin-bottom:10px;
				width:275px;
				display:block;
				}
				
			.stack textarea {
				margin-bottom:15px;
				width:650px;
				height:100px;
				display:block;
				}
				
			.fauxRow .btn {
				float:right;
				margin-bottom:10px;
				}
				
			.fauxRow select {
				margin-bottom:10px;
				width:275px;
				display:block;
				float:right;
				}
				
			.fauxRow textarea {
				margin-bottom:10px;
				width:275px;
				height:100px;
				display:block;
				float:right;
				border:1px solid #d0cfc5;
				}
			
			.required {
				color:#0d4c7d;
				font-weight:bold;
				}
				
			a.pullCTA {
				float:right;
				border:2px solid #fff;
				background:#9c2929;
				padding:7px;
				margin:15px; 
				color:#fff;
				font-weight:bold;
				font-size:16px;
				}
				
			a.pullCTA:hover{
				border:2px solid #9c2929;
				background:#fff;
				color:#9c2929;
				}
				
			#volInterests td {
				padding:5px 15px 5px 0px;
				}
				
			input[type=checkbox] {
				position:relative;
				top:4px;
				}
		
	#secondaryColumn {
		width:220px;
		margin:20px 20px 20px 0;
		float:right;
		}
			
		#secondaryNav{
			margin-bottom:20px;
			min-height:400px;
			}
			
			#secondaryNav h2, .sideSection h2{
				background:url(/_media/images/000000_66.png);
				color:#fff;
				font-size:16px;
				width:200px;
				-moz-border-radius-topleft:5px;
				-moz-border-radius-topright:5px;
				-webkit-border-top-left-radius:5px;
				-webkit-border-top-right-radius:5px;
				border-top-left-radius:5px;
				border-top-right-radius:5px;
				padding:4px 10px 0px 10px;
				margin-bottom:0;
				}
			
		#secondaryNav li a{
			border-top:1px solid #515151;
			display:block;
			padding:4px 10px;
			text-decoration:none;
		}
			
		#secondaryNav li a.sel{
			background:#C9D9EF;
			border-top:none;
		}
			
		#secondaryNav li li a {
			border-top:none;
			display:block;
			padding:1px 10px 3px 18px;
			font-size:11px;
			line-height:15px;
			text-decoration:underline;
		}
			
		#secondaryNav li li li a {
			border-top:none;
			display:block;
			padding:2px 10px 2px 36px;
			font-size:9px;
			line-height:13px;
			text-decoration:underline;
		}
		
		#secondaryNav address{
			padding:4px 10px;
		}
		
		.sideSection{
			font-size:12px;
			margin-bottom:20px;
		}
		
		#secondaryColumn blockquote{
			padding:7px 10px;
			margin-top:1px;
			font-size:12px;
		}
		
		.sideSection li{
			margin-bottom:5px;
			
		}
		
		.sideSection p,  .sideSection h5, .sideSection li{
			padding:4px 10px;
			
		}
		
		.sideSection h3{
			padding-top:7px;
			text-align:center;
		}
			
		.lama {
			background:#f4f1ec;
			border:1px solid #507bb7;
			padding:10px;
			margin-bottom:20px;
			text-align:center;
			}
			
		.lama h3{
			color:#507bb7;
			font-weight:bold;
			font-size:16px;
			font-family:Verdana, Geneva, sans-serif;
			}
			
		#content .lama {
			background:#fff;
		}
			
		#content .lama h3{
			font-size:21px;
			padding:6px 0 12px 0;
		}
			
		.lama a{
			display:block;
			font-size:16px;
			margin-bottom:9px;
			}
			
		#newsletterSignup {
			padding:20px 0 30px 0;
			border-bottom:1px solid #d0cfc5;
			}
			
		#newsletterSignup label, #sideNav h2 {
			display:block;
			padding-bottom:10px;
			}
			
		#newsletterSignup input.text {
			width:158px;
			}
			
		#eventWidget {
			clear:both;
			}
			
			#eventWidget .event {
				margin-bottom:10px;
				display:block;
				font-size:14px;
				}
				
			#eventWidget .event a {
				text-decoration:none;
				border-bottom:1px dashed #d0cfc5;
				}



/* footer elements */

	#footer {
		width:940px;
		margin:0 auto;
		font-size:11px;
		}
			
		#tertiaryNav {
			width:600px;
			padding:20px 0;
			float:left;
		}
		
		#tertiaryNav li{
			display:inline;
			list-style:none;
			border-left:1px solid #555;
			padding:0 2px 0 5px;
			}	
		#tertiaryNav li:first-child, #tertiaryNav li.membership{
			border-left:none;
			padding:0 2px 0 0px;
			}			
			
		#footer a{
			color:#555;
			text-decoration:none;
			}						
			#footer a:hover{
				color:#507bb7;
				}
				
		#social{
			float:right;
			width:168px;
			padding:20px 0;
		}
		
		#social a {
			display:block;
			float:left;
			height:32px;
			width:32px;
			margin-left:10px;
		}
		
		#social .rss{
			background:url(/_media/images/iconRSS.png);
		}
		
		#social .facebook{
			background:url(/_media/images/iconFB.png);
		}
		
		#social .twitter{
			background:url(/_media/images/iconTwitter.png);
		}
		
		#social .youtube{
			background:url(/_media/images/iconYouTube.png);
		}
		
		#social .rss:hover{
			background:url(/_media/images/iconRSSOn.png);
		}
		
		#social .facebook:hover{
			background:url(/_media/images/iconFBOn.png);
		}
		
		#social .twitter:hover{
			background:url(/_media/images/iconTwitterOn.png);
		}
		
		#social .youtube:hover{
			background:url(/_media/images/iconYouTubeOn.png);
		}
				
		#credits, #legalAddress {
			text-align:center;
			padding-top:3px;
			font-size:9px;
		}
				
		#credits img{
			display:block;
			margin:5px auto;
			
		}
	
.need {
	display:block;
	background:#fff;
	border:2px solid #c00;
	}

/* form elements school reservation */
#resForm h2 {
	margin:25px 0 3px 0;
	clear:both;
	}
	
	#resForm .radioQuestions {
	display:block;
	margin:3px 0 3px 0;
	}
	
	.stackedForm .label {
	margin:0 0 3px 0;
	display:block;
	}
	
	.stackedForm .txt {
	margin:0 0 10px 0;
	width:200px;
	display:block;
	}
	
	.resFormTbl {
		font-size:12px;
		margin:8px 0 15px 0;
		}
		


.postDate {
	font-size:11px;
	color:c6c5bb;
	line-height:13px;
	padding:5px 0 10px 0;
	}
.postMeta {
	font-size:11px;
	color:c6c5bb;
	line-height:13px;
	padding:0px 0 5px 0;
	text-align:right;
	}
	
.post {
	padding-bottom:10px;
}

.Genealogy {
}

.error404 h2, error404 p{
	color:#fff;
}
		
		.short {
			min-height:200px;
		}
		
.ticker{
	border:1px dotted #666; 
	padding:5px 15px; 
	margin:10px 25px 20px 25px; 
	background:#e3e0dc; 
	color:#333;
	font-size:12px;
	text-align:center;
}



/*(.Notebook .postHeader{
	background:url(/_media/images/noteBookHead.png) top left no-repeat;
	padding:70px 45px 0 65px;
}
.Notebook .entry{
	background:url(/_media/images/noteBookMain.png) top left repeat-y;
	padding:0px 65px 0 65px;
	margin:0;
}
.Notebook .foot{
	background:url(/_media/images/noteBookFoot.png) top left no-repeat;
	height:44px;
	margin-bottom:25px;
}*/