body
	{
		margin: 0;
		padding: 0;
		font: 85% comic sans ms, arial, hevetica, sans-serif;
		text-align: center;
		color: #B7AE91;
		background-color: #000;
		background-image: url(../picture_library/smallboot.gif);
	}
	
	a:link { color: #B7AE91; }
	a:visited { color: #B7AE91; }
	
	a:hover, a:active
	{
		color: #869225;
		background-color: #272900;
	}
	
	h2
	{
		color: #5B5E0E;
		font: 120% comic sans ms, arial, hevetica, sans-serif;
		font-weight: normal;
		margin: 0 0 2px 0;
	}
	
	h2 a { text-decoration: none; }
	
	h3
	{
		color: #5B5E0E;
		font: 106% comic sans ms, arial, hevetica, sans-serif;
		font-weight: bold;
		margin-top: 0;
	}
	
	#container
	{
		margin: 1em auto;
		width: 800px;
		text-align: left;
		background-color: #272900;
		border: 1px solid #272900; position: relative;
	}
	
	#header
	{
		height: 55px; padding: 20px;
		background-image: url(../picture_library/bkgrd_header.jpg);
		background-repeat: no-repeat;
		background-position: 0 0;
		border-bottom: 1px solid #272900;
		position: relative;
	}

	#header h1
	{
		font-size: 200% comic sans ms, arial, hevetica, sans-serif;
		text-align: left;
		color: #B7AE91;
		margin: 0;
		padding: 0;

	}
	
	#header h2 { color: #B52C07; }

	#mainnav
	{
		background-color: #B7AE91;
		color: #272900;
		padding: 2px 0;
		margin-bottom: 22px;
	}
	
	#mainnav ul
	{
		margin: 0 0 0 20px;
		padding: 0;
		list-style-type: none;
		border-left: 1px solid #C4C769;
	}
	
	#mainnav li
	{
		display: inline;
		padding: 0 10px;
		border-right: 1px solid #C4C769;
	}
	
	#mainnav li a
	{
		text-decoration: none;
		color: #272900;
	}
	
	#mainnav li a:hover
	{
		text-decoration: none;
		color: #869225;
		background-color: #B7AE91;
	}
	
	#menu
	{
		float: right;
		width: 180px;
		border-left: 1px solid #5B5E0E;
		padding-left: 15px;
		background-color: #272900;
	}
	
	#menu ul
	{
		margin-left: 0;
		padding-left: 0;
		list-style-type: none;
		line-height: 165%;
	}
	
	#contents { margin: 0 20px 40px 20px; }
	#contents p { line-height: 165%; }
	
	.imagefloat-right
	{
		float: right;
		padding: 0px;
		border: 2px solid #000;
		margin: 1px 10px 10px 10px;
	}
	
	.imagefloat-left
	{
		float: left;
		padding: 0px;
		border: 2px solid #000;
		margin: 1px 10px 10px 1px;
	}

	img
	{
		padding: 0px;
		border: 2px solid #000;
		margin: 1px ;

	}

	img.thumb
	{

		max-height: 106px ;
		

	}

	.imagefloat-clear { clear: both; }
	

	#footer1
	{
		clear: both;
		color: #272900;
		background-color: #272900;
		border-top: 1px solid #5B5E0E;
		text-align: center;
		padding: 5px;
		margin: 5px;
		font-size: 90%;
	}

	#footer2
	{
		clear: both;
		color: #272900;
		background-color: #B7AE91;
		text-align: right;
		padding: 5px;
		font-size: 90%;
	}

/* set general thumbnail styles */
	 #pix {  background: transparent; margin: 1em auto; text-align: center;} 

	
/* MouseOut state (default) - hide larger picture */
	
	 #pix a img.hid {
	/* width: 800px; height:800px; */
	 max-height: 590px; max-width: 590px;
	position: absolute; top: 16%; right: 25%;
	visibility: hidden; border: 1px solid #000;
	}

/* MouseOver state (hover)- reveal larger picture */
#pix a:hover { background: #000 }
#pix a:hover img.hid { visibility:visible }