body,td,th {
    font-family: Verdana, Verdana, Geneva, sans-serif;
	color: #372413;
}

body {background-image:url(bg.jpg);
}

a:link 
	{color:#372413;
	 text-decoration: none;
	 border:0px;} /* unvisited link */
a:visited 
	{color:#372413;
	 text-decoration: none;
	 border:0px;} /* visited link */
a:hover 
	{color:#999;
 	 text-decoration: none;}
a:active 
	{color:#666;
	 text-decoration: none;
	 border:0px;} /* selected link*/


h2
	{
	 font-family: "Segoe Print",
             "Comic Sans MS";
	 font-weight:bolder;
	 font-style:italic;
	 font-size:30px;
	 line-height:90%

	}
	
h3
	{
	 font-family: "Segoe Print",
             "Comic Sans MS";
	 font-weight:bolder;
	 font-style:italic;
	 font-size:22px;

	}
	 
img
	{border:none;}

td
	{text-align:center;
	 padding:1px;
	 width:160px;
	}
tr
	{height:auto;}
	
#gallery 
    {
	margin:2px;
	width:750px;
	height:564px;
	float:left;
	padding:2px;
	text-align:left;
	overflow:auto;
	background-repeat:no-repeat;

	}
div.des
 {
  text-align:center;
  width:240px;
  margin:1px;
  }
 
div.img
  {float:left;
  margin:1px;
  }

.thumbnail:hover
	{
	background-color: transparent;
	}
	
.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
top:0;
left:0;
padding: 0px;
border-style:solid;
border-color:#372412;
visibility: hidden;
color: black;

}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 2px;

padding:0;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top:200px;
left:35%; /*position where enlarged image should offset horizontally */
z-index: 50;
}


#container
	{
	background-color:#CC99FF;
	width:940px;
	padding:1px;
	border-style:double;
	border-color:#372413;
	height:auto;
	right:auto;
	left:auto;
	text-align:center;
	
	}
	
#logo
	{width:147px;
	 height:94px;
	 float:left;
	 text-align:left;
	}

#border
	{
	 width:790px;
	 height:100px;
	 float:right;
	 text-align:right;
	}
	
#menu
	{
	width:182px;
	padding-top:10px;
	padding-left:0px;
	float:left;
	}
	
#content
	{
	width:750px;
	height:564px;
	float:right;
	padding:2px;
	text-align:left;
	overflow:auto;
	background-repeat:no-repeat;

	}

#button
	{
	width:700px;
	vertical-align:top;
	float:right;
	font-size:12px;
	padding:4px;
	text-align:right;
	font-family:"Segoe Print",
             "Comic Sans MS";
	font-style:normal;
	font-weight:bold;
	}
	
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
}