body {
margin: 20px 0 0 0;
padding: 0;
font-family: times new roman;
font-size: medium;
background: #999999 url('images/bg.gif') repeat-x top;
text-align: center; /* for IE */ 
}

div#wrap { 
padding: 0;
width: 800px;
text-align: center; /* reset text alignment */ 
margin: 0 auto; /* for the rest */ 
}
h1 {
   margin: 0;
   padding: 0 0 20px 0;
   font-family: "times new roman";
   font-size: 140%;
   font-weight: bold; 
   letter-spacing: 4px;
   }

h1 a {
   text-decoration: none;
   color: #000000; 
   }

ul#nav {
   width: 800px;
   margin: 0;
   padding: 0 0 15px 0;
   list-style: none;
   background: none;
   }

#nav li { 
   display: inline;
   padding: 0;
   font-family: "times new roman";
   font-size: 95%;
   font-weight: bold;
   }

#nav a {
   text-align: center;
   padding: 0px 12px;
   color: #000000;
   text-decoration: none;
   }

#nav a:hover, #nav li a.active {
   color: #ffffff;
   }

div#locatorbar  {
	margin:0;
	padding:0 0 20px 155px;
	width:620px;
	height:10px;
	float:left;
	text-align:left;
	font-size:90%;
}

div#locatorbar, #locatorbar a {
	color:#333;
	text-decoration:none
}

#subnav {font-size:0.85em; position:relative; z-index:1; width:20%}
#subnav ul {margin:0 0 0 0; padding:0px; width:160px; float:left}
#subnav li {list-style: none; text-align:left} 

ul.top-level {background:#666;}
ul.top-level li {
 border-bottom: #999 solid;
 border-top: #999 solid;
 border-width: 1px;
}

#subnav a {
 color: #fff;
 cursor: pointer;
 display:block;
 height:25px;
 line-height: 25px;
 text-indent: 10px;
 text-decoration:none;
 width:100%;
}

#subnav a.active, #sub-level a.active {
  background:#3d4c42
}

#subnav li:hover {
 background: #3d4c42;
 position: relative;
}

ul.sub-level {
    display: none;
}
li:hover .sub-level {
    background: #999;
    border: #fff solid;
    border-width: 1px;
    display: block;
    position: absolute;
    left: 75px;
    top: 5px;
}



/*Second Level*/
#subnav .sub-level {
    background: #999;
}

/*Third Level*/
#subnav .sub-level .sub-level {
    background: #999;
}

/*RESET STYLES*/
li:hover .sub-level .sub-level {
	display:none;
}
.sub-level li:hover .sub-level {
	display:block;
}

div#photographs {
	width:80%;
	float:left;
}


#gallery img { 
	margin: 0;
	padding:0
}

ul#gallery {
	position:relative;
	left:-20px;
	top:-20px
}

#gallery li {
	margin:0;
	padding:0 10px 40px 10px;
	list-style:none;
	float:left;
	display: block;
	width:125px;
	height:130px;
	color:#000;
	font-size:80%;
}

ul#gallery li.horiz {
	margin:30px 0 -30px 0;
}

ul#gallery li.vert {
	margin:0
}

ul#gallery li.horiz a img{
	min-width:130px; 
	min-height:100px;
}

ul#gallery li.vert a img{
    min-width:100px; 
	min-height:130px;          
}  


/*STYLE FOR HOVER */

.thumbnail{
position: relative;
}  

a.thumbnail {
text-decoration:none;
font-family:times new roman, times, serif;
font-size:14px;
font-weight: bold;
line-height: 1.3;
color:#000000;
}

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

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
z-index: 50;
background-color: white;
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 on hover*/
visibility: visible;
top: -200px;
left: -50px; /*position where enlarged image should offset horizontally */

}

div#copy {
	float:right;
	width:78%;
	text-align:left;
	color: #000;
	margin:0;
	padding:0;
}


#copy a {
   color: #fff;
   text-decoration: underline;
   }
   
div#image {
	float:left;
	margin:10px 0 0 90px;
	padding:0;
	width:450px
}

div#image p {
	text-align: center
}

div#copyright {
   margin: 0;
   padding: 10px 0 10px 0;
   clear:left
   }

div#copyright p {
   font-size: 85%;
   color: #cccccc;
   }
   
div#copyright a {
   font-weight: bold;
   text-decoration: none;
   color: #cccccc;
   }