/* CSS for Marden History site - Events */

body 	{font: 70% verdana,arial,helvetica,sans-serif; margin: 0; padding: 0;}
h1   	{font: 150% arial,helvetica,sans-serif;letter-spacing: .2em; color: black; 
	font-weight: bold; padding: 0.1em; text-align: center;}
h2   	{font: 100%  verdana,arial,helvetica,sans-serif; color: black; font-weight: bold; padding: 0 }
h3   	{font: 100%  verdana,arial,helvetica,sans-serif; color: black; font-weight: bold}
h4   	{font: 100%  verdana,arial,helvetica,sans-serif; color: #006600; font-weight: bold}
strong 	{color: brown;}
blockquote
	{font: 100% arial,helvetica,sans-serif; text-align: center; font-style: italic;
	font-weight: bold; color: brown; margin: 0}  	
li a:link
	{ color: black}
li a:hover
	{background-color: brown; color: white; }
li a:visited
	{color: gray; }
a:link
	{ color: black}
a:hover
	{background-color: brown; color: white; }
a:visited
	{color: gray; }

#header {width: 760px; height: 141px; background: url(images/mardenmontage.jpg) }
#headere {width: 760px; height: 141px; background: url(images/mardenmontage_events.jpg) }
#headerwp {width: 760px; height: 141px; background: url(images/mardenmontage_work.jpg) }
#headerp {width: 760px; height: 141px; background: url(images/mardenmontage_people.jpg) }
#headerpl {width: 760px; height: 141px; background: url(images/mardenmontage_places.jpg) }
#headera {width: 760px; height: 141px; background: url(images/mardenmontage_about.jpg) }

#nav	{float: left; width: 760px;}
#nav ul	{list-style: none; padding: 0; margin: 0; width: 760px;}
#nav li {float: left; margin: 0 ;}	
#nav a	{
	display: block; width: 120px; border: 3px solid green; background-color: brown;
	text-align: center; height: 20px; line-height: 20px;
	font-weight: bold; color: #FFB591; text-decoration: none; letter-spacing: 3px;
	}
#nav a:hover{background-color: #FFB591; color: black;}
	
#nav2	{float: left; width: 760px;}
#nav2 ul	{list-style: none; padding: 0; margin: 0; width: 760px;}
#nav2 li {float: left; margin: 0 ;}	
#nav2 a	{
	display: block; width: 184px;  background: url(images/hopspale.jpg); border: 3px solid #cccccc;
	text-align: center; height: 60px; line-height: 20px;
	font: 150% arial,helvetica,sans-serif; font-weight: bold; color:
	green; text-decoration: none; ;
	}
#nav2 a:hover{background: url(images/hops.jpg); color: white; border: 3px solid brown}

#menu 	{float: left; width: 120px; height: 100%; border: 3px solid green; 
	background-color: black; 
	 }

#menu ul
	{List-style: none; margin: 0; padding: 10px 5px 10px 5px}

#menu li a:link 	
	{font: 90% arial,helvetica,sans-serif; color: #999999; 
	 text-decoration: none; font-weight: bold; }

#menu li a:visited 	
	{font: 90% arial,helvetica,sans-serif; color: #DB996C; 
	 text-decoration: none; font-weight: bold; }

#menu li a:hover
	{background-color: #666666; color: white; font-weight: bold;}
	

#container {	
	float: right; width: 100%; }

#content {
	 width: 760px; padding-top: .5em;  text-align: center; font: 90% arial,helvetica,sans-serif; color: black;  }

#container2 {	
	float: right; width: 100%; }

#content2 {
	margin-left: 3em; width: 720px; margin-top: 3em; margin-right: 0em; margin-bottom : 3em; background-color: white }

#photo	{float: right; length: 100%;
	margin: 0 0px 10px 10px;
	border-width: 6px; border-style: solid; border-color: black;}

.photo1	{float: left; length: 100%;
	margin: 10px 10px 10px 0px;}

.photo1 p {
	font: 80% arial,helvetica,sans-serif; color: black; 
	font-weight: bold; padding: 0.1em; text-align: center; margin-top: 0}

.photo2	{float: right; length: 100%;
	margin: 10px 0px 10px 10px;
	
	}

.photo2 p {
	font: 80% arial,helvetica,sans-serif; color: grey; 
	font-weight: bold; padding: 0.1em; text-align: center; margin-top: 0}
	
.phototop	{float: left; length: 100%;
	margin: 0px 10px 10px 0px;
	border-width: 1px; border-style: solid; border-color: grey;
	}

table	{width: 618px; cellspacing="5";
	font: 80%  verdana; color: black;  background-color: #CCCCCC; text-decoration: none; 
	}

table th{font: 150%  verdana; color: white;font-weight: bold; text-align: center; background-color: brown;padding: 2px }