@charset "utf-8";
/* CSS Document */

body {
	background: #333 url(img/pat.jpg);
	font-family:Verdana, Geneva, sans-serif;
}

#container {
	width:780px;
	margin:auto;
	background: #FFF;
}

#header {
	height:210px;
	width:780px;
	padding:5px;
}

#header2 {
	height:200px;
	width:760px;
	background: #600600;
	padding:5px;
}

#banner {
	height:200px;
	width:770px;
	margin-left:5px;
	margin-right:5px;
}

#content {
	height:auto;
}

#page {
	background: #CCC;
	height:100%;
	width:550px;
	padding:5px;
	margin:5px;
	margin-top:-5px;
	color: #000;
	height: 500px;
}

#page img {padding-bottom:5px; padding-right:2px;}
#page h2 {text-align:center;}

#menu {
	padding:0;
	margin:0;
}
#menu li {
	list-style-type:none;
}

#menu a, #menu a:visited {
  display:block;
  width:9.5em;
  padding:4px;
  background: #FFF;
  color: #000;
  text-decoration:none;
  margin: 15px;
  text-align: center;
  }

#sidepad {
	padding:5px;
}

#side {
	width: 195px;
	float:right;
	height:500px;
	padding:5px;
	text-align:center;
	background: #600600;
}

#footer1 {
	padding:5px;
	padding-top:0px;
}

#footer {
	height:auto;
	padding:5px;
	background: #600600;
	text-align:right;
	font-size:12px;
	color: #FFF;
}

#footer a {color:#CCC;}

#contactform {
	font-size:12px;
}

.center {
	text-align:center;
	vertical-align:middle;
}



/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #FFF;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

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

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -350px;
left: -5px; /*position where enlarged image should offset horizontally */

}