*{
margin:0;
padding:0;
}

body {
	margin: 0px auto;
	padding-top: 20px;
	font-size: 62.5%;
	font-family:Arial, Helvetica, sans-serif;
	color: #fff;
	background: #666666;
}

#container {
	margin: 0px auto;
	width: 920px;
	border:1px thin #000000;
	overflow:auto;
	background-color:#cccccc;
}
p {
	font-size:1.2em;
	line-height:1.8em;
	padding:10px;
	color:#000000;
}

h1 {
	margin:13px;
	font-size:1.8em;
	text-transform:uppercase;
	text-align:center;
	color:#309349;
}


#nav ul {
	background:url(../images/menu_bg.jpg);
	width:920px;
	height:30px;
	list-style-type:none;
	overflow:hidden;
}

#nav ul li {
	display: inline;
	float:left;
	padding: 10px 20px;
	font: 12px Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#fff;
}

#nav ul li a {
	display:inline;
	color: #ffffff;
	text-decoration: none;
}

#nav ul li a:hover {
	display:inline;
	color: #cccccc;
	text-decoration: none;
}

#sub-nav ul {
	background-color:#006699;
	width:920px;
	height:30px;
	list-style-type:none;
	overflow:hidden;
}

#sub-nav ul li {
	display: inline;
	float:left;
	padding: 10px 20px;
	font: 12px Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#fff;
}

#sub-nav ul li a {
	display:inline;
	color: #ffffff;
	text-decoration: none;
}

#sub-nav ul li a:hover {
	display:inline;
	color: #cccccc;
	text-decoration: none;
}

#left {
	float:left;
	width:420px;
	height:432px;
	padding:10px;
	overflow: auto;
	background:#cccccc;
}
	
#content {
	float:left;
	width:480px;
	height:452px;
	background:#cccccc;
}

#gallery {
	width:900px;
	background:#cccccc;
	padding:10px;
}
#footpadding{
	position:relative;
}

#footer {
	background:url(../images/footer.jpg);
	width:920px;
	height:100px;
	clear:both;
}

#footer2{
	width:920px;
	margin: 0 auto;
}

#footer2 p {
	font-size:1.0em;
	text-align:center;
	color:#ffffff;
}

#footer2 a:link, a:visited {
	color:#cccccc;
}

#footer2 a:hover {
	color:#ffffff;
}
	
.clearfix {
clear:both;
content:".";
display:block;
font-size:1px;
height:0;
line-height:0;
margin-top:0;
overflow:hidden;
visibility:hidden;
}

.gallerycontainer{
position: relative;
height:490px;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid black;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color:#000000;
padding: 5px;
left: -1000px;
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*/
visibility: visible;
top: 0;
left: 450px; /*position where enlarged image should offset horizontally */
z-index: 50;
}


#leftcontainer {
float:left;
padding:10px;
width:355px;
background:#cccccc;
}

#galleryleft{
text-align:center;
width:100%;
}

.hidden {
left:-500px;
position:fixed;
top:-500px;
visibility:hidden;
}

#galleryleft .thumb {
border:1px solid #000000;
float:left;
margin:3px;
height:75px;
width:100px;
}

#galleryright {
padding-top:22px;
text-align:center;
width:100%;
}
#galleryright .himages {display:none;}

#rightcontainer {
background-position:center top;
background-repeat:no-repeat;
float:right;
margin-right:0;
padding:10px;
width:500px;
background:#cccccc;
}