/*	General Styles
--------------------------------------------------*/

body{
	margin: 0;
	background: #250D02;
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-size: 62.5%;
	}
	h1,h2,h3,h4,h5,h6{
		font-family: Georgia,"Times New Roman",Times,serif;
		font-family: "adobe-caslon-pro-1","adobe-caslon-pro-2", Georgia, "Times New Roman", Times, serif;
		font-weight: 600;
		line-height: 1.5em;
		}
	h1{
		font-size: 2.4em;
		color: #CC3300;
		margin-bottom: .5em;
		}
	h2{
		font-size: 1.7em;
		color: #CC3300;
		}
	h3{
		font-size: 1.7em;
		color: #DF8C10;
		}
	h4{
		color: #CC3300;
		font-size: 1.3em;
		margin-bottom: .25em;
		}
	h5{
		font-size: 1.5em;
		text-transform: uppercase;
		color: #CC3300;
		letter-spacing: .1em;
		margin-bottom: .5em;
		}
	
	
	
	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{	text-decoration: none; color: #CC3300;	}
	h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover{		text-decoration: underline; color: #990000;	}
	h3 a{		color: #DF8C10;	}
	h3 a:hover{	color: #FFAE00;	}
	
	li{
		font-size: 1.2em;
		line-height: 1.6em;
		color: #472C0E;
		}
		li li{
		  font-size: 1em;
		}
	
	p{
		font-size: 1.2em;
		line-height: 1.6em;
		color: #472C0E;
		margin-bottom: .75em;
		}
	a{
		color: #135456;
		}
		a:hover{
			color: #1d7e81;
			}
			
	

/*	General Classes
--------------------------------------------------*/

.left{
	float: left;
	display: inline;
	margin-right: 20px;
	margin-bottom: 20px;
	}
.right{
	float: right;
	display: inline;
	margin-left: 20px;
	margin-bottom: 20px;
	}

.line{
	float: left;
	width: 100%;
	clear: both;
	height: 1px;
	margin: 10px 0 20px 0;
	background: url(../images/line_h.gif) 50% 0 repeat-x;
	}
.flourish{
	float: left;
	width: 100%;
	height: 17px;
	background: url(../images/bg_flourish.gif) 50% 50% no-repeat;
	margin-bottom: 20px;
	}
input.over{
	opacity: .75;
	}
	input.over:hover{
		opacity: 1;
		}
.more{
	text-transform: uppercase;
	font-size: 1.1em;
	color: #135456;
	font-weight: bold;
	text-decoration: none;
	padding-right: 10px;
	background: url(../images/arrow_right.gif) 100% .3em no-repeat;
	}
	.more:hover{
		text-decoration: underline;
		}

.listen,
.watch{
	text-transform: uppercase;
	font-weight: bold;
	font-size: 1.1em;
	line-height: 1.6em;
	text-decoration: none;
	padding-left: 20px;
	background-position: 0 50%;
	background-repeat: no-repeat;
	float: left;
	}
	.listen{ background-image: url(../images/icon_listen.gif); }
	.watch{ background-image: url(../images/icon_watch.gif); }

.img_thumb{
	float: left;
	padding: 4px;
	background: url(../images/bg_thumbnail.gif) 50% 50% no-repeat;
	}
.img_sm{
	float: left;
	padding: 1px 1px 2px;
	background: url(../images/bg_small.gif) 0 0 no-repeat;
	}
.img_med{
	float: left;
	padding: 2px 3px 4px;
	background: url(../images/bg_img_medium.gif) 0 0 no-repeat;
	}
.clear{
  clear: both;
  }

/*	Layout
--------------------------------------------------*/

.section{
	text-align: center;
	}
.container, 
#navigation div.menu{
	width: 940px;
	margin: 0 auto;
	text-align: left;
	}
	#navigation div.menu{	width: 960px; }
	.clearfix:after, .container:after, #navigation div.menu:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
	.clearfix, .container {display:inline-block;}
	* html .clearfix, * html .container {height:1%;}
	.clearfix, .container {display:block;}

/*	Header
--------------------------------------------------*/

#header{
	background: #502107 url(../images/bg_header.jpg) 50% 0 no-repeat;
	min-width: 960px;
	}
	#logo{
		float: left;
		display: inline;
		margin-left: 60px;
		width: 320px;
		height: 90px;
		text-indent: -9999px;
		overflow: hidden;
		background: url(../images/logo.gif) 12px 19px no-repeat;
		}
		#logo:hover{
			background-position: 12px -81px;
			}
	#searchForm{
		float: right;
		margin-top: 30px;
		}
		#searchForm fieldset{
			padding: 0;
			border: 0;
			float: right;
			}
			#searchForm #search{
				border: 0;
				float: left;
				padding: 4px 0;
				width: 192px;
				text-indent: 3px;
				color: #D9C184;
				margin-right: 5px;
				/*background: url(../images/bg_search.gif) 0 0 no-repeat;*/
				background: #000000;
				border: 1px solid #A0430D;
				opacity: .5;
				}
				#searchForm #search:focus{
					/*background-position: 0 -100px;*/
					background: #331404;
					border-color: #C25811;
					opacity: 1;
					}
			#searchForm #btn_go{
				margin-top: 2px;
				}

/*	Main Navigation
--------------------------------------------------*/

#navigation{
	background: #5E6B46 url(../images/bg_navigation.gif) 0 0 repeat-x;
	}
	#navigation ul{
	  float: left;
		list-style-type: none;
		padding: 0;
		width: 100%;
		}
		#navigation ul li{
			float: left;
			width: 240px;
			margin: 0;
			}
			#navigation ul li a{
				float: left;
				width: 240px;
				height: 60px;
				text-indent: -9999px;
				overflow: hidden;
				padding: 0;
				background-repeat: no-repeat;
				background-position: 0 0;
				}
				#navigation ul li a:hover,
				#navigation ul li.active a,
				#navigation ul li a.active-path{
					background-position: 0 -100px;
					}
					.nav_empires, #M0001 { background-image: url(../images/bg_nav_empires.gif); }
					.nav_roads, #M0002 { background-image: url(../images/bg_nav_roads.gif); }
					.nav_war, #M0003 { background-image: url(../images/bg_nav_war.gif); }
					.nav_revolutions, #M0004 { background-image: url(../images/bg_nav_revolutions.gif); }

/*	Menus
--------------------------------------------------*/
div.menu{
  padding: 0 0 0 2em;
  margin-bottom: 1em;
}
#sidebar .menu ul{
  margin-left: 1em;
}
.menu .active-path{
  color: #333;
}
.menu .active{
  color: #000;
}


/*	Breadcrumb
--------------------------------------------------*/

#breadcrumb{
	background: url(../images/bg_breadcrumb.jpg) 50% 50%;
	}
	#breadcrumb ul{
		float: left;
		}
		#breadcrumb ul li{
			float: left;
			font-size: 1.1em;
			margin: 0;
			}
			#breadcrumb ul li a{
				float: left;
				padding: 5px 13px 5px 0;
				margin-right: 10px;
				text-decoration: none;
				background: url(../images/bg_breadcrumb_item.gif) 100% 50% no-repeat;
				color: #78613C;
				}
				#breadcrumb ul li a:hover{ color: #472C0E; text-decoration: underline; }
				#breadcrumb ul li.last a{
					background: none;
					color: #472C0E;
					}

/*	Content
--------------------------------------------------*/

#content{
	padding-top: 20px;
	padding-bottom: 20px;
	background: #ECE0AA url(../images/bg_content.gif);
	}
	#content .container{
		background: url(../images/line_v.gif) 659px 0 repeat-y;
		}
		.home #content .container{
			background: none;
			}
	#mainContent{
		float: left;
		clear: left;
		width: 640px;
		}
	#sidebar{
		float: right;
		display: inline;
		width: 280px;
		}

/*	Callouts
--------------------------------------------------*/

.callout{
	background-repeat: no-repeat;
	background-position: 0 0;
	padding-top: 0;
	width: 660px;
	float: left;
	background-color: #311504;
	}
	.home .callout{
		padding-top: 0;
		height: 300px;
		width: 940px;
		margin-bottom: 20px;
		background-image: url(../images/callout_home_bg.jpg);
		}
	.roads .callout{
		background-image: url(../images/callout_roads_bg.jpg);
		}
		
	.calloutWrapper {
	  background: url(../images/bg_callout_header.png) no-repeat;
	  clear: both;
	  float: left;
	  padding-top: 240px;
	  width: 100%;
	}
	.calloutIntro{
		width: 660px;
		}
		.home .calloutIntro{
			width: 340px;
			}
	.calloutIntro h2{
			background-repeat: no-repeat;
			background-position: 0 0;
			float: left;
			display: inline;
			width: 590px;
			/*height: 50px;*/
			margin: 0 15px 10px 15px;
			color: #dddddd;
			font-family: "adobe-caslon-pro-1","adobe-caslon-pro-2", Georgia, "Times New Roman", Times, serif;
			font-size: 36px;
			font-style: italic;
			font-weight: 400;
			text-shadow: 0 -1px 0 #ffffff, 0 2px 0 #311504, 1px 0 0 #311504, -1px 0 0 #311504, 0 1px 5px rgba(0,0,0,.25);
			}
			.home .calloutIntro h2{
  			text-indent: -9999px;
  			overflow: hidden;
				margin: 30px 0 10px 60px;
				width: 320px;
				height: 73px;
				background-image: url(../images/callout_home_title.gif);
				background-position: 50% 0;
				}
				/*
			.P0001 .calloutIntro h2 {
			  background-image: url(../images/callout_empires_title.gif);
			}
			.P0002 .calloutIntro h2 {
			  background-image: url(../images/callout_roads_title.gif);
			  margin-left: 10px;
			}
			.P0003 .calloutIntro h2 {
			  background-image: url(../images/callout_war_title.gif);
			  margin-left: 10px;
			}
			.P0004 .calloutIntro h2 {
			  background-image: url(../images/callout_continuing_title.gif);
			}
			*/
	.callout p{
		color: #EBDEA5;
		}
	.calloutIntro p{
		clear: both;
		margin: 0 15px 0 15px;
		font-family: Georgia,"Times New Roman",Times,serif;
		font-size: 1.4em;
		line-height: 1.5em;
		margin-bottom: 0;
		margin-top: 10px;
		}
		.home .calloutIntro p{
			width: 330px;
			font-size: 1.6em;
			color: #FFFFFF;
			text-align: center;
			margin-left: 55px;
			}
	.btn_beginYourJourney{
			float: left;
			clear: left;
			text-indent: -9999px;
			overflow: hidden;
			background: url(../images/btn_beginYourJourney.gif) 0 5px no-repeat;
			width: 169px;
			height: 20px;
			margin-left: 135px;
			}
			.btn_beginYourJourney:hover{
				background-position: 0 -95px;
				}
	
	/*	Sections List	*/
	
	.callout ul{
		float: left;
		clear: left;
		background: url(../images/bg_callout_bottom.gif) 0 100% no-repeat;
		padding-top: 20px;
		}
		.callout ul li{
			float: left;
			clear: left;
			display: inline;
			margin: 0 20px 0 20px;
			padding-top: 20px;
			padding-bottom: 20px;
			background: url(../images/line_h_medium.gif) 50% 0 no-repeat;
			width: 620px;
			font-size: 1em;
			}
			.callout ul li a.left{
				background: #FFFFFF;
				padding: 2px;
				margin-bottom: 0;
				margin-right: 0;
				}
			.callout ul li .description {
			  float: right;
			  width: 500px;
			}
	.callout .more,
	.callout .more:hover{
		color: #FFFFFF;
		background-image: url(../images/arrow_right_tan.gif);
		}

/*	Explore
	--------------------------------------------------*/

#explore{
	float: left;
	margin-bottom: 20px;
	background: url(../images/bg_explore.gif) 310px 0 repeat-y;
	}
#explore li{
	float: left;
	display: inline;
	width: 300px;
	margin-left: 20px;
	background-position: 10px 0;
	background-repeat: no-repeat;
	font-size: 1em;
	}
	#explore li.first{ margin-left: 0; }
	#explore .explore_people{	background-image: url(../images/icon_people.gif); background-position: 0 0;	}
	#explore .explore_themes{	background-image: url(../images/icon_themes.gif);	}
	#explore .explore_multimedia{	background-image: url(../images/icon_multimedia.gif);	}	
	#explore .explore_collections{	background-image: url(../images/icon_objects.gif);	}	
	#explore li h5,
	#explore li p,
	#explore li a{
		margin-left: 50px;
		}
		#explore li h5 a{
			margin-left: 0;
			}

/*
	Timeline
	--------------------------------------------------*/

.timeline{
	float: left;
	width: 640px;
	background: url(../images/bg_timeline.gif) 168px 0 repeat-y;
	}
	.timeline dt{
		float: left;
		clear: left;
		margin-right: 20px;
		width: 180px;
		text-align: center;
		font-family: Georgia,"Times New Roman",Times,serif;
		font-size: 1.3em;
		color: #5E6B46;
		line-height: 1.5em;
		background: url(../images/arrow_timeline.gif) 166px .7em no-repeat;
		}
		.timeline dt em{
			color: #1D7E81;
			display: block;
			}
	.timeline dd{
		float: left;
		width: 440px;
		padding-bottom: 20px;
		margin-bottom: 15px;
		background: url(../images/line_h.gif) 0 100% repeat-x;
		}
		.timeline dd .img_med{
			float: right;
			margin-left: 20px;
			}

/*  Object Meta */

ul.meta {
  background: url(../images/line_h.gif) 0 0 repeat-x;
  margin-bottom: 10px;
  padding-top: 10px;
  font-weight: bold;
}
/*
li.creator {
  font-family: Georgia,"Times New Roman",Times,serif;
  font-size: 1.4em;
  font-style: italic;
}
li.provenience {
  font-weight: bold;
}
li.created {
  color: #5e6b46;
	font-family: Georgia,"Times New Roman",Times,serif;
}
li.material {
  font-size: 1.1em;
}
li.credit {
  font-size: 1.1em;
}
li.accessionnumber {
  font-size: 1.1em;
}
*/


/*  Object Viewer */

#objectViewer {
  margin-bottom: 20px;
}

/*
	Sidebar
	--------------------------------------------------*/
	
#sidebar h5{
	font-size: 1.3em;
	color: #5E6B46;
	text-align: center;
	margin-bottom: 15px;
	}
	.timelineCallout{
		margin: 0 15px 20px 15px;
		}
	.timelineCallout div{
		padding: 2px;
		background: #FFFFFF;
		}
		.timelineCallout div p{
			background: #5E6B46 url(../images/bg_timelineCallout.gif) 0 100% repeat-x;
			padding: 5px 10px;
			text-align: center;
			color: #ECE0AA;
			font-family: Georgia,"Times New Roman",Times,serif;
			font-size: 1.3em;
			line-height: 1.5em;
			margin: 0;
			}
		.timelineCallout a{
			color: #FFFFFF;
			display: block;
			background: #5E6B46 url(../images/btn_timelineOfEvents.gif) 50% 50% no-repeat;
			height: 36px;
			text-indent: -9999px;
			overflow: hidden;
			}
	
	.objectsList{
		float: left;
		display: inline;
		margin-bottom: 20px;
		}
	.objectsList ul{
		list-style-type: none;
		float: left;
		clear: left;
		display: inline;
		margin-left: 10px;
		}
		.objectsList ul li{
			display: inline;
			float: left;
			font-size: 1em;
			}
			.objectsList ul li a{
			  position: relative;
				float: left;
				width: 65px;
				height: 65px;
				color: #fff;
				background: url(../images/bg_thumbnail.gif) 50% 50% no-repeat;
				}
				.objectsList ul li a img{
					padding: 7px;
					}
				.objectsList ul li a span.name {
				  display: none;
				  opacity: 0;
				  position: absolute;
				  top: 58px;
				  left: 5px;
				  line-height: 1.25em;
				  width: 140px;
				  z-index: 1000;
				  padding: 10px 10px 5px 10px;
				  background: url(../images/bg_tooltip.png) 23px 0 repeat-x;
				  color: #fff;
				}
				.objectsList ul li a:hover img {
				  opacity: .8;
			  }
				.objectsList ul li a:hover span.name {
				  display: block;
				  opacity: 1;
				}
				
					
	/*  Subnav  */
	
	#sidebar .subnav h4 {
	  margin-bottom: 1em;
	  text-align: center;
	}
	#sidebar .subnav  ul {
	  background: url(../images/line_h.gif) 50% 0 repeat-x;
	  clear: both;
	  display: block;
	  float: left;
	  padding-top: 1px;
	  width: 100%;
    }
  	#sidebar .subnav ul li {
  	  clear: both;
      display: block;
      float: left;
      width: 100%;
    	}
    	#sidebar .subnav ul li a {
    	  background: url(../images/line_h.gif) 50% 100% repeat-x;
    	  display: block;
    	  float: left;
    	  padding: 5px;
    	  text-decoration: none;
    	  width: 250px;
      	}
      	#sidebar .subnav ul li a:hover {
      	  background-color: #f6f0d5;
        	}
	
	/*  Sidebar Headings  */
	
	.external-pages h4,
	.related-pages h4,
  .related-objects h4,
  .related-themes h4 {
    color: #5e6b46;
    font-family: "adobe-caslon-pro-1","adobe-caslon-pro-2", Georgia, "Times New Roman", Times, serif;
    font-weight: 700;
    letter-spacing: .2em;
    text-align: center;
    text-transform: uppercase;
    clear: left;
  }
	
	/*  Sidebar Flourishes  */
	
	#sidebar .subnav,
	#sidebar .related-pages,
	#sidebar .related-objects, 
  #sidebar .external-pages,
  #sidebar .related-themes {
	  background: url(../images/bg_flourish.gif) 50% 100% no-repeat;
		float: left;
		display: inline;
		margin-bottom: 20px;
		margin-left: 20px;
		padding-bottom: 30px;
		padding-left: 0;
		width: 260px;
		}
	
	/* Related Objects  */

	#sidebar .related-objects ul {
		list-style-type: none;
		float: left;
		clear: left;
		display: inline;
		margin-left: 0;
		}
		.related-objects ul li {
			display: inline;
			float: left;
			font-size: 1em;
			}
			.related-objects ul li a {
				float: left;
				width: 65px;
				height: 65px;
				background: url(../images/bg_thumbnail.gif) 50% 50% no-repeat;
				}
				.related-objects ul li a img {
					padding: 7px;
					}
					
	/*  Related Pages */
	
	.external-pages ul,
	.related-pages ul,
	.related-themes ul {
	  background: url(../images/line_h.gif) 50% 0 repeat-x;
	  padding-top: 1px;
	  float: left;
	  width: 100%;
    }
  	.external-pages ul li,
  	.related-pages ul li,
  	.related-themes ul li {
      display: block;
      float: left;
      width: 100%;
    	}
    	.external-pages ul li a,
    	.related-pages ul li a,
  	  .related-themes ul li a {
    	  background: url(../images/line_h.gif) 50% 100% repeat-x;
    	  display: block;
    	  padding: 5px;
    	  text-decoration: none;
      	}
      	.external-pages ul li a:hover,
      	.related-pages ul li a:hover,
      	.related-themes ul li a:hover {
      	  background-color: #f6f0d5;
        	}
	
	div.multimedia ul{
		float: left;
		display: inline;
		margin-left: 10px;
		}
		div.multimedia ul li{
			float: left;
			display: inline;
			clear: none;
			width: 250px;
			margin-bottom: 15px;
			font-size: 1em;
			}
			div.multimedia ul li .img_thumb{
				margin-bottom: 6px;
				padding: 3px 7px;
				}
			div.multimedia ul li p{
				font-size: 1.1em;
				margin-bottom: .5em;
				line-height: 1.4em;
				}
		div.multimedia .description{
			float: right;
			width: 180px;
			}

/*
	THEMES
	--------------------------------------------------*/

#themes{
	background: #4D2007 url(../images/bg_themes.jpg) 50% 0 no-repeat;
	border-bottom: 1px solid #4D2007;
	padding-top: 20px;
	}
	#themes h4{
		float: left;
		text-indent: -9999px;
		overflow: hidden;
		background: url(../images/header_browseByTheme.gif) 0 0 no-repeat;
		width: 280px;
		height: 11px;
		margin-bottom: 20px;
		}
	#themes ul{
		float: left;
		clear: left;
		margin: 0;
		padding: 0 5px;
		list-style-type: none;
		width: 930px;
		}
		#themes ul li{
		  display: inline;
			float: left;
			height: 90px;
			width: 290px;
			margin-left: 10px;
			margin-right: 10px;
			margin-bottom: 10px;
			font-size: 1em;
			}
			#themes ul li.last{
				margin-right: 0;
				}
			#themes ul li .img_sm{
			  height: 38px;
			  overflow: hidden;
			  width: 38px;
				margin-right: 10px;
				}
			#themes ul li .description{
				float: right;
				width: 240px;
				}
				#themes ul li .description h3{
					color: #FFFFFF;
					margin-bottom: .2em;
					font-size: 1.4em;
					}
					#themes ul li .description h3 a{
						color: #FFFFFF;
						}
				#themes ul li .description p{
					color: #EBDEA5;
					}

/*	Footer
	--------------------------------------------------*/

#footer{
	padding-top: 15px;
	background: #250D02;
	padding-bottom: 15px;
	}
	#footer p{
		float: left;
		width: 600px;
		color: #FFFFFF;
		font-size: 1.1em;
		padding-top: 15px;
		}
	#footer p a{
	  color: #fff;
	  padding-right: 10px;
	}
	#colonialWilliamsburg{
		float: right;
		display: inline;
		margin-right: 0px;
		margin-top: 5px;
		}
		a#colonialWilliamsburg img{
			float: right;
			}
	/*	NEH Statement	*/
	#footer #neh p{
		color: #EBDEA5;
		font-size: 1.2em;
		width: 800px;
		float: right;
		}
	#footer #neh .left{
		margin-left: 0px;
		margin-bottom: 15px;
		}
	#footer .line{
		background-image: url(../images/line_h_dark.gif);
		}
		
.messages{
  background: #fff;
}