/* stretch floating nav-container, and hide the overflowing part */

@media screen {
.nav {padding-bottom: 10000px; margin-bottom: -10000px;}
.main {overflow: hidden;}
* html .main {overflow: visible;}
}

/* css by sarah below */


body 	{ 
		background-color: #959b6b;
		text-align:center;
		}

a:link, 
a:visited    { 
				color: #676b4d; 
				text-decoration: underline;
			 }
a:hover, a.active {
				color: #676b4d; 
				text-decoration:none;
			 }

#container {
			width: 800px;
			margin: 10px auto;
			text-align:left
			}

.upperheader { 
		font-size:12px; 
		font-family: Verdana, Arial, Sans-Serif;
		background-color: #959b6b;
		width: 800px;
		height: 124px;
		background-image: url('upperheader.gif');
		background-repeat: no-repeat;
		margin: 0;
		padding: 0;
		clear: both;
		}

		
		
.header {
		clear: both;
		margin: 0;
		padding: 0;
		width: 800px;
		background-color: #676b4d;
		height: 83px;
		background-image: url('lowerheader.gif');
		background-repeat: no-repeat;
		border-right: 20px #676b4d solid;
		}

.main   { 
		font-size: 12px; 
		font-family: Verdana, Arial, Sans-Serif; 
		padding: 0;
		margin: 0;
		width: 800px;
		border-right: 20px solid #676b4d;
		color: #222222;
		background-color: #CDD2AC;
		clear: both;
		z-index: 1;
		}

.banner {
		padding-left: 250px;
		padding-top: 10px;
		}

.footer { 
		font-size:12px; 
		font-family: Verdana, Arial, Sans-Serif;
		width: 800px;
		height: 40px;
		background: #676b4D;
		margin: 0;
		padding: 0;
		clear: both;
		border-right: 20px #676b4d solid;
		}

p {
	padding: 10px 10px 10px 170px;
	margin: 0px;
	font-size: 11px;
	color: #222222;
	}		
	
.nav { 
	font-size: 12px; 
	float: left; 
	margin: 0;
	width: 160px;
	padding: 2px;
	z-index: 2;
	background-color: #80754A;
/*	background-image: url('navbg.gif');
	background-repeat: no-repeat; */
	}
	
.navtxt {
		text-transform: uppercase;
		font-weight: bold;
		font-size:13px; 
		padding: 2 2 2 2;
		margin: 2 2 2 2;
		text-align: center;
		border: 2px dotted #959b6b;
		color: #cdd2ac;
		font-family: Verdana, Arial, Sans-Serif;
		}
		
a:link.menuitem, 
a:visited.menuitem { 
			font-size: 1em; 
			font-family: Verdana, Arial, Sans-Serif;
			color: #CDD2AC;
			text-decoration: underline;
			line-height: 1.5em;
			}
	
a:hover.menuitem   {
			text-decoration: none;
			font-family: Verdana, Arial, Sans-Serif;
			font-size: 1em;
			color: #CDD2AC;
			line-height: 1.5em;
			}

ul, li {
		text-decoration: none;
		font-family: Verdana, Arial, Sans-Serif;
		font-size: 1em;
		color: #CDD2AC;
		line-height: 1.5em;
		list-style: none;
		margin: 0px;
		padding: 0px;
		padding-left: 10px;
		}
	
h1 {
	font-size: 18px; 
	font-family: Arial, Tahoma, Verdana, Sans-Serif; 
	font-weight: normal;
	color: #222222;	
	text-tansform: capitalize;
	padding: 10px 10px 10px 170px;
	margin: 0;
	 }

.photo {
	float: right; 
	width: 200px; 
	height: 175px; 
	padding: 10px 10px 10px 10px;
	text-align: center
}


.credit {
	font-size: .8em; 
	font-family: Verdana, Arial, Sans-Serif; 
	color: #CDD2AC;	
	}

a:link.credit, 
a:visited.credit    { 
				color: #CDD2AC; 
				text-decoration: underline;
			 }
a:hover.credit, a.active.credit {
				color: #CDD2AC; 
				text-decoration:none;
			 }