body {font:12px Verdana; margin-top:20px; width: 100%; color: black; text-align:left; background: white;}
#container {width: 950px; margin-left: auto; margin-right: auto; border: 1px solid #8a929f; background:white}
#header { width: 100%; height: 300px; float: left; color: black; text-align:left; display:none} 
#logo { width: 20%; height: 50px;float: left; color:white;}
#header2 { width: 80%; height: 50px; float: right; color: white;}
#main { width: 100%; float: right; color:black; text-align:left; margin-top:5px;  margin-right:10px;}
#subnav { width: 20%; float: left; color:white; font-size:14px; display:none}
#newsbar { width: 18.5%; float: left; color:black; font-size:12px; margin-top: 10px; display:none}
#lownav { width: 100%;float: left; text-align:right; color:rgb(255,255,255); font-size:16px; display:none} 
#footer { width: 100%;float: left; background-color:#366D05; text-align:center; color:rgb(255,255,255); font-size:16px; }
#lowfooter { width: 100%;float: left; text-align:right; color: black; font-size:10px; }
#leftbox { position: relative; width: 65%; float: left; background-color: white; margin-top: 10px;} 
#rightbox { width: 33%; float: right; background-color: white; margin-top: 10px;} 
#leftbox50 { position: relative; width: 50%; float: left; background-color: white; margin-top: 10px;} 
#rightbox50 { width: 50%; float: right; background-color: white; margin-top: 10px;} 
.type1 {text-align:center; font-size:18px;}
.type2 {text-align:left; font-size:16px;}
.type3 {text-align:left; font-size:14px;}
.type4 {text-align:center; font-size:12px;}
.type5 {text-align:center; font-size:14px;}
.type6 {text-align:center; font-size:16px;text-decoration: underline;}
.type7 A:link {text-align:left; font-size:14px; text-decoration:none; color:white;}
.type7 A:visited {text-align:left; font-size:14px; text-decoration:none; color:white;}
.type7 A:hover {text-align:left; font-size:14px; text-decoration:none; color:yellow;}
.type7 A:hover img{border: 2px dashed yellow;}
.type7 A:active {text-align:left; font-size:14px; text-decoration:none; color:yellow;}
.type8 {text-align:center; font-size:20px;text-decoration: underline;}
.type9 {text-align:center; font-size:14px;}
.type9 A:link {text-align:left; font-size:14px; text-decoration:none; color:black;}
.type9 A:visited {text-align:left; font-size:14px; text-decoration:none; color:black;}
.type9 A:hover {text-align:left; font-size:14px; text-decoration:none; color:green;}
.type9 A:active {text-align:left; font-size:14px; text-decoration:none; color:green;}

.endOfSection { clear: both; } 

.gallerycontainer{position: relative;}
.thumbnail:hover{background-color: transparent;}
.thumbnail:hover img{border: 1px solid blue;}
.thumbnail span { /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: 5px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;}
.thumbnail span img { /*CSS for enlarged image*/ border-width: 0;padding: 2px;}
.thumbnail:hover span { /*CSS for enlarged image*/ 
visibility: visible;
top: 0px;
left: -75%; /*position where enlarged image should offset horizontally */
z-index: 50;}

.pgthumbnail img{border: 1px solid white; margin: 0 5px 5px 0; }
.pgthumbnail:hover{background-color: transparent;}
.pgthumbnail:hover img{border: 1px solid blue;}
.pgthumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;}
.pgthumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;}
.pgthumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 230px; /*position where enlarged image should offset horizontally */
z-index: 50;}