/* CSS for Marden History site - level 2*/

body 	{font: 70% verdana,arial,helvetica,sans-serif; margin: 0; padding: 0; background-color: #cccccc }
h1   	{font: 150% arial,helvetica,sans-serif;letter-spacing: .2em; color: white; 
	font-weight: bold; padding: 20px; 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: 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; }	
a:link
	{ color: black}
a:hover
	{background-color: brown; color: white; }
a:visited
	{color: gray; }
#headerstretch {width: 100%; height: 50px; background:  white url(images/headerlevel2.gif) 50% no-repeat ; text-align: right }
#header2stretch {width: 100%; height: 44px; background: white url(images/headerlevel22.gif)  repeat-x ; text-align: centre}
#header {width: 760px; height: 50px; background: url(images/headerlevel2.gif) 50% no-repeat ; text-align: right }
#header2 {width: 760px; height: 44px; background: url(images/headerlevel22.gif)  repeat-x ; text-align: centre }

#contenttop {background: #cccccc; width: 760px; 
	padding: 10px 10px 10px 10px; font: 80% verdana,arial,helvetica,sans-serif; font-weight: bold; text-align: center }

#contenttopstretch { width: 100%; height: 100%;
	padding-top: 10px; font: 80% verdana,arial,helvetica,sans-serif; font-weight: bold; text-align: center }

#content {background: #cccccc; width: 760px; height: 100%; border: 10px 20px 10px 20px; border-color: #FF0000;
	padding: 10px 20px 10px 20px; font: 100% verdana,arial,helvetica,sans-serif; }
	
#contentstretch { position: relative; text-align: center; width: 100%; 
	 font: 100% verdana,arial,helvetica,sans-serif; background: #cccccc; }	
	
#contentstretchinner {background: #cccccc; width: 700px; margin-left: auto; margin-right:auto; ; padding: 10px 20px 20px 20px;  
	 font: 100% verdana,arial,helvetica,sans-serif; text-align: left;}	
	 
.clear{clear: both; height: 1px;  font-size: 1px;}

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


.phototop{  border-width: 20px; border-style: solid; border-color: white;}


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

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

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

.photo2 p {
	font: 90% arial,helvetica,sans-serif; color: grey; 
	font-weight: bold; padding: 0.1em; text-align: center; margin-top: 0}
	
#search a	{
	display: block; width: 145px; height: 30px;  background: url(images/search3.gif); border: 0px ; padding: 5px 10px 5px 5px;
	text-align: right; line-height: 20px;
	font: 90% arial,helvetica,sans-serif; font-weight: bold; color: #009999; text-decoration: none; float: left; margin-right: 10px;}

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

#forum a	{
	display: block; width: 145px; height: 30px; background: url(images/search3.gif); border: 0px ; padding: 5px 10px 5px 5px;
	text-align: right; line-height: 20px;
	font: 90% arial,helvetica,sans-serif; font-weight: bold; color: #009999; text-decoration: none; float: left; margin-right: 10px;}

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

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 }