/******************** LAYOUT  ********************/
	
	body {
	text-align:center;
	background-color:#00b4f0;
	margin:0;
	}
	
	.img {display: block;}
	
	#frame {
	width:800px;
	margin-right:auto;
	margin-left:auto;
	padding:0px;
	text-align:left;
	background-color:#fff;
	background-image:url(images/bg.gif);
	background-repeat:repeat-y;
	margin-top:80px;
	}
		
	#contentleft {
	width:110px;
	padding:0px;
	float:left;
	margin-bottom:10px;
	margin-left:12px; /* ----- Value for IE6 ----- */
	}
	html>body #contentleft {margin-left:36px;} /* this value is for all other browsers */
	
	/* ----- Hack only for IE 7 ----- */
	*+html div#contentleft {
   	margin-left:23px;
	} 
	
	
	#contentcenter {
	width:360px;
	padding:0px;
	float:left;
	background:#fff;
	margin-left:0px;
	margin-top:-34px;
	
	}
	
	#contentright {
	width:291px;
	padding:0px;
	background:#fff;
	float:right;
	}
	
	#contentheader {
	margin:0px;
	}
	
	#footer	{
	background-image:url(images/images/footer-bg.gif);
	background-repeat:no-repeat;
	height:49px;
	text-align:center;
	padding-top:1px;
	background-color:#c5c5c5;
	}

	
/******************** TEXT ********************/
		
	p {
	margin:0px 20px 18px 0px;
	font: 12px arial, "Trebuchet MS", sans-serif;
	color:#555;
	}
		
	h2 {
	margin:19px 0px 0px 0px;
	font: 12px arial, "Trebuchet MS", sans-serif;
	font-weight:bold;
	color:#ea6a20;
	}
	
	
	h1	{
	padding:0px;
	font: 22px arial, "Trebuchet MS", sans-serif;
	font-weight:normal;
	color:#85c256;
	margin-bottom:38px;
	margin-top:0px;
	}
	
	
	
	
/******************** LINKS ********************/
	

	#contentcenter a, #contentright a	{
	font: 12px arial, "Trebuchet MS", sans-serif;
	font-weight:normal;
	color:#00B4F0;
	margin-bottom:25px;
	text-decoration:none;
	}
	
	#contentcenter a:hover, #contentright a:hover	{
	font: 12px arial, "Trebuchet MS", sans-serif;
	font-weight:normal;
	color:#00B4F0;
	margin-bottom:25px;
	text-decoration:underline;
	}
	
	#more a	{
	margin:0px 0px 18px 0px;
	font: 12px arial, "Trebuchet MS", sans-serif;
	color:#85c256;
	font-weight:bold;
	color:#ea6a20;
	}
	
	#more a:hover	{
	margin:0px 0px 18px 0px;
	font: 12px arial, "Trebuchet MS", sans-serif;
	color:#85c256;
	font-weight:bold;
	color:#ea6a20;
	}

	
/******************** Navigation ********************/
 
 #navcontainer ul
 {
 margin: 0px;
 padding: 0px;
 list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
text-align:center;
 }

 #navcontainer li { 
 margin: 0px; 
 padding:0px;
 }

 #navcontainer a
 {
 display: block;
 padding: 8px 2px 8px 1px;
border: 0px solid #333;
width: 79px;
 background-image: url(images/nav-up.gif);
  background-repeat:no-repeat;
  text-decoration:none;
  color: #fff9a1;
 }

 #navcontainer a:link, #navlist a:visited
 {
color: #fff9a1;
 text-decoration: none;
 }

 #navcontainer a:hover
 {
 border: 0px;
 background-image: url(images/nav-dn.gif);
 background-repeat:no-repeat;
color: #fff9a1;
 }

 #active a:link, #active a:visited, #active a:hover
 {
 border: 0px;
 background-image: url(images/nav-dn.gif);
color: #fff9a1;
 background-repeat:no-repeat;
 text-decoration:none;
 }
 
 /* Hover gallery */

.placeholder	{

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

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

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

.thumbnail:hover img{
border: 0px solid blue;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: ;
left: -1000px;
border: 10px solid #85c256;
visibility: hidden;
color: black;
text-decoration: none;

}

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

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0px;
left: 370px; /*position where enlarged image should offset horizontally */
}