body {
		font-family:Helvetica,Verdana, Arial,  sans-serif;
		background: #fff;
		height:100%;
	}
/*container is the box with content*/
#container {
position:relative; 
width:700px; 
height:520px; 
background:#cccc99; 
border-top: 1px solid #000; 
border-right: 1px solid #000; 
border-left: 1px solid #000; 
/*border-bottom:0; */
margin:auto;}

#container h1 {clear:both; margin:0; padding-top:50px; text-align:center; font-size:medium; font-weight:normal; color:#000;}	
#head{border-bottom:5px solid #666633;}
#head img {
position:relative; width:350px; height:90px; top:5px; left:180px; 
/*no frame around link*/
		text-decoration : none;
	/*	background-color : #cccc99;*/
		border : 1px #cccc99;
		margin-bottom:5px;

}

.footer {display:block; 
position:relative; width:700px;height:35px; 
text-decoration:none;
background:#cccc99; 
color:#fff; 
text-align:center; 
font-size:10px; 
border: 1px solid #000; 
border-top:5px solid #666633;; margin: auto;
}
#menua a.vmenu, #menub a.vmenu:link, #menua a.hmenu, #menua a.hmenu:link, #menub a.vmenu:visited, #menua a.hmenu:visited 
	{
	position:relative; width:283px; height:74px; top:17px; left:150px; 
	display:block; 
	width:75px; 
	height:25px; 
	background:#cccc99; 
	color:#000; 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	text-decoration:none; 
	text-align:center; 
	line-height:25px;
	}
	

#menua a.vmenu, #menua a.hmenu, #menua a.hmenu:link, #menua a.hmenu:visited {display:inline; width:100px; height:25px; background:#cccc99; color:#000; text-decoration:none; text-align:center; line-height:25px;}

#menua a.hmenu, #menua a.hmenu:link, #menua a.hmenu:visited {float:left;}

#menua a.hmenu:hover {background:#ffffcc; color:#000;}

#menua {height:25px;}

#menua:after{ content: "."; display: block; height: 0; clear: both; visibility:hidden;}


/* needed for IE to make :active state work first time 
a, a:visited {color:#080;} */

#container_left {position:absolute; width:620px; height:370px; top:145px;left:40px; background:#cccc99 ; border:0; margin:auto;}

#container_left #thumbs {width:151px; height: 310px; position:absolute; left:32px; top:42px;}

a.gallery, a.gallery:visited {display:block; color:#000; text-decoration:none; border:1px solid #000; width:50px; height:50px; float:left; margin:3px; z-index:50;}

a.gallery span {display:block; position:absolute; width:1px; height:1px; top:5px; left:5px; overflow:hidden; background:#cccc99;z-index:100;}

.slidek {display:block; position:absolute; top:2px; left:150px; padding:5px; border:0;/*1px solid #000;*/}

a.gallery:hover {white-space:normal; border:1px solid #cccc99;}

a.gallery:hover img {border:1px solid #000; position:relative; z-index:100;}

/*This section shows large pic when hovered. For some reason, in ie, you must have a caption on photo for the mouseovers to work on thumbs prior to the one selected.*/
a.gallery:hover span {display:block; position:absolute; width:402px; height:300px; top:2px; left:150px; padding:5px; font-style:italic; color:#cccc99; background:#cccc99; z-index:100;}

a.gallery:active {border:1px solid #cccc99;}

a.gallery:active img, a.gallery:focus img {border:1px solid #000; position:relative; z-index:50;}

/*This section shows large pic when clicked. For some reason, in ie, you must have a caption on photo for the mouseovers to work on thumbs prior to the one selected.*/
a.gallery:active span, a.gallery:focus span {display:block; position:absolute; width:402px; height:300px; top:2px; left:150px; padding:5px; font-style:italic; color:#cccc99; background:#cccc99; z-index:50;}

a.gallery em, a.gallery span {display:block;}

img.slidetitle {

/*CENTER IMAGE FOR GALLERY TITLE*/
    display: block;
	top:15px;
    margin-left: auto;
    margin-right: auto;}
	
/*Back/Next button*/

#direction{
	position:absolute;
	top:351px;
	left:22px;
	width: 143px;
}
ul#navigation
{
list-style-type: none;
margin: 0;
padding:2px;
border-top: 0;
}
ul#navigation li a { 
display: block; 
width:150px;
color: #666633;
background-color: #cccc99;
padding:2px;
text-align: center;
text-decoration: none;
}

ul#navigation li a:hover
{
color: #000;
background-color: #ffffcc;
}
ul#navigation .left
{
float: left;
width: 120px;
font-size:12px;
text-align:center;
}