@charset "utf-8";
/* CSS Document */

.nav{
	width: 216px;
	padding: 0;
	float: left;
	margin: 3px 0 10px 12px;
	position: relative;
	z-index:999;
	background-image: url('../images/side_nav_bg.gif');
}

.nav .navTop{
	width: 216px;
	height: 29px;
	background-image: url('../images/side_nav_top.gif');
	float: left;
	z-index:999;
}

.nav .navBottom{
	width: 216px;
	height: 29px;
	background-image: url('../images/side_nav_bottom.gif');
	float: left;
		z-index:999;
	
}

.nav ul{
	margin:0;
	padding: 29px 0 0 9px;
	list-style-type: none;
		z-index:999;

}

.nav ul li{
	width: 198px;
	height: 24px;
	line-height: 20px;
	vertical-align: middle;
	text-align: center;
	position: relative;
	background-color: gray;
	background: url('../images/side_nav_off.gif') no-repeat;
		z-index:999;

}

.nav ul li a{
	display: block;
	width: 198px;
	height: 24px;
	font-size: 12px;
	padding:0;
	margin: 0;
	text-decoration: none;
	color: white;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	cursor: pointer;
			z-index:999;


}

.nav ul li:hover{
	background: url('../images/side_nav_on.gif') no-repeat;
			z-index:999;

}

.nav ul li:hover ul{
	display: block;
	position: absolute;
	top:0px;
	left: 198px;
	width: 198px;
	margin:0;
	padding:0;
}

.nav ul li ul{
	display: none;
}