@charset "utf-8";
body {
	background-color: #261418;
	background-image: url(assets/site_bg.jpg);
	background-repeat: repeat-x;
	font-family:Georgia, "Times New Roman", Times, serif;
}

#allcontent {
	width:960px;
	margin-left:auto;
	margin-right:auto;
}
/*Does the image replacement on the site title at the very top*/
#site_title {
	background-color:#A12A0B;
	text-align:center;
	height:25px;
}

h1#title_replaced {
	width: 940px;
	height: 17px;
	background-image: url(assets/site_title2.gif);
	background-repeat:no-repeat;
	background-position:bottom right;
	}
h1#title_replaced span {
		display: none;
}

/*large image box with logo*/
#header {

height:254px;
background-color:#999999;
position:relative;
}
#homelogo{
	position:absolute;
	top:5px;
	left:-30px;
}

/*Handles the Primary Navigation*/
#prime_nav{
	height:117px;
	background-image:url(assets/nav_link_bg.jpg);
}

#prime_nav li {
	width:136px;
	height:117px;
	border-right:1px solid #FFFF99;
	float:left;
	overflow:hidden;
	display:block;
	
}
#prime_nav li.last {
	border:none;
	width:138px;
}


#prime_nav li a:link {
	display:block;
	width:106px;
	height:117px;
	padding:15px;
	
}
#prime_nav li a:visited{
	display:block;
	width:106px;
	height:117px;
	padding:15px;
	
}
#prime_nav li a:hover {
	display:block;
	width:106px;
	height:117px;
	padding:15px;
	
	
}
#prime_nav li a:active {
	display:block;
	width:106px;
	height:117px;
	background-image:url(assets/nav_link_active_bg.jpg);
	padding:15px;
}

#prime_nav li:link {
	background-image:none;
}

#prime_nav li:visited {
	background-image:url(assets/nav_link_hover_bg.jpg);
}
#prime_nav li:hover {
	background-image:url(assets/nav_link_hover_bg.jpg);
}

#prime_nav li:active {
	background-image:url(assets/nav_link_active_bg.jpg);
}

#prime_nav li a:link{
	
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#FFFFFF;
	text-decoration:none;
}
#prime_nav li a:visited{
	
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#FFFFFF;
	text-decoration:none;
}
#prime_nav li a:hover{
	
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#FFFFFF;
	text-decoration:none;
}
#prime_nav li a:active{
	
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#FFFFFF;
	text-decoration:none;
}

/*There are 3 different span tags within the <a> tag of each primary nav item that each have their own formatting so as to keep the HTML valid*/
#prime_nav li a:link .nav1{
	
	font-weight:bold;
	font-size:18px;
	
	
}
#prime_nav li a:visited .nav1{
	
	font-weight:bold;
	font-size:18px;
	
}
#prime_nav li a:hover .nav1{
	
	font-weight:bold;
	font-size:18px;
	
}
#prime_nav li a:active .nav1{
	
	font-weight:bold;
	font-size:18px;
	
}
#prime_nav li a:link .nav2{
	font-weight:normal;
	font-size:14px;
	
}
#prime_nav li a:visited .nav2{
	font-weight:normal;
	font-size:14px;
	
}
#prime_nav li a:hover .nav2{
	font-weight:normal;
	font-size:14px;
	
}
#prime_nav li a:active .nav2{
	font-weight:normal;
	font-size:14px;
	
}
#prime_nav li a:link .nav3{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:9px;
	line-height:120%;
	
	
}
#prime_nav li a:visited .nav3{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:9px;
	line-height:120%;
	
	padding-bottom:50px;
	
}
#prime_nav li a:hover .nav3{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:9px;
	line-height:120%;
	
	padding-bottom:50px;
	
}
#prime_nav li a:active .nav3{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:9px;
	line-height:120%;
	
	padding-bottom:50px;
	
}
/*This handles the change of background color to indicate what section of the site you are in*/ 
/*When adding a new page add [ class="explore" (or whatever section you want)] to the <div id="allcontent">*/
/*EXAMPLE: <div id="allcontent" class="explore"> will made the explore button come up as active.*/
.exhibits #prime_nav .exhibits{
	background-image:url(assets/nav_link_active_bg.jpg);	
	
}
.explore #prime_nav .explore{
	background-image:url(assets/nav_link_active_bg.jpg);	
	
}
.visit #prime_nav .visit{
	background-image:url(assets/nav_link_active_bg.jpg);	
	
}
.about #prime_nav .about{
	background-image:url(assets/nav_link_active_bg.jpg);	
	
}
.friends #prime_nav .friends{
	background-image:url(assets/nav_link_active_bg.jpg);	
	
}
.contact #prime_nav .contact{
	background-image:url(assets/nav_link_active_bg.jpg);	
	
}
/*This is to make sure the hover still works*/
.exhibits #prime_nav .exhibits:hover{
	background-image:url(assets/nav_link_hover_bg.jpg);	
	
}
.explore #prime_nav .explore:hover{
	background-image:url(assets/nav_link_hover_bg.jpg);	
	
}
.visit #prime_nav .visit:hover{
	background-image:url(assets/nav_link_hover_bg.jpg);	
	
}
.about #prime_nav .about:hover{
	background-image:url(assets/nav_link_hover_bg.jpg);	
	
}
.friends #prime_nav .friends:hover{
	background-image:url(assets/nav_link_hover_bg.jpg);	
	
}
.contact #prime_nav .contact:hover{
	background-image:url(assets/nav_link_hover_bg.jpg);	
	
}
/*This is to make sure the active still works*/
.exhibits #prime_nav .exhibits:active{
	background-image:url(assets/nav_link_active_bg.jpg);	
	
}
.explore #prime_nav .explore:active{
	background-image:url(assets/nav_link_active_bg.jpg);	
	
}
.visit #prime_nav .visit:active{
	background-image:url(assets/nav_link_active_bg.jpg);	
	
}
.about #prime_nav .about:active{
	background-image:url(assets/nav_link_active_bg.jpg);	
	
}
.friends #prime_nav .friends:active{
	background-image:url(assets/nav_link_active_bg.jpg);	
	
}
.contact #prime_nav .contact:active{
	background-image:url(assets/nav_link_active_bg.jpg);	
	
}

/*Handles the Sub Nav bar*/
#subnav {
	background-color:#FF940A;
	padding: 15px 0px 20px 0px;
	font-size:16px;
	
}
#subnav li {
	display:inline;
	padding: 10px 15px 20px 15px;
}
#subnav a:link{
	color:#261417;
	text-decoration:underline;
		
}
#subnav a:visited{
	color:#261417;
	text-decoration:underline;
	
}
#subnav a:hover{
	color:#7A1F08;
	text-decoration:none;
	
}
#subnav a:active{
	color:#A12A0B;
	text-decoration:none;
	
}



#main {
	background-image:url(assets/blog_bg.gif);
	background-position:right;
	background-repeat:repeat-y;
}
#blogsidebar{
	float:right;
	width:300px;
	font-size:13px;
	color:#261318;
	background-image:url(assets/full_blog_top.gif);
	background-position:top;
	background-repeat:no-repeat;
	padding:70px 10px 10px 10px;
	line-height:175%;

}
#blogsidebar a:link{
	color:#261318;
	text-decoration:underline;
}
#blogsidebar a:visited{
	color:#261318;
	text-decoration:underline;
}
#blogsidebar a:hover{
	color:#261318;
	text-decoration:none;
}
#blogsidebar a:active{
	color:#A12A0B;
	text-decoration:none;
}
#feedflare a:link{
	color:#261318;
	text-decoration:underline;
}
#feedflare a:visited{
	color:#261318;
	text-decoration:underline;
}
#feedflare a:hover{
	color:#261318;
	text-decoration:none;
}
#feedflare a:active{
	color:#A12A0B;
	text-decoration:none;
}

#blogsidebar p {
/*	line-height:175%;*/
	padding:12px 0px 12px 0px;
}
#blogsidebar p.date{
	line-height:175%;
	padding:12px 0px 12px 0px;
	text-transform:uppercase;
}
#blogsidebar .headline {
	font-weight:bold;
	font-size:18px;
	font-variant:small-caps;
	
}
#blogsidebar .headline a:link{
	color:#261318;
	text-decoration:underline;
	
}
#blogsidebar .headline a:visited{
	color:#261318;
	text-decoration:underline;
	
}
#blogsidebar .headline a:hover{
	color:#261318;
	text-decoration:none;
	
}
#blogsidebar .headline a:active{
	color:#A12A0B;
	text-decoration:underline;
	
}	 
#blogsidebar h3 {
	line-height:175%;
	padding:12px 0px 0px 0px;
	text-transform:uppercase;
}
#blogsidebar h5 {
font-style:italic;
font-weight:bold;
color:#261318;
padding-top:12px;
}
#blogsidebar h5 a:link{
font-style:italic;
font-weight:bold;
color:#261318;
text-decoration:none;
}
#blogsidebar h5 a:visited{
font-style:italic;
font-weight:bold;
color:#261318;
text-decoration:none;
}
#blogsidebar h5 a:hover{
font-style:italic;
font-weight:bold;
color:#261318;
text-decoration:underline;

}
#blogsidebar h5 a:active{
font-style:italic;
font-weight:bold;
color:#A12A0B;
text-decoration:underline;
}




h2#blogh2 {
	display:none;
}


.hidden {
	display:none;
}
.home_panel {
	width:600px;
	padding:0px 20px 30px 10px;
	margin-bottom:10px;
	background-color:#FFFFFF;
	font-size:16px;
	line-height:150%
}
.home_panel a:link {
	font-weight:bold;
	color:#381E27;
	text-decoration:underline;
}
.home_panel a:visited{
	font-weight:bold;
	color:#381E27;
	text-decoration:underline;
}
.home_panel a:hover {
	font-weight:bold;
	color:#9C1B1B;
	text-decoration:none;
}
.home_panel a:active {
	font-weight:bold;
	color:#FF940A;
	text-decoration:underline;
}

#welcome_panel {
	background-image:url(assets/welcome_to_history_bg.gif);
	background-position:top left;
	background-repeat:no-repeat;
	padding-top:70px;
}
.leftimage {
	float:left;
}

.home_panel_text {
	margin-left:240px;
}

#events_panel {
	background-image:url(assets/special_events.gif);
	background-position:top left;
	background-repeat:no-repeat;
	padding-top:70px;
}



#footernav{
	padding:20px;
	background-color:#A12A0B;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#FFFFFF;
	line-height:175%;
	margin-top:10px;
}
#footernav .col{
	float:left;
	width:130px;
	margin-right:25px;
}
#footernav li {
	list-style-type:none;
	font-weight:bold;
}
#footernav li li {
	list-style-type:disc;
	list-style-position:inside;
	font-weight:normal;
}
#footernav a:link{
	color:#FFFFFF;
	text-decoration:none;
}
#footernav a:visited{
	color:#FFFFFF;
	text-decoration:none;
}
#footernav a:hover{
	color:#FFFFFF;
	text-decoration:underline;
}
#footernav a:active{
	color:#999999;
	text-decoration:underline;
}
#footer {
	padding:20px;
	background-color:#7A1F08;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#FFFFFF;
	line-height:175%;
	height:150px;
	
	
}
strong{
	font-weight:bold;
}
.clearfloat{
clear:both;
}

#subpage_header {
	height:146px;
	position:relative;
}
#logo {
	position:absolute;
	top:-9px;
	left:-20px;
}

.panel {
	margin-bottom:10px;
	background-color:#FFFFFF;
	padding:90px 150px 15px 170px;
	font-size:13px;
	line-height:150%
}
.panel h1 {
	font-weight:bold;
	font-size:18px;
	font-variant:small-caps;
}
.panel ul li{
	list-style-type:disc;
	list-style-position:inside;
}
.panel ul li a:link{
	font-weight:bold;
	color:#381E27;
	text-decoration:underline;
}
.panel ul li a:visited{
	font-weight:bold;
	color:#381E27;
	text-decoration:underline;
}
.panel ul li a:hover{
	font-weight:bold;
	color:#9C1B1B;
	text-decoration:none;
}
.panel ul li a:active{
	font-weight:bold;
	color:#FF940A;
	text-decoration:underline;
}


#explore_panel {
	background-image:url(assets/explore_our_collection_bg.gif);
	background-position:top left;
	background-repeat:no-repeat;
}
#memorial_collection_panel{
	background-image:url(assets/memorial_collection_bg.gif);
	background-position:top left;
	background-repeat:no-repeat;
}
.event_title {
	font-style: italic;
	font-weight: bold;
}
.panel .event_date {
	text-transform: uppercase;
}

#calendar_panel{
	background-image:url(assets/calendar_events.png);
	background-position:25px 15px;
	background-repeat:no-repeat;
	

}

#exhibits_panel {
	background-image:url(assets/exhibits_programs.png);
	background-position:25px 15px;
	background-repeat:no-repeat;
}
#support_panel {
	background-image:url(assets/support_museum.png);
	background-position:25px 15px;
	background-repeat:no-repeat;
}
#upcoming_events_panel{
	background-image:url(assets/upcoming_events.png);
	background-position:25px 15px;
	background-repeat:no-repeat;
	

}
#education_programs_panel{
	background-image:url(assets/educational_programs.png);
	background-position:25px 15px;
	background-repeat:no-repeat;
	

}
#visit_us_panel{
	background-image:url(assets/visit.png);
	background-position:25px 15px;
	background-repeat:no-repeat;
	

}
#contact_us_panel{
	background-image:url(assets/contact.png);
	background-position:25px 15px;
	background-repeat:no-repeat;
	

}
#building_panel{
	background-image:url(assets/building.png);
	background-position:25px 15px;
	background-repeat:no-repeat;
	

}
#about_museum_panel{
	background-image:url(assets/about_museum.png);
	background-position:25px 15px;
	background-repeat:no-repeat;
	

}
#board_panel{
	background-image:url(assets/board.png);
	background-position:25px 15px;
	background-repeat:no-repeat;
	

}
#volunteers_panel{
	background-image:url(assets/volunteers.png);
	background-position:25px 15px;
	background-repeat:no-repeat;
	

}
#friends_panel{
	background-image:url(assets/friends.png);
	background-position:25px 15px;
	background-repeat:no-repeat;
	

}
#donate_panel{
	background-image:url(assets/donations.png);
	background-position:25px 15px;
	background-repeat:no-repeat;
	

}
#contact_panel{
	background-image:url(assets/contact.png);
	background-position:25px 15px;
	background-repeat:no-repeat;
	

}

.panel p a:link {
	font-weight:bold;
	color:#381E27;
	text-decoration:underline;
}
.panel p a:visited{
	font-weight:bold;
	color:#381E27;
	text-decoration:underline;
}
.panel p a:hover {
	font-weight:bold;
	color:#9C1B1B;
	text-decoration:none;
}
.panel p a:active {
	font-weight:bold;
	color:#FF940A;
	text-decoration:underline;
}
.panel p {
	margin:25px 0px 25px 0px;
}

.rightphoto {
	float:right;
	margin-left:12px;
}
.leftphoto {
	float:left;
	margin-right:12px;
}
.rightphoto p{
	margin:0;
	padding:0;
}
.leftphoto p{
	margin:0;
	padding:0;
}

/************************************************

                     BEGIN PHOTO CAPTOIONS

************************************************/

div.caption
{
  padding-top:4px;
  padding-bottom:10px;
  color: #666666;
  font-family:Georgia, "Times New Roman", Times, serif;
  text-align:center;
}
}
div.caption-marker
{
  
}
div.caption-text
{
  
  text-align: left;
  color: #666666;
  font-family:Georgia, "Times New Roman", Times, serif;
  font-style:italic;
}
}
div.copyright
{
  text-align: right;
  color: #666666;
  font-family:Georgia, "Times New Roman", Times, serif;
    font-style:italic;
}
/************************************************

                     END PHOTO CAPTOIONS

************************************************/
.centered {
	text-align:center;
	
}
form table td{
	padding: 10px;
	
}
em{font-style:italic;}
