body {
		padding: 0px;
		background-image: url(../images/woodgrain.jpg);
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-weight: 200;
		font-size: 12px;
		color:#333333;
		margin:auto;
		}

#container{
	width: 700px;
	margin: 10px auto;
	background-color: #ffffff;
	color: #333333;
	border: 1px solid gray;
	line-height: 130%;
}

#top{
	border-bottom: 1px solid gray;
	height:150px;
	margin:0px auto;
	background-image:url(../images/top_jsbg.jpg);
}

#subheader { 
	margin:0px auto;
	border-bottom:1px solid #666666;
	background-color:#FFFFFF;
}		

#subheader h1 {
	text-align:center;
}

#topnav{
 	border-bottom: 1px solid gray;
	text-align:center;
  	margin:0px auto;
  	background-color: #9E6F00;
  	padding:4px 0;
}

#subnav { 
  	text-align:center;
  	vertical-align: middle;	
   	margin:0px auto;
  	background-color: #FFFFFF;
  	border-bottom: 1px solid #666666;
}	

#leftside{
	float: left;
	width: 300px;
	margin: 0;
	padding: 1em;
}

#homecontent{
	margin-left: 340px;
	border-left: 1px solid #9E6F00;
	padding: 1em;
}

#content{
	margin-left: 10px auto;
	padding: 1em;
}

#footer{
	clear:both;
	margin: 0;
	padding: .2em .5em;
	color: #666666;
	background-color: #523900;
	border-top: 1px solid gray;
	font-size:11px;
}

#underfooter{
	clear:both;
	margin: 0;
	padding: .5em;
	color: #666666;
	background-color: #ffffff;
	border-top: 1px solid gray;
	font-size:10px;
}

#leftunderfooter{
	float: left;
	width: 300px;
	margin: 0;
	padding:  0 1em;
}

#rightunderfooter{
	margin-left: 340px;
	padding: 0 1em;
	font-style:oblique;
	text-align:right;
}

h1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 18px;
	color: #523900;
	padding-bottom: 7px;
	margin: 0;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #333333;
	font-size: 16px;
	border-top: 1px solid #9E6F00;
	border-bottom: 1px solid #9E6F00;
	margin: 0 0 .5em 0;
	padding:2px;
}

#leftside p { margin: 0 0 1em 0; }

a:link {color: #649E00; font-weight:600; text-decoration: none;}
a:visited {color:#649E00; font-weight:600; text-decoration: none;}
a:active {color:#649E00; font-weight:600; text-decoration: none;}
a:hover { text-decoration: underline; font-weight:600; color: #649E00;}

/* create a button look for links */
a.nav:link, a.nav:visited{   
	background-color: #649E00;
    border-top: #C6FF59 solid 1px;
	border-right: #003300 solid 1px;
	border-bottom: #003300 solid 1px;
	border-left: #C6FF59 solid 1px;
    color: white;
    font-family: arial,helvetica,sans-serif;
    font-size: 11px;
    font-weight: bold;
    letter-spacing: 1px;
    padding: 5px;
	text-decoration: none;
    width: 14em;
}

a.nav:hover{   
	background-color: #ADADAD;}

/* depress effect on click */
a.nav:active, a.nav:focus {   
	border-top: #523900 solid 1px;
	border-right: #99ccff solid 1px;
	border-bottom: #99ccff solid 1px;
	border-left: #523900 solid 2px;
    letter-spacing: normal;
}

h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #335100;
	font-size: 13px;
	padding-top: 10px;
	padding-bottom: 0px;
	margin: 0;
}

.smallfont {font-size:9px;
color:#999999;}

.medfont {font-size:10px;
color: #333333;}

.lightgreen {color:#649E00;}

td {padding:3px;}

table {margin:auto;}