/* -----[ NORMALIZE ]----------------------------*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td
{margin: 0px; padding: 0px;}
/* remove list styles */
ol, ul
{ list-style:none;}
/* remove borders */
img, fieldset
{border:0;}
/* Normalize font-size for headers */
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	}

/* Remove table borders */
table{
	border-collapse: collapse; border-spacing: 0;
	}	

html{
	text-align:center;
	background:url(assets/nwheBack.jpg);

	}

body {
	position:relative;
	margin: 0px auto;
	width: 810px;
	text-align: left;
	
}

body,td,li,p, dt, dd {
font: 1em/1.25em Arial, Helvetica, sans-serif;

}


h2, h3, h4, h5, p, ul, dl, blockquote {
	margin : 0 20px .75em;
}


dt{ font-family:Georgia, "Times New Roman", Times, serif;
color: #232323; font-weight:bold;} 
dd { font-size: .85em; margin-top: .25em; margin-bottom: 1em; padding-bottom: 1em; 
border-bottom: 1px dotted #CEC39F;}

h2{
	font: 120% Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	
}
h3 {
	font: 117% Georgia, "Times New Roman", Times, serif;
	color:#2C2C2C;
	font-weight: normal;
	margin: 20px 0px 0 20px;
}

h4 {
	font: 135% Georgia, "Times New Roman", Times, serif;
	color:#2C2C2C;
	font-weight: normal;
}

h5 {
	font: 100% Georgia, "Times New Roman", Times, serif;
	color:#2C2C2C;
	font-weight: normal;
	margin: 20px 0px 0 20px;
}
a:link{color:#790a19;}
a:visited{color: #2a3B4B;}
a:hover{color: #cd810f;}



/* -----[ HEADER ]----------------------------*/
#header{
	position:relative;
	width:100%;
	height:159px;}

#header h1{
	margin:0px;
	width:227px;
	height:159px;
	background:url(assets/banner.jpg) no-repeat;
	float:left;
}	
#header h2{
	margin:0px;
	width:51px;
	height:159px;
	float:left;
	background:url(assets/rope.jpg) no-repeat;
}	
	
#header ul#navigation{
	margin: 0px;
	padding:0px;
	background:url(assets/tagline.jpg) no-repeat bottom center;
	height:159px;
	float:left;
	}
#header ul#navigation li {
	display:inline;
	float:left;}
#header ul#navigation li a{
	display:block;
	color:#333333;
	height:128px;
	width:87px;
	text-indent:-9999px;
	overflow:hidden;
}
/* -----[ Banner Nav ]-------*/
#header ul#navigation li#home {
	background: #232323 url(assets/homeOVR.jpg) no-repeat;}		
#header ul#navigation li#timeline{
	background: #232323 url(assets/timelineOVR.jpg) no-repeat;}
#header ul#navigation li#map {
	background: #232323 url(assets/mapOVR.jpg) no-repeat;}
#header ul#navigation li#cultures{
	background: #232323 url(assets/culturesOVR.jpg) no-repeat;}
#header ul#navigation li#about{
	background: #232323 url(assets/aboutOVR.jpg) no-repeat;}
#header ul#navigation li#join{
	background: #232323 url(assets/joinOVR.jpg) no-repeat;}						



#header ul#navigation li#home a{
	background: #c4c4c4 url(assets/home.jpg) no-repeat;}
#header ul#navigation li#timeline a{
	background: #c4c4c4 url(assets/timeline.jpg) no-repeat;}
#header ul#navigation li#map a{
	background: #c4c4c4 url(assets/map.jpg) no-repeat;}
#header ul#navigation li#cultures a{
	background: #c4c4c4 url(assets/cultures.jpg) no-repeat;}
#header ul#navigation li#about a{
	background: #c4c4c4 url(assets/about.jpg) no-repeat;}
#header ul#navigation li#join a{
	background: #c4c4c4 url(assets/join.jpg) no-repeat;}
			
#header ul#navigation li a:hover{
	background: #c4c4c4;}
#header ul#navigation li#home a:hover{
	background: #c4c4c4 url(assets/homeOVR.jpg) no-repeat;}		
#header ul#navigation li#timeline a:hover{
	background: #c4c4c4 url(assets/timelineOVR.jpg) no-repeat;}
#header ul#navigation li#map a:hover{
	background: #c4c4c4 url(assets/mapOVR.jpg) no-repeat;}
#header ul#navigation li#cultures a:hover{
	background: #c4c4c4 url(assets/culturesOVR.jpg) no-repeat;}
#header ul#navigation li#about a:hover{
	background: #c4c4c4 url(assets/aboutOVR.jpg) no-repeat;}
#header ul#navigation li#join a:hover{
	background: #c4c4c4 url(assets/joinOVR.jpg) no-repeat;}
	
.home #header ul#navigation li.selected#home a{
	background: #c4c4c4 url(assets/homeOVR.jpg) no-repeat;}	
.timeline #header ul#navigation li.selected#timeline a{
	background: #c4c4c4 url(assets/timelineOVR.jpg) no-repeat;}
.map #header ul#navigation li.selected#map a{
	background: #c4c4c4 url(assets/mapOVR.jpg) no-repeat;}
.cultures #header ul#navigation li.selected#cultures a{
	background: #c4c4c4 url(assets/culturesOVR.jpg) no-repeat;}
.about #header ul#navigation li.selected#about a {
	background: #c4c4c4 url(assets/aboutOVR.jpg) no-repeat;}
.join #header ul#navigation li.selected#join a {
	background: #c4c4c4 url(assets/joinOVR.jpg) no-repeat;}		
	
			


/* -----[ CONTENT ]----------------------------*/	
div#content { 
	float:left;
	width : 100%;
	background: #64654c url(assets/contentBorder.jpg) repeat-x left top;
	overflow:auto; }

div#content td, div#content p {
	font: .85em/1.5em Arial, Helvetica, sans-serif;
}

div#content_Main {
	width:609px;
	float:left;
	padding : 1em 0;
	 }

div#content_Mainnav {
	width:609px;
	float:left;
	margin-top:8px;
	padding : 1em 0 0em 0;
	background-color:#EFEDE7;
	border-bottom: 1px dotted #CeC39F;}

div#content_Sub {  
	width : 200px;
	float:left; 
	padding : 1em 0; }



div#content_Main ul {
	list-style:square;}
	
div#content_Main li { 
	font: .85em/1.35 Arial, Helvetica, sans-serif;
	margin-left:30px;}

div#content_Main h2, div#content_Full h2{
	font: 185% Georgia, "Times New Roman", Times, serif;
	border-bottom:1px solid #CEC39F;
	text-indent:40px;
	width:550px;
	background: transparent url(assets/h2Fleeber.png) no-repeat left center;
}

div#content_Main h2.secondLine {
	font: 165% Georgia, "Times New Roman", Times, serif;
	text-align:right;
	margin-top:-25px;
	width:550px;
	background:none;
	border:none;

}
div#content_Main .photo, div#content_Full .photo   {
	border:1px solid #CEC39F;
	padding:7px;
	margin:10px;
	background-color:#191919;}
div#content_Main .album, div#content_Full .album  {
	border:1px solid #CEC39F;
	padding: 3px;
	margin: 5px;
	background-color:#191919;}
.right {
	float: right;}	
	
.left {
	float: left;}		
	
div#content_Main p { margin: 1em 35px 1.5em 35px; }
div#content_Main h3 + p { margin-top: .5em;  }

div#content_Main h3{ font-size: 155%; padding-top:20px;}	
	
div#content_Full {
	width:700px;
	position:relative;
	margin:0 auto;
	padding : 1em 0; }

#History-ExpressSub div#content_Full{ 
	margin-top:8px;
	background-color: #191919;} 
	
div#content_Full h2{ 
	color: #CEC39f;
	width:650px;
	}
div#content_Full p { margin: 1em 55px 1.5em 55px; }	
div#content_Full ul { margin-top: -15px;
	list-style:square;}
div#content_Full li { 
	font: .85em/1.35 Arial, Helvetica, sans-serif;
	margin-left:55px;} 
	
.join div#content_Full h2, .join div#content_Full h3 {
	color: #4A2A48;
	width:650px;
	border-bottom: 1px solid #4A2A48;
	margin-left: 35px;
	}
.join blockquote, .primary blockquote {
		font-style:italic;
		font-family:Georgia, "Times New Roman", Times, serif;
		line-height: 1.5em;
		font-size: .9em;
		color: #97688D;
		margin: 5px 55px;
		padding:15px;
		border: 1px solid #ceC39f;
		background-color: #fFFFFF;}
		

#History-ExpressSub.primary div#content_Full h2, #History-ExpressSub.terms div#content_Full h2 {
color:#163875;
border-bottom: 1px solid #163875;}
	
/* -----[ SECTIONS colors ]----------------------------*/
#History-ExpressSub div#content_Main{ 
	margin-top:8px;
	background-color:#EFEDE7;} 
#History-ExpressSub #content_Mainnav + #content_Main { 
	margin-top:0px;
	} 	

.timeline div#content { 
	background: #2A3B4B url(assets/subcontentBorder.jpg) repeat-x left top; }
.map div#content { 
	background: #324730 url(assets/subcontentBorder.jpg) repeat-x left top; }
.cultures div#content { 
	background: #BF5609 url(assets/subcontentBorder.jpg) repeat-x left top; }
.about div#content { 
	background: #790A19 url(assets/subcontentBorder.jpg) repeat-x left top; }
.join div#content { 
	background: #4A2A48 url(assets/subcontentBorder.jpg) repeat-x left top; }


.timeline div#content_Sub {  background-color:#2A3B4B;margin-top:8px; }	
.timeline h2, .timeline h3{color:#2A3B4B;}	
	
.map div#content_Sub {  background-color:#324730;margin-top:7px;}
.map h2, .map h3{color:#324730;}	
	
.cultures div#content_Sub {  background-color:#BF5609;margin-top:7px;}
.cultures h2, .cultures h3{color:#BF5609;}	
	
.about div#content_Sub {  background-color:#790A19; margin-top:7px;}
.about div#content_Main h2{color:#790A19;}	
	
.join div#content_Sub {  background-color:#4A2A48;margin-top:7px;}
.join h2, .join h4{color:#4A2A48;}	
						
/* -----[ TIMELINE NAV ]----------------------------*/	
ul#timelineNav{
 border:1px solid #232323;
 margin: 0px 0px 10px 10px;
 padding:.3em;
 background:#6A654C;
 width:168px;}
 
.timeline ul#timelineNav{ background:#2A3B4B;} 
 
ul#timelineNav li {
	text-decoration: none;
	text-indent:70px;
	text-align:center;
} 
 
ul#timelineNav li a{
	display:block;
	padding-top:20px;
	color: #E6E6E6;
	height:40px;
	width:168px;
	border-top: 1px solid #6A654C;
	background-color:#232323;
}

ul#timelineNav li#eraone, ul#timelineNav li#eraone a{
	background:#232323 url(assets/TRAIN.png) no-repeat left;
}

ul#timelineNav li#eratwo, ul#timelineNav li#eratwo a{
	background:#232323 url(assets/CAR.png) no-repeat left;
}
ul#timelineNav li#erathree, ul#timelineNav li#erathree a{
	background:#232323 url(assets/rocket.png) no-repeat left;
}
ul#timelineNav li#erafour, ul#timelineNav li#erafour a{
	background:#232323 url(assets/computer.png) no-repeat left;
}
ul#timelineNav li#erafive, ul#timelineNav li#erafive a{
	background:#232323 url(assets/space.png) no-repeat left;
}
.timeline ul#timelineNav li a, .timeline ul#timelineNav li#eraone a, .timeline ul#timelineNav li#eratwo a, .timeline ul#timelineNav li#erathree a,.timeline ul#timelineNav li#erafour a,.timeline ul#timelineNav li#erafive a{
	background-color:#7198BE;
}

ul#timelineNav li a:hover, ul#timelineNav li#erafive a:hover,  ul#timelineNav li#erafour a:hover, ul#timelineNav li#erathree a:hover, ul#timelineNav li#eratwo a:hover, ul#timelineNav li#eraone a:hover {
	color: #232323;
	background-color: #9FBCDA;
}

.timeline ul#timelineNav li a:hover, .timeline ul#timelineNav li#erafive a:hover, .timeline ul#timelineNav li#erafour a:hover, .timeline ul#timelineNav li#erathree a:hover, .timeline ul#timelineNav li#eratwo a:hover, .timeline ul#timelineNav li#eraone a:hover {
	color: #9FBCDA;
	background-color: #232323;
}

ul#timelineNav h2{
	height:36px;
	padding-top:10px;
	background-color:#232323;
	margin:0;
	}
	
	
/* -----[ SUB NAV ]----------------------------*/	
ul#subNav{
 border:1px solid #232323;
margin: 0px 0px 10px 10px;
 padding:.3em;
 background-color:#6A654C;
 width: 168px;}
 
ul#subNav li {
	text-decoration: none;
	font-size:1em;
	text-transform:uppercase;
	/*text-indent:15px;*/
} 
 
ul#subNav li a{
	display:block;
	/*padding-top:8px;*/
	padding: 8px 0 8px 15px;
	color: #E6E6E6;
	/*height:33px;*/
	/*width:168px;*/
	width: 153px;
	border-top: 1px solid #232323;
	background-color:#232323;
	text-decoration: none;
}

ul#subNav li a:hover{
	color: #598F79;
	background-color: #232323;
}	
	
ul#subNav h2{
	height:36px;
	padding-top:10px;
	background-color:#232323;
	margin:0;
	}
.map ul#subNav{background-color:#324730;} 		
.map ul#subNav li a	{background-color:#598F79}
.map ul#subNav li a:hover	{color:#598F79; background-color:#232323;}
	
.cultures ul#subNav{background-color:#BF5609;} 		
.cultures ul#subNav li a	{background-color:#DA9612;}
.cultures ul#subNav li a:hover	{color:#DA9612; background-color:#232323;}

.about ul#subNav{background-color:#790A19;} 		
.about ul#subNav li a	{background-color:#DE3939;}
.about ul#subNav li a:hover	{color:#De3939; background-color:#232323;}	

.join ul#subNav{background-color:#4A2A48;} 		
.join ul#subNav li a	{background-color:#97688D;}
.join ul#subNav li a:hover	{color:#97688D; background-color:#232323;}


/*------[ LEVEL 3 Navigation  ]------------ */

ul#nav3 {
	position: relative;
	height: 31px;
	text-align:left;
	margin: 0 0 20px 0;
	font-size: .75em;
	margin-left: 10px;
	border-left: 1px dotted #CeC39F;

	}

ul#nav3 li
 { position: relative;
 	float: left;
	margin: 0px;
	list-style: none;
	}
	
ul#nav3 li a{
	display: block;
	background: #9FBCDA;
	color: #0B0B0B;
	text-decoration: none;
	letter-spacing: .1em;
	padding: 10px 5px;
	border-right: 1px dotted #2a3b4b;
	
}	
ul#nav3 li a:hover{
	
	background-color: #CeC39F;
	
}


/*------[ CULTURE ]------------ */
div#cultures{
	background-color:#CD810F;
	font-size:.80em;
	margin-right:13px;
	margin-left:10px;
	margin-bottom:10px;
	padding:5px;}
	
ul#culturesBox{
	border:1px solid #F2E9CB;
	margin:0px;
	}	
div#cultures ul:hover {border:1px dotted #F2E9CB; }	

ul#cultures li:hover { background-color:#ffffff; }
		
div#cultures p{
	padding:5px 10px;
	color:#F2E9CB;
	margin:0px;}
	
	
	
/*------[ PHOTOS PAGE]------------ */	
div#photos {
	width: 290px;
	margin : 0 0px .75em 0px;
	padding: 5px;

	float:left;
}

ul#photosFrame {
	margin : 0px;
	border: 1px solid #232323;
	padding: .1em;
}

ul#photosFrame li{
	margin : 0px;
	background-color: #232323;
	padding: .0;
}
.movie { width: 480px;
margin: 7px auto;
text-align:center;
}


	
/*------[ MAP ]------------ */
div#map{
	width: 290px;
	margin : 0 0px .75em 0px;
	padding: 5px;
	float:left;
}
  	
	
	
	
/*------[ FOOTER ]------------ */
div#footer{
	background:url(assets/footer.jpg) repeat-x;
	height: 40px;
	clear:both;
	color: #cd810f;
	padding-top: 3em;
	font-size: 75%;
	text-align:center;
	letter-spacing:.1em;}
	
div#footer a:link{color:#cd810f;}
div#footer a:visited{color: #cd810f;}
div#footer a:hover{color: #f2f2f2;}


	



/*------[ RESOURCES ]------------ */

div#reWrap {
	position: relative;
	width: 540px;
	margin: 20px auto;
	min-height: 170px;
	
	border:1px solid #6A654C;
	background-color: #E5DECC;
	float:left;
	padding-bottom: 10px;
	 z-index: 20;}	
	

div#resources{
	margin: 20px 30px;
	width: 540px;
	font-size:80%;
	position: relative;
	 z-index: 25;
	
	
	}
	
div#resources h4, div#resources h5{
	border-bottom: 1px solid #232323;
	color: #F2F2F2;
	margin:0;
	padding:.5em;
	background-color: #6A654C;
	
}	
	
div#resources ul {width:164px; margin-top:10px; margin-right: 6px; margin-left: 6px; padding:0; float:left; }
div#resources li {padding:4px 0px 4px 20px; list-style:none; margin:0; }


/*------[ REFERENCES ]------------ */	
div#references {
	position:relative;
	margin: 20px 30px;
	width: 540px;
	border:1px solid #CeC39F;
	padding: 0 0em 1em 0em;
	background-color:#FFFFFF;
	font-size:80%;
	clear: both;
	 z-index: 5;}


div#references h4, div#references h5 {
	border-bottom:1px solid #6A654C;
	color: #232323;
	margin:0;
	padding:.5em;
	background-color:#B2A27A;
	
}

/*------[ ICONS]------------ */
div#resources ul#key {
	width: 100px;
	position: absolute;
	border: 2px solid #c4c4c4;
	background-color:#f2f2f2;
	border-top: 5px solid #c4c4c4;
	top: 44px;
	left: 410px;
	text-transform: uppercase;
	 z-index: 100;
	}
ul#key li { margin: 3px 0px 0px 0px;
			padding: 2px 0 2px 35px; 
			width: 65px;
			border-bottom: 1px solid #C4C4C4;
			 z-index: 101;}	
ul#key li.articles, ul#key li.primary, ul#key li.image, ul#key li.charts, ul#key li.artifact, ul#key li.link, ul#key li.map {background-position: 10px center;}

.keyMaster { 
	margin-left: 122px;
	display: inline;
	}
	
.keyMaster a { 
	text-decoration: none; color:#387CC6;  
	padding: 4px 20px; 
	background:#F2F2F2;
	border: 1px solid #C4C4C4;}	
	
.keyMaster a:hover {
	color: #2a3b4b;
	background: #7198be;
}


div#keyBlock
{
  margin: 0px 20px 0px 20px;
  display: none;
  z-index: 105;
}
	

li.articles {
background: url(icons/layout.png) no-repeat 0 center;

}
li.primary {
background: url(icons/page_white_medal.png) no-repeat 0 center;

} 
li.image {
background: url(icons/photo.png) no-repeat 0 center;

} 
li.charts {
background: url(icons/chart_pie.png) no-repeat 0 center;

}
li.artifact {
background: url(icons/color_swatch.png) no-repeat 0 center;

}
li.link {
background: url(icons/link.png) no-repeat 0 center;

}
li.map {
background: url(icons/map.png) no-repeat 0 center;

}



div#colOne{width:423px;
float:left;}
div#colTwo{width:175px;
font-size:75%;
border-left: 1px solid #CEC39F;
float:left;}
div#colTwo h5{
margin: 5px;
color: #232323; }
div#colTwo li{
margin: 0px;
padding:2px 5px;
 }
 
.photo #content_Full img {
margin: 5px; 
padding:5px; 
border: 1px solid #232323;
background-color:#000000;} 



/*------[ Arrows]------------ 
#arrows {
position: relative;
width: 100%;
top:-20px;
}
#arrow2000, #arrow1900, #arrow1940, #arrow1970{
width: 76px;
text-indent:-9999px;
overflow:hidden;

margin-left:10px;
float:left;
}
#arrow2000r, #arrow1900r, #arrow1940r, #arrow1970r{
width: 76px;
text-indent:-9999px;
overflow:hidden;

float: right;
}


#arrow2000 {background: transparent url(assets/arrow2000.png) no-repeat left center;}
#arrow1900 {background: transparent url(assets/arrow1900r.png) no-repeat left center;}*/

/* -----[ TICKETS ]----------------------------*/	
div#tickets{
 	z-index: 101;
	position:absolute;
	padding: 4.5em 0em 1em 6em;
	top:0px;
	left:0px;
	width:490px;
	height:7.5em;
	background: url(assets/ticket.png) no-repeat -50px 3px;
	font: .83em/1.4em Arial, Helvetica, sans-serif;
	text-indent: 42px;
	
}

div#ticketwrap{
position: relative;
top: -27px;
z-index: 100;	
}


div#content_Main blockquote{
	position:relative;
	top: 0px;
	padding : 0em .5em 0em 5em;
	border: 8px solid #D5B452;
	background-color: #F2E9Cb;
	height:8em;
	z-index: 99;
}



/* -----[ FORM]----------------------------*/	

#formStyle { 
	width: 340px;
	position: relative;
	margin: 0 auto;
	padding: 30px 0px 30px 60px;
	border: 1px solid #CEC39F;}
	
#formStyle label { 
	display: block;
	width: 250px;
	color: #948F54;
	padding-bottom: 3px; }	
	
#formStyle input, #formStyle textarea {
 	border: 1px solid #CEC39F;
	margin-bottom: 7px;
	width: 250px;
	padding: 3px;
	font-size: 1.2em;
	color: #686868;}
	
#formStyle button[type] {
 	border: 1px solid #CEC39F;
	margin: 10px auto;
	width: 100px;
	padding: 4px;
	font-size: 1.2em;
	color: #2E4895;
	background-color: #F2F2f2;}		
	
#formStyle button[type]:hover {
	color: #2A3B4B;
	background-color: #7198Be;}	
	
	/* -----[ TABLE]----------------------------*/	
	.tableBox td { padding:3px;}	
	.tableBox td {border-bottom:1px solid #CEC39F;
	border-right: 1px solid #CEC39F;}
	.tableBox { border-top: 1px solid #CEC39F;
	border-left: 1px solid #CEC39F;}
	.tableBox th {font-size:.8em;}
	.cultures .tableBox th{ color: #BF5609; background-color:#DA9612;}
	
	
	
/* -----[ MULTIMEDIA BUTTON ]----------------------------*/	
ul#viewMoreGraphic{
 	z-index: 120;
	position:absolute;
	padding: 0;
	margin: 0;
	top: 0;
	left: 203px;
	width:90px;
	height:22px;
	text-indent: -999px;
	overflow:hidden;	
}
ul#viewMoreGraphic li {background: url(assets/butViewMore.gif) no-repeat bottom;
margin:0;
}
ul#viewMoreGraphic li a {
display:block;
background: url(assets/butViewMore.gif) no-repeat bottom;
}
ul#viewMoreGraphic li a:hover {background: url(assets/butViewMore.gif) no-repeat top;
}

div#viewMoreWrap{
position: relative;
top: 8px;
width:90px;
z-index: 120;	
}