/* 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}
title  	{font: 100%  verdana,arial,helvetica,sans-serif; color: black; 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}  
img { border: 1px solid black; }		
li a:link
	{ color: black;}
li a:hover
	{background-color: brown; color: white; }
li a:visited
	{color: gray; }
a:link
	{ color: #009933; font-weight: bold;}
a:visited
	{color: #666666; font-weight: bold;}
a:hover
	{background-color: #009933; color: #FFFFFF; }


#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) }
#header1 {width: 760px; height: 141px; background: url(images/mardenmontage.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;}
	
#search a	{
	display: block; width: 140px; height: 30px;  background: url(images/search2.gif); border: 0px ;
	text-align: right; line-height: 20px;
	font: 90% arial,helvetica,sans-serif; font-weight: bold; color: #009999; text-decoration: none; }

#search a:hover{background: url(images/search2.gif); color: brown}

#video a	{
	display: block; width: 300px; height: 23px;  background: url(images/icon_video2.gif) no-repeat; border: 0px ;
	text-align: left; line-height: 23px; padding: 5px 0px 0px 25px;
	font: 90% arial,helvetica,sans-serif; font-weight: bold; color: #009999; text-decoration: none; }

#video a:hover{background: url(images/icon_video2.gif) no-repeat; color: 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%; margin-left: -130px;}

#content {
	margin-left: 139px; width: 618px; margin-top: 1em; margin-right: 3em;  }


#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;
	}
.clear {clear: left;}
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 }

table.plain { width: 618px; cellspacing="5";
	font: 100%  verdana; color: black; font-weight: bold;  text-decoration: none; border-collapse:collapse; border: 1px solid black;}
table.plain td {border: 1px solid black; padding: 5px; background-color: #cccccc;}	
table.plain th {font: 150%  verdana; color: white; font-weight: bold; text-align: center; background-color: brown;padding: 2px }