body {
background-color: #663300;
background-repeat: repeat-y;
}

#main {
width: 970px;
height: 760px;
background-color: #663300;
background-repeat: repeat-y;
clear: both;
}

#contentarea {
position: absolute;
margin-left:  350px;
margin-top: 40px;
width: 585px;
background-color: #a48535;
border-bottom:  20px solid #663300;
}

.header2 {
opacity: 0.6;
}

h2 {
margin-top: 30px;
margin-left: 10px;
font-size: 25px;
color: black;
}

h3 {
margin-top: 20px;
margin-left: 10px;
font-size: 18px;
color: black;
}

h4 {
margin-left: 20px;
font-weight: 600;
}

h5 {
font-weight:  normal;
font-style:  italic;
margin-left: 10px;
margin-top:  -10px;
}

ul.projects {
list-style: none;
line-height: 1.2em;
}

a {
color: #663300;
}

a:link,a:visited {
color: #663300;
text-decoration: none;
}

a:hover, a:active {
color: maroon;
text-decoration: underline;
outline: none 0;
}

p {
margin-left: 20px;
margin-right: 20px;
margin-top: 8px;
line-height: 1.4em;
}

span.underline {
text-decoration: underline;
}

ul.circle {
list-style-type: circle;
}

li {
margin-right: 20px;
}

.center {
text-align:  center;
}

.dl {
margin-left: 20px;
margin-right: 20px;
margin-top: 8px;
line-height: 1.4em;
}

#leftcolumn {
float: left;
width: 300px;
height: 760px;
position: fixed;
background-image: url("images/leftcolumnBG.jpg");
border-bottom: 1px solid black;
border-left: 1px solid black;
border-top: 1px solid black;
}

/*menu styles*/
a#homenav,a#visitnav,a#gallerynav,a#forestrynav,a#nurserynav,a#workshopsnav,a#contactnav,a#resourcesnav {
display: block;
margin-top: 5px;
margin-left: 40px;
}

a#homenav span,a#visitnav span,a#gallerynav span,a#forestrynav span,a#nurserynav span,a#workshopsnav span,a#contactnav span,a#resourcesnav span { 
display:none; 
}

a#homenav { 
background-image:url("images/homenav.png"); 
height: 40px; 
width: 260px;
margin-top: 135px;  
}

a#homenav:hover { 
background-image:url("images/homenav-hover.gif");
}

/* defines 'current' state of link*/
body.homenav a#homenav {
background-image:url("images/homenav-hover.gif");
}

a#visitnav {
background-image: url("images/apprenticenav.png");
height: 40px;
width: 260px;
}

a#visitnav:hover {
background-image: url("images/apprenticenav-hover.gif");
}

/* defines 'current' state of link*/
body.visitnav a#visitnav {
background-image:url("images/apprenticenav-hover.gif");
}

a#gallerynav {
background-image: url("images/gallerynav.png");
height: 40px;
width: 260px;
}

a#gallerynav:hover {
background-image: url("images/gallerynav-hover.gif");
}

/* defines 'current' state of link*/
body.gallerynav a#gallerynav {
background-image:url("images/gallerynav-hover.gif");
}


a#forestrynav { 
background-image:url("images/forestrynav.png"); 
height: 40px; 
width: 260px;  
}

a#forestrynav:hover { 
background-image:url("images/forestrynav-hover.gif");
}

/* defines 'current' state of link*/
body.forestrynav a#forestrynav {
background-image:url("images/forestrynav-hover.gif");
}

a#nurserynav {
background-image: url("images/nurserynav.png");
height: 40px;
width: 260px;
}

a#nurserynav:hover {
background-image: url("images/nurserynav-hover.gif");
}

/* defines 'current' state of link*/
body.nurserynav a#nurserynav {
background-image:url("images/nurserynav-hover.gif");
}

a#workshopsnav { 
background-image:url("images/workshopsnav.png"); 
height: 40px; 
width: 260px;  
}

a#workshopsnav:hover { 
background-image:url("images/workshopsnav-hover.gif");
}

/* defines 'current' state of link*/
body.workshopsnav a#workshopsnav {
background-image:url("images/workshopsnav-hover.gif");
}

a#contactnav { 
background-image:url("images/contactnav.png"); 
height: 40px; 
width: 260px;  
}

a#contactnav:hover { 
background-image:url("images/contactnav-hover.gif");
}

/* defines 'current' state of link*/
body.contactnav a#contactnav {
background-image:url("images/contactnav-hover.gif");
}

a#resourcesnav {
background-image: url("images/resourcesnav.png");
height: 40px;
width: 260px;
}

a#resourcesnav:hover {
background-image: url("images/resourcesnav-hover.gif");
}

/* defines 'current' state of link*/
body.resourcesnav a#resourcesnav {
background-image:url("images/resourcesnav-hover.gif");
}
/*end menu styles*/


/*menu for homepage content*/
#homecontentmenu {
width: 360px;
height: 21px;
border: solid 3px #663300;
margin-left: 100px;
margin-top: 40px;
}

/*menu for visitpage content*/
#visitcontentmenu {
width: 325px;
height: 21px;
border: solid 3px #663300;
margin-left: 125px;
margin-top: 40px;
}



/*style for homepage content links*/
.cm {
text-decoration: none;
color: #663300;
margin-left: 5px;
margin-right: -4px;
padding: 0px 8px 2px;
border-right: solid thin;
}

#last {
border-right: none;
}

a.cm:hover {
color: black;
}

/*--------photo gallery style---*/

#contentarea1 {
position: absolute;
margin-left: 350px;
margin-top: 0px;
width: 600px;
background-color: #a48535;
}

#photogallery a, #photogallery a:visited, #photogallery a:hover {
color:#000;
}

#photogallery {
position:relative; 
width: 580px; 
height: 600px; 
background: #a48535;  
margin: 5px auto;  
}

#photogallery a.pics {
float: left; 
margin: 5px 10px; 
display: inline; 
color: #000; 
text-decoration: none; 
border: 1px solid #663300; 
width: 60px; 
height: 40px; 
cursor: default;
}

#photogallery a.pics img.thumb {
display: block; 
border: 0;
}

#photogallery a.pics span {
display: none; 
border: none; 
width: 570px; 
background: #a48535; 
border: none; 
text-align: center;
}

#photogallery a.pics span img {

border: 4px solid #BAA369;
}

#photogallery a.pics:hover {
white-space: normal; 
border: 1px solid #ccc;
}

#photogallery a.pics:hover span {
display: block; 
position: absolute; 
right: 9px;
top: 110px; 
z-index: 10; 
height: 380px;
}

#photogallery a.pics:active {
border: 1px solid #ccc;
} 

#photogallery a.pics:active span {
display: block; 
position: absolute; 
right: 9px;
top: 110px; 
z-index: 5; 
height: 380px;
}

#photogallery a.pics:focus {
border: 1px solid maroon; 
outline: 0;
}

#photogallery a.pics:focus span {
display: block; 
position: absolute; 
right: 9px; 
top: 110px; 
z-index: 5; 
outline: 0;
}

#photogallery span.info {
clear: left; 
display: block; 
text-align: center; 
line-height: 20px; 
margin: 0; 
padding: 200px 0 0 0; 
width: 580px; 
text-align: center; 
color: #eee; 
z-index: 1;
}

#photogallery span.info a {
color: #663300;
text-decoration: none;
}

#photogallery span.info a:hover {
color: maroon;
text-decoration: underline;
}

/*----other images-----*/

/*Homepage Images*/

.welcomeimg {
background-image: url("images/MHwelcome.jpg");
width: 448px;
height: 336px;
margin: 20px 0 10px 70px;
border: 1px solid #663300;
}

/*Apprenticeship Images*/

.imgright {
float: right;
margin: 6px;
border: 1px solid #ccc;
}

.imgleft {
float: left;
margin: 6px;
border: 1px solid #ccc;
}


/*Forestry Images*/

.forestrypic {
background-image: url("images/wclogo.jpg");
width: 346px;
height: 336px;
border: 8px solid #ccc;
margin: 30px 0 20px 119px;
}

/*Workshop Images*/

.mushroom-ws {
background-image: url("images/mushroom-ws.gif");
width: 448px;
height: 287px;
border: 4px solid #ccc;
margin: 20px 0 20px 66px;
}

.forestryad {
background-image: url("images/ecoforestry ad.jpg");
width: 301px;
height: 600px;
border: 4px solid #ccc;
margin: 20px 0 20px 140px;
}