<style type="text/css">

DIV.inactive {
	DISPLAY: none
}
#toc {
	PADDING-RIGHT: 60px; MIN-WIDTH: 100%; PADDING-LEFT: 25px; FONT-SIZE: 10pt; RIGHT: -85px; BACKGROUND: url(tabs_bg.gif) #383838; LEFT: -25px; PADDING-BOTTOM: 0px; MARGIN: 1em 0px; OVERFLOW: hidden; WIDTH: auto; PADDING-TOP: 0px; LIST-STYLE-TYPE: none; POSITION: relative; HEIGHT: 2.5em
}
#toc A {
	DISPLAY: block; PADDING-LEFT: 5px; BACKGROUND: url(tabs.gif) #9b9b9b; FLOAT: left; COLOR: #444; HEIGHT: 2.5em; TEXT-DECORATION: none
}
#toc A:hover {
	BACKGROUND-POSITION: 0px -120px; COLOR: #666; BACKGROUND-COLOR: #d8d8d8
}
#toc A:hover SPAN {
	BACKGROUND-POSITION: 100% -120px
}
#toc A.active:hover {
	BACKGROUND-POSITION: 0px -60px; FONT-WEIGHT: bold; COLOR: #222; BACKGROUND-COLOR: #f8f8f8
}
#toc A.active {
	BACKGROUND-POSITION: 0px -60px; FONT-WEIGHT: bold; COLOR: #222; BACKGROUND-COLOR: #f8f8f8
}
#toc A.active:hover SPAN {
	BACKGROUND-POSITION: 100% -60px
}
#toc A.active SPAN {
	BACKGROUND-POSITION: 100% -60px
}
#toc LI {
	FLOAT: left; MARGIN: 0px 3px 0px 0px
}
#toc SPAN {
	PADDING-RIGHT: 5px; DISPLAY: block; PADDING-LEFT: 0px; BACKGROUND: url(tabs.gif) 100% 0px; FLOAT: left; PADDING-BOTTOM: 0px; CURSOR: pointer; LINE-HEIGHT: 2em; PADDING-TOP: 0.5em
}

.gallerycontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.thumbnail:hover{
background-color2: transparent;
}

.thumbnail:hover img{
border: 1px solid blue;

}

.thumbnail 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;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 250px; /*position where enlarged image should offset horizontally */
z-index: 50;
}

#container {
  position:relative; 
  }
#menu {
  text-align:center; 
  position:relative; 
  height:3.5em;
  FONT-SIZE: 10px; FONT-FAMILY: Tahoma;
  }
.box {
  position:relative; 
  float:left; 
  top:10px;
  }
#menu a, #menu a:visited {
  position:relative; 
  text-decoration:none; 
  background-color:#00CC66; 
  color:#fff; 
  display:block; 
  width:50px; 
  height:15px; 
  padding:5px;
  margin:0 1px;
  }
#menu a .topleft, #menu a .topright {
  position:absolute; 
  top:0; 
  width:0; 
  height:0; 
  overflow:hidden;
  border-top:10px solid #fff;
  }
#menu a .topleft {
  left:0; 
  border-right:10px solid #00CC66; 
  }
#menu a .topright {
  left:50px; 
  border-left:10px solid #00CC66; 
  }
#menu a:hover {
  background-color:#000; 
  }
#menu a:hover .topleft {
  border-right:10px solid #000; 
  border-top:10px solid #fff;
  }
#menu a:hover .topright {
  border-left:10px solid #000; 
  border-top:10px solid #fff;
  }

</style>
