/* 
Title: Vertical CSS menu with a behavior file.
Author: Stefan Vervoort
Blog: http://www.divitodesign.com/blog/ 
Article: http://www.divitodesign.com/blog/2008/01/vertical-css-menu-with-a-behavior-file/

beginning of style info for nav menu*/


body {
	behavior: url('../style/csshover.htc');
}

a {
	color: #ffffff;
	text-decoration: none;
}

ul {
	list-style: none;
	margin: 0;
	padding: 0;
	width:175px;
}

ul li {
	font: 14px "Arial";
	color: #FFFFFF;
	/*height:100%;*/
	background:#32732B;/*#006400; #ff8b8e;*/
	border-bottom:1px solid #fffffff;
	position: relative;
	float:left;
	width:100%;
}

ul li ul li{
	background:#2D5C2C;
	/*background-color:transparent;*/
	/*opacity:1.0;filter:alpha(Opacity=90, FinishedOpacity=90);*/width:100%;
}

ul li a{
	display:block;
	padding: 6px 7px;
}

ul li a:hover {
	font: bold 14px/16px "arial, helvetica, sans-serif";
	color:#138813 /*#ffffff*/;
	background: #ffffff/*#138813*/; /*#2B7D26;*/
	border-right:1px solid #fff;
	border-left:1px solid #fff;
}

ul li ul li a:hover{
/*background-image:url(level1_round_green.gif);*/
	color:#0000CC;
	background:#FFFFFF;
	opacity:1.0;
	filter:alpha(Opacity=90, FinishedOpacity=90);
	width:100%;
/*	background:#2D5C2C;
	background-color: transparent;*/
	/*background: #ffedd3;*/
	border-left:1px solid #fff;
}

ul ul {
	position: absolute;
	top: 0;
	display:none;
}

ul li:hover ul{
	display: block;
	left:175px;
	width:140px;
}
/* end of style info for nav menu*/
style2 {color: #0000FF}

.bind_status_and_footer {
	font-size: 11px;
	font-weight: bold;
	font-family: arial, helvetica, sans-serif;
}

email_pic_notice {
	font-size: 18px;
	font-weight: normal;
	font-family: arial, helvetica, sans-serif;
}

#dlmenu {height:10em; margin:20px 0 300px 10px;}
#menu {list-style-type:none; margin:0 0 10px; padding:0; position:absolute; width:12em; background:#fff; z-index:100;}
#menu li {display:block; padding:0; margin:0; position:relative; z-index:100;}
#menu li a, #menu li a:visited {display:block; text-decoration:none;}
#menu li dd {display:none;}
#menu li:hover, #menu li a:hover {border:0;}
#menu li:hover dt a , #menu li a:hover dt a {background:#32732B url(top_grad2.gif) center center; color:#ff0; }
#menu li:hover dd, #menu li a:hover dd {display:block;}
#menu li:hover dl, #menu li a:hover dl {/*height:20em; */background:#00BB00 url(sub_grad.gif);}
#menu table {border-collapse:collapse; padding:0; margin:-4px; font-size:1em;}
#menu dl {width: 12em; margin: 0; background: #32732B; cursor:pointer;}
#menu dt {margin:0; padding: 0; font-size: 16px; border-top:1px solid #cce;}
#menu dd {margin:0; padding:0; font-size: 12px; text-align:left; }
.gallery dt a, .gallery dt a:visited {display:block; color:#fff; padding:5px 5px 5px 10px; background:#32732B url(top_grad.gif) center center;}
.gallery dd a, .gallery dd a:visited {color:#000; min-height:1em; text-decoration:none; display:block; padding:4px 5px 4px 20px; background:#b4be9c url(sub_grad.gif);}
* html .gallery dd a, * html .gallery dd a:visited {height:1em;}
.gallery dd a:hover {background:#7aa; color:#ff0;}
.style4 {color: #2DFF2D}