#menu {
width:160px; /* set width of menu */
margin-top:0px;

}

#menu ul {  /* remove bullets and list indents */
list-style: none;
margin: 0;
padding: 0;
}

#menu a, #menu h2 { /* style, color and size links and headings to suit */
font: bold 11px arial, helvetica, sans-serif;
display: block;
border-width: 0px;
border-style: solid;
border-color: #ccc #888 #555 #bbb;
margin: 0;
padding: 3px 20px;
}

#menu h2 {
color: none;
background: #000;
text-transform: uppercase;
}

#menu a {
color: #ffffff;  /*color of menu titles*/
background: none;
text-decoration: none;
}

#menu a:hover {
color: none;
background: url('imagesstatic/lm.gif') 0 -22px;
}

#menu a:active {
	color:none;
	background: url('imagesstatic/lm.gif') 0 -44px;
	padding: none;
}

#menu ul ul ul {
position: absolute;
top: 0;
left: 0;
}

#menu li { /* make the list elements a containing block for the nested lists */
position: relative;
background:url('imagesstatic/lm.gif') no-repeat;
}

#menu ul ul ul {
position: absolute;
top: 0;
left: 100%; /* make the list elements a containing block for the nested lists */
width: 100%; /* width is based on the containing block */
}

div#menu ul ul ul 
{display: none;}

div#menu ul ul li:hover ul 
{display: block;}

div#menu ul ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul ul li:hover ul 
{display: block;}

div#menu ul ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}

div#menu ul ul ul ul,
div#menu ul ul ul li:hover ul ul
{display: none;}

div#menu ul ul ul li:hover ul,
div#menu ul ul ul ul li:hover ul
{display: block;}

div#menu ul ul ul ul ul,
div#menu ul ul ul ul li:hover ul ul
{display: none;}

div#menu ul ul ul ul li:hover ul,
div#menu ul ul ul ul ul li:hover ul
{display: block;}

/* Styling for Expand */

#menu a.x, #menu a.x:visited{
	
	text-indent:3px;
	color:#FFFFFF;
	background-image: url(imagesstatic/expand.gif);
	background-repeat: no-repeat;
	background-position: right center;
}
#menu a.x, #menu a.x:visited{
	
	text-indent:3px;
	color:#FFFFFF;
	background-image: url(imagesstatic/expand.gif);
	background-repeat: no-repeat;
	background-position: right center;
}

#menu a.x:hover{
	color:#FF0000;
	background: url('imagesstatic/lm.gif') 0 -22px;
	background-image: url(imagesstatic/expanded.gif);
	background-repeat: no-repeat;
	background-position: right center;
}

#menu a.x:active{
	color:#0000FF;
	background: url('imagesstatic/lm.gif') 0 -44px;
	background-image: url(imagesstatic/expanded.gif);
	background-repeat: no-repeat;
	background-position: right center;
}



-->for pic popup
.style1 {
	font-size: 36px;
	font-style: italic;
}
.style2 {
	font-size: 24px;
	
	font-style: italic;
}
-->
.thumbnail{
	background-image:url(images/magnify_caption.gif);
	background-repeat:no-repeat;
	background-position:bottom center !important;
	background-position: -10px center;
	padding-bottom:10px !important;
	margin-bottom: 10px;
	border:none;
	min-width:100px;

}
.thumbnail img{
	margin-bottom:20px;
	border:none;
	min-width:100px;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #DDDDDD;
padding: 5px;
left: -1000px;
border: 2px solid #000000;
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;
left:200px; /*position where enlarged image should offset horizontally */

}