/*Header start divebkrnd.jpg #F0FFF0*/
#header {
	width: 940px;
	height: 145px;
	margin: 0px auto;
        }
/*Header end*/

body {background-color: rgb(0, 255, 255); background-image: url(images/divebkrnd.jpg);  background-attachment:fixed;}
body {font-family: Arial, Helvetica, Verdana, sans-serif}

h1 {text-align: center; color: "#DC143C";}

/*h1 {text-align: center; color: "#DC143C"; background: rgb(251, 248, 0);}*/

a.leftmenu:link {color: green;}
a.leftmenu:visited {color: blue;}
a.leftmenu:hover {color: red; font: "bold";}

 

/*container for thumbnails*/
.thumbcontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}
 
.thumbnail img{
border: 2px solid blue;
margin: 0 5px 5px 0;
}
 
.thumbnail:hover{
background-color: transparent;
}
 
.thumbnail:hover img{
border: 2px solid gold;
}
 
.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: white;
padding: 2px;
left: -500px;
border: 2px blue;
visibility: hidden;
color: black;
text-decoration: none;
}
 
.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
width: 400;
height: 300;
padding: 2px;
}
 
.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 200;
left: 600px; /*position where enlarged image should offset horizontally */
z-index: 50;
}
/*end thumbnail container*/ 


.menu_list {
	width: 150px;
}
.menu_head {
	padding: 5px 10px;
	cursor: pointer;
	position: relative;
	margin:1px;
       font-weight:bold;
       background: #eef4d3 url(left.png) center right no-repeat;
}
.menu_body {
	display:none;
}
.menu_body a {
  display:block;
  color:#006699;
  background-color:#EFEFEF;
  padding-left:10px;
  font-weight:bold;
  text-decoration:none;
}
.menu_body a:hover {
  color: #000000;
  text-decoration:underline;
}

</style>