/* ----------------------------------------------
   HTML ELEMENTS
------------------------------------------------- */ 

/* Top Elements */
/*{ margin: 0; padding: 0; outline: 0 }*/

*{outline: 0px;}

body {
	background:  #000 url(images/ipad_bg-2.jpg) no-repeat center top;
	font: 12px/170% 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
	color: #ABABAB; 
	text-align: center;	
}

/*@font-face { font-family: RefrigeratorDeluxe-Regular; src: url(RefrigeratorDeluxe-Regular.ttf) format("truetype") }*/


@font-face {
    font-family: 'RefrigeratorDeluxe-Regular';
    src:  url('RefrigeratorDeluxe-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@media only screen and (device-width: 768px) {
  /* For general iPad layouts */
}

/* headers */
h1, h2, h3, h4 {
	font-family: 'Trebuchet MS','Helvetica Neue', Arial, Sans-serif;
	font-weight: Bold; 			
	/*color: #444;*/	
}
h1 {
	font-size: 2.9em;		
}
h2 {
	font-size: 2.5em;
	color: #88AC0B;
}
h3 {
	font-size: 1.6em;
	font-weight: normal;	
	color: #FFF;
}
	
h4 { 
	font-size: 1.6em;
	font-weight: normal;
	color: #CCC;
	padding: 0px;
}

h5 { 
	font-size: 14px;
	font-weight: normal;
	color: #E2D186;
	padding: 0px;
}

#slogan a {
	color: #CCC;
}

#slogan a:hover {
	color: #777;
}

/* Paragraph */
/*p { text-indent: 30pt;	}*/


/* links */
a, a:visited {	
	color: #E2D186;
	background: inherit;
	text-decoration: none;
}
a:hover {
	color: #73471B;
	background: inherit;
	text-decoration: none;
}

.border {
	border-bottom: 1px solid #E4F2C8;
}

/*-------------------------------------------
   LAYOUT
--------------------------------------------*/ 
#wrap {
	position: relative;
	width: 982px;
	margin: 10px auto 30px auto;
	text-align: left;	
}

#content {
	background: url(images/content_box2.png);
	clear: both;	
	float: left;	
	width: 974px;						
	padding: 25px 0 0 0; 	
}

#header {
	position: relative;
	width: 982px;
	height: 100px;
	color: #fff;	
	padding: 0;	
	margin: 0;	
}

#header h1#logo-text a {
	position: absolute;
	margin: 0; padding: 0;
	font: bold 68px 'RefrigeratorDeluxe-Regular', 'Trebuchet MS', Arial, Sans-serif;
	letter-spacing: -2px;
	text-decoration: none;
	color: #aa7e3e;
	/*border-bottom: 1px solid #aa7e3e;*/
	top: 0px; left: 5px;	
}
#header p#slogan {
	position: absolute;
	margin: 0; padding: 0;
	font: bold 16px 'Trebuchet MS', 'Helvetica Neue', Arial, Sans-serif;
	color: #CCC;
	letter-spacing: -0.5px;

	top: 68px; left: 415px;		
}

#header .line {
	padding-top: 66px;
	border-bottom: 1px solid #aa7e3e;
}

#shield {
	background: url(images/shield.png) no-repeat;
	float: right;
	padding: 45px;
	border: 0px;
}

#shield2 {
	background: url(images/rhc_logo.png) no-repeat;
	float: right;
	padding: 90px;
	border: 0px;
	
}

#seal {
	/*background: url(images/wtp.png) no-repeat;*/
	float: right;
	margin-top:10px;
	padding: 5px;
	padding-bottom: 0px;
}

#seal a {
	border-style: none;
	border: none;
	color: #222;
}

#seal a:visited {
	border: none;
	color: #222;
}

#seal2 {
	/*background: url(images/NEH-Logo-Horizontal_Reverse.png) no-repeat;*/
	float: right;
	margin-top:10px;
	padding: 5px;
	padding-bottom: 0px;
}

#seal2 a {
	border-style: none;
	border: none;
	color: #222;
}

#seal2 a:visited {
	border: none;
	color: #222;
}

/* top-menu */

.menu-top {
	float: right;
	display: inline;
	list-style: none;
	padding: 20px 10px 0 0px;
	font-size: 1.2em;
}

.menu-top li{
	display: inline;
}

.menu-top a { color: #ccc;}

.menu-top a:hover { color: #444;}

.menu-top li:before { content: '|  '; }
.menu-top li:first-child:before { content: ""; }


.menu{
	border:none;
	border:0px;
	margin:0px;
	padding-left: 36px;
	padding-right:16px;
	padding-bottom: 5px;
	font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	}
.menu ul{
	background:none;
	height:35px;
	list-style:none;
	margin:0;
	padding:0;
	}
	.menu li{
		float:left;
		padding:0px;
		padding-bottom: 5px;
		}
	.menu li a{
		background: bottom right no-repeat;
		border: 1px #575C5F solid;
		color:#cccccc;
		display:block;
		font-weight:normal;
		line-height:35px;
		margin-right: 6px;
		padding:0px 25px;
		text-align:center;
		text-decoration:none;
		}
		.menu li a:hover, .menu ul li:hover a{
			background: #E2D186  bottom center no-repeat;
			color:#FFFFFF;
			border: 1px #575C5F solid;
			text-decoration:none;
			}
	.menu li ul{
		background:#333333;
		opacity: .95;
		display:none;
		height:auto;
		padding:0px;
		margin:0px;
		border:0px;
		position:absolute;
		width:225px;
		z-index:200;
		/*top:1em;
		/*left:0;*/
		}
	.menu li:hover ul{
		display:block;
		
		}
	.menu li li {
		background:url('images/sub_sep.gif') bottom left no-repeat;
		display:block;
		float:none;
		margin:0px;
		padding:0px;
		width:225px;
		}
	.menu li:hover li a{
		background:none;
		
		}
	.menu li ul a{
		display:block;
		height:35px;
		font-size:12px;
		font-style:normal;
		margin:0px;
		padding:0px 10px 0px 15px;
		text-align:left;
		}
		.menu li ul a:hover, .menu li ul li:hover a{
			background:#888  center left no-repeat;
			border: 1px #575C5F solid;
			color:#ffffff;
			text-decoration:none;
			}
	.menu p{
		clear:left;
		}	
			   

#about .block {
	float: left;
	width: 900px;	
	margin: 10px 0 15px 40px;
	padding: 0px 0 0 0;
	font-size: 1.2em;
		
}

.image {
	padding: 10px 0 0 0px;
}

.image a { 
	color: #555;
}

.image a:hover {
	color: #e2d186;
	background-image: url(images/over.png);
}

.indent {
	margin: 10px 10px 0 0;
}

.essay-page {
	float: right;
}

#legend {
	width: 900px;
}
		
/* Main Column */
#main-left {
	float: left;
	width: 430px;
	padding: 0; 
	margin-left: 40px;
	display: inline;	
}

.main_one {
	float: left;
	width: 430px;
	padding: 0; 
	margin-left: 0px;
	display: inline;	
}

.main_two {
	float: left;
	width: 430px;
	padding: 42px 0 0 0px; 
	margin-left: 0px;
	display: inline;	
}

.main_three {
	float: left;
	width: 430px;
	padding: 0; 
	margin-left: 0px;
	display: inline;	
}

#main-left h2 {
	font: bold 2.9em 'Trebuchet MS', 'Helvetica Neue', Arial, Sans-serif;
	text-transform: uppercase;
	color: #ccc; 		
	letter-spacing: -2px;
	padding-bottom: 5px;
	border-bottom: 1px solid #E4F2C8; 	
}
#main-left h2 a {
	color: #51432f;
	text-decoration: none;		
}

#main-left h3 a {
	color: #f6e497;
	text-decoration:none;
}

#main-left h3 a:hover {
	color: #73471B;
	text-decoration:none;
}

#main-right {
	float: right;
	width: 430px;
	padding: 0; 
	margin: 0px 30px 0 10px;
	display: inline;	
}
#main-right h2 {
	font: bold 2.9em 'Trebuchet MS', 'Helvetica Neue', Arial, Sans-serif;
	text-transform: uppercase;
	color: #ccc; 
	padding-bottom: 5px;
	letter-spacing: -2px;
	border-bottom: 1px solid #E4F2C8;	
}

#main-right h3 a {
	color: #f6e497;
	text-decoration:none;
}

#main-right h3 a:hover {
	color: #73471B;
	text-decoration:none;
}

.project {
	height: 253px;
}

/*Gallery*/

#image-gallery {
	margin: 30px 30px 5px 40px;
}

#image-gallery-2 {
	height: 10px;
	margin: 0px 0px 5px 5px;
}

.thumbnail-2 {
	color:#CCCCCC;
	float:left;
	margin-left:8px;
	padding-right:20px;
	text-align:center;
	width: 270px;
}

#pages {
	padding: 20px;
}

.thumbnail {
	color:#CCCCCC;
	float:left;
	margin-left:8px;
	padding-right:20px;
	text-align:center;
	width: 270px;
}


.thumbnail img { 
	position: relative;
	margin: 0px; 
	padding: 8px 8px 12px 8px;	
	background: #150e0b;
	border: 1px solid #261b15;
}

.thumbnail img:hover	{ 
	border: 1px solid #b48f6d; 
}

/*.thumbnail a:hover { 
	color: fff; 
	border: none;
	width: 270px;
	
}*/

.thumb-description {
	padding-bottom: 40px;
	margin: 0px;
	font-size: 1.2em;
	font-weight: normal;
	color: #CCC;
}


#video-gallery {
	margin: 30px 30px 5px 40px;
}

.video-container {
	width: 900px;
	text-align: center;
	padding: 25px 0 0 0px;
}

#text-block { 
	margin: 30px 30px 5px 40px;
}

.text-about {
	width: 900px;
}

.text-about a {
	
	color: #f6e497;
	background: inherit;
	text-decoration: none;
}
.text-about a:hover {
	color: #73471B;
	background: inherit;
	text-decoration: none;
}


.about {
	width: 900px;
}

.about p {padding-top: 10px;
font-size: 14px;
}

/* footer */
#footer {
	clear: both;
	width: 982px;
	margin: 0;
	padding: 30px 0 0px 0;			
	font-family: 'Trebuchet MS', 'Helvetica Neue', Arial, Sans-serif;
	font-size: 0.95em;
	color: #777;	
	text-align: center;	
	letter-spacing: .2px;
}
#footer p {
	padding:10px 0;
}

#footer a {
	color: #888;
}

#footer a:hover { 
	color: #555; 
	border-bottom: none;
	text-decoration: none;
}

#citation {
	width: 900px;
}

#cite-list {
	list-style:none;
}

.footnote a {
	color: #E2D186;
	text-decoration: none;
}

.footnote a:hover {
	color: #73471B;
	text-decoration: none;
}