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

* {
	margin: 0;
	padding: 0;
	border: 0;
}
a:focus {outline:none;}
body {
	font: 100% Helvetica, Verdana, Arial, sans-serif;
	background: #FFF;
	text-align: center;
	margin: 0px;
	padding: 0px;
	height: 100%;
}
#container {
	width: 850px;
	background: #FFF;
	text-align: left;
	margin: 0 auto;
	position:relative;
}
#header {
	background: #FFF;
}
#nav {
	width: 150px;
	height: 397px;
	padding: 10px 37px 0px 58px;
	position:absolute;
	font-size: 80%;
	background: url(../images/trunk2.jpg) no-repeat left bottom;
}
#content {
width: 850px;
height:auto;
min-height: 390px;
overflow:auto;

}
#spacer {
float: left;
width: 250px;
height: 30px;
}
#contenter {
	padding: 15px;
	border-left: 1px dotted #666;
	float: left;
	width: 500px;
	height: auto;
}
#contenter p {
	line-height: 135%;
	}
#contenter .img {
	padding: 2px;
	border: 1px solid #CCC;
	margin: 8px 0px;
}

.thumb {padding: 2px;
	border: 1px solid #CCC;
	margin: 0 3px 8px 0}
	
.thumb:hover {
	border: 1px solid #57B7DF}
		
#contenter .gud {
	padding: 2px;
	border: 1px solid #CCC;
	margin: 8px 0px 0px 0px;
}

.gud:hover {border: 1px solid #57B7D}

.indent {
margin-top: 6px;
padding-left: 10px;
border-left: solid 1px #57B7DF;
}
#footer {
	padding: 20px 20px;
	font-size: 60%;
	background: #FFFFFF url(../images/bottom2.jpg) no-repeat right top;
	color:#999;
	width: 810px;
	float: left;
	text-align: right;
}
#footer a:link, #footer a:visited {
color:#999;
text-decoration: none;
}
#footer a:hover {
border-bottom: 1px dotted #999
}
p {
    font-size: 80%;
}
#content p {
	line-height: 150%;
	color:#333;
	margin: 10px 0
}
a:link, a:visited {
	color:#666;
	text-decoration: underline;
}
a:hover, a:active, a:focus {	
	color: #57B7DF;
}
#nav ul {
	color: #666;
	text-align: right;
	font-size: 100%;
	list-style: none;
	font-weight: bold;
}
ul li a {
  display: block;
}
#nav li {
line-height: 150%;
border-bottom: 1px solid #FFF;
border-top: 1px solid #FFF;
}
#nav li:hover {
background-color:#F2F2F2;
border-bottom: 1px dotted #999;
border-top: 1px dotted #999;
}
#nav a:link, #nav a:visited {
color: #666;
text-decoration: none;
padding-right: 8px;
}
#nav a:hover, #nav a:active, #nav a:focus {
color: #57B7DF;
}
.caption {
font-size: 90%;
font-style: italic;
margin: 0 10px 5px 10px;
}

.menu {
width: 190px;
float: left;
padding-right:20px;
text-align: center}


#nav a:link { /*property:values here*/ }

#nav a:visited { /*property:values here*/ }

#nav a:hover, #nav a:active, #nav a:focus { /*property:values here*/ }