/*containers and wraps*/
#outer{
background:#798f95;
width:1000px;
margin-left:auto;
margin-right:auto;
}

#container{
width:1000px;
}

#wrap{
width:914px;
background: #b1d0d9 url(Images/background.jpg) repeat-y center 0;
margin-left:43px;
margin-right:auto;
}

#header{
background:#FFFFFF, no-repeat center;
width:914px;
height: 266px;
margin-left:auto;
margin-right:auto;
background-image:url(Images/WVESSAHeader.jpg);
}

#navcontainer{
	width:200px;
	float: left;
	padding-left: 10px;
	}

#calendarcontainer{
width: 145px;
float: right;
margin: 0px 20px 0 0;
}

/* Hide from IE5-mac. Only IE-win sees this. \*/
 * html #calendarcontainer {
  margin-right: 10px;
  }
 * html .calendar {
  height: 1%;
  margin-left: 0;
  }
 /* End hide from IE5/mac */


#footer{
background:#000000, no-repeat;
width: 914px;
height: 57px;
margin-left:auto;
margin-right:auto;
background-image:url(Images/footer.jpg);
text-align:center; 
}

	
	
/*text formatting */
h3{
font: 14pt/15pt 'Verdana', Helvetica, sans-serif;
font-weight:bold;
color:#000000;
margin-bottom: 0;
}

h2{
font: 11pt/14pt 'Verdana', Helvetica, sans-serif;
font-weight:bold;
color:#000000;
margin-bottom: 0;
}

body{
	background: #d9eaef;
	margin:0;
	font: 10pt/14pt 'Verdana', Helvetica, sans-serif; 
	  behavior: url(csshover.htc); /* WinIE behavior call */
}

p{
margin-top: 6px;
}

.calendar{
font: 8pt/10pt 'Verdana', Helvetica, sans-serif;
text-align:center;
color:#000000;
}

.content{
background: transparent;
margin-top: -18px;
margin-left:250px;
margin-right: 180px;
text-align:left;
font: 9pt/14pt 'Verdana', Helvetica, sans-serif;
}

.copyright{
font: 8pt/9pt 'Verdana', Helvetica, sans-serif;
font-weight: bold;
text-align:center;
color:#000000;
}

.thumbnail img{
border: 2px #352815;
margin: 0 10px 10px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px #FFFFFF;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #798f95;
padding: 20px;
border: 2px #352815;
visibility: hidden;
left: -510px;
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: 10px;
left: 200px; /*position where enlarged image should offset horizontally */
z-index: 50;
}

ul {
	margin: 14px; 
	padding: 0; 
	width: 200px; 
	font: 10pt 'Verdana', Helvetica, sans-serif;
	font-weight:bold;
	color:#FFFFFF;
}
	
ul.level2 {
	background: #798f95;
	}

ul.level3 {
	background: #99b6be;
	}

li {
	position: relative; 
	list-style: none; 
	margin: 0;
	color:#798f95;}
	
li:hover {
	background: #798f95;
	}

li a {
	display: block; 
	padding: 0.25em 0 0.25em 0.5em;
	text-decoration: none; 
	}

li a:hover {
	border-left-color: #798f95;
	}
	
ul a {
	width: auto;
	}

ul ul {
	position: absolute; 
	top: -15px; 
	left: 150px;
	display: none;
	}

ul.level1 li.submenu:hover ul.level2, 
ul.level2 li.submenu:hover ul.level3 {display:block;}

A:link{ color:#FFFFFF; text-decoration:none; }
A:hover{ color:#000000; text-decoration:none; }
A:active{ color:#FFFFFF; text-decoration:none; }
A:active:hover{color:#000000; text-decoration:none; }
A:visited{color:#FFFFFF; text-decoration:none; }
A:visited:hover{ color:#000000; text-decoration:none; }

A.special:link{ color:#000000; text-decoration:none; }
A.special:hover{ color:#000000; font-weight:bold; text-decoration:none; }
A.special:active{ color:#000000; text-decoration:none; }
A.special:active:hover{color:#000000; font-weight:bold; text-decoration:none; }
A.special:visited{color:#000000; text-decoration:none; }
A.special:visited:hover{ color:#000000; font-weight:bold; text-decoration:none; }