@charset "utf-8";
body { 
	font: 80%/1.4 Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	background-image:url(bg.png);
}

h1, h2, h3, h4, h5 {
	margin:0;
	padding:0;
	color:#000;
	text-align:center;
}
p {
	margin:0;
	padding:15px;
	color:#000;
	text-align:left;
}



/*-----------Classes-----------*/
.lefty {
	float:left;
}
.righty {
	padding:10px;
	float:right;
}






/*-----------Start of Container-----------*/
#container {
	margin: 85px auto;
	width: 750px;

}
/*-----------Start of Header-----------*/
#header {
	margin:0 auto;
}
/*-----------Start of Box-----------*/
/* div id box is a container that contains the images */ 
/* trees and puzzle to keep the puzzle over the trees */
/* but from attaching to the container div id when    */
/* the browser window is maximized                    */
#banner_box, trees {
	margin:0 auto;
	position:relative;
}
#puzzle {
	margin: 0;
	position:absolute;
	top:-65px;
	left:-125px;
}


/*-----------Start of Navigation-----------*/
#nav_column {
	margin: 0;
	padding: 0;
	width: 175px;
	background-color: rgba(255,255,153,0.8);
	border: 2px solid #000;
}
#nav_column ul {
	margin:0 auto;
	padding:20px;
	list-style:none;
}
#nav_column li{
	margin: 0;
	padding: 15px 0 0 0;
	text-align:left;
	font-size:18px;
}
#nav_column a {
	margin: 0;
	list-style: none;
	text-decoration: none;
}
#nav_column a:link {
	color: #000;
}
#nav_column a:hover, a:active, a:focus {
	color: #C00;
	font-weight:bold;
}
#nav_column a:visited {
	color: #000;
}




/*-----------Start of Content-----------*/
#content_column {
	margin: 0;
	padding: 0px;
	width: 550px;
	background-color: rgba(255,255,255,0.8);
	border: 2px solid #000;
}
#content_column ul li{
	width:475px;
	padding:5px;
}
#content_column a {
	margin: 0;
	list-style: none;
	text-decoration: none;
}
#content_column a:link {
	color: #000;
}
#content_column a:hover, a:active, a:focus {
	color: #C00;
	font-weight:bold;
}
#content_column a:visited {
	color: #000;
}



/*-----------Start of Photo Gallery-----------*/

#photo_container {
	margin:5px 15px 5px 15px;
	padding:0;
}
div.img {
  margin:2px;
  border:1px solid #000;
  height:auto;
  width:auto;
  float:left;
  text-align:center;
}
div.img img {
  display:inline;
  margin:3px;
  border:1px solid #ffffff;
}
div.img a:hover img {
  border:1px solid #0000ff;
}
div.desc {
  text-align:center;
  font-weight:normal;
  width:120px;
  margin:2px;
}