body {
background-image: url("../image1/back.jpg");
}

.headerwrap {
width:100%;
background: rgba(194,204,194,0.7);
border-bottom:1px solid #ABB0AB;
}

.pheader {
font-size:20px;
font-weight:bold;
padding-bottom:10px;
}

.galleryitem {
text-align:center;
font-size:14px;
}

.logoheader {
font-size:24px;
font-weight:bold;
color:#333333;
margin-top:10px;
margin-bottom:15px;
text-align:center;
}

.logoheader a {
font-size:1em;
font-weight:bold;
color:#333333;
}

.logoimg {
opacity: 1;
filter: alpha(opacity=100); /* For IE8 and earlier */
border:0px;
}

.logoimg:hover {
opacity: 0.8;
filter: alpha(opacity=80); /* For IE8 and earlier */
border:0px;
}

.shadowit {
box-shadow: 1px 1px 8px #666666;
}

.top20 {
margin-top:20px;
}

.bott20 {
margin-bottom:20px;
}

.slicknav_menu {
	display:none;
}

@media screen and (max-width: 60em) {
	/* #menu is the original menu */
	.js #menu {
		display:none;
	}
	
	.js .slicknav_menu {
		display:block;
	}
}

.thenav {
display: block;
}

.thenav ul {
list-style: none;
margin: 20px 40px 20px 20px;;
padding-left: 0;
}

.thenav li {
display: block;
float: left;
margin: 0px;
padding: 0px;
position: relative;
text-decoration: none;
}
  
.thenav li a {
color: #FFFFFF;
font-size:0.9em;
text-decoration: none;
display: block;
margin: 0px 5px;
padding: 8px;
background-color: #036648;
border:1px solid #033324;
-moz-border-radius: 10px;
border-radius: 10px;
}

.thenav li a:hover {
background-color: #024D36;
color:#FFFFFF;
cursor: pointer;
}

.thenav ul li ul {
visibility: hidden;
float: left;
min-width: 200px;
position: absolute;
margin-top:12px;
left: 0;
z-index: 999;
}

.thenav ul li:hover > ul,
.thenav ul li ul:hover {
visibility: visible;
}

.thenav ul li ul li {
clear: both;
padding: 3px 10px;
width: 100%;
font-size:12px;
}

.thenav ul li ul li a {
font-size:12px;
}

.thenav ul li ul li:hover {
background: #4C4C4C;
}

#menu {
float:right;
}

.bordercol {
border-left:1px dotted #CCCCCC;
}

.rightheader {
font-size:18px;
font-weight:bold;
margin-bottom:10px;
}