<style type="text/css" media="screen">
.nothing {
}

/**************** menu coding *****************/
#verticalnav {
	width: 190px;
	margin: 0px;
	padding: 0px;
}
#verticalnav ul {
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: left;
}
#verticalnav a, #verticalnav .nothing {
	display: block;
	margin: 0;
	padding-top: 7px;
	padding-right: 10px;
	padding-bottom: 7px;
	padding-left: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	font-weight: normal;
}
#verticalnav .nothing {
	background-color: inherit;
}
#verticalnav a:link {
	color: #CCC;
	text-decoration: none;
	background-color: #000;
	background-image: url(images/arrowleftnav.jpg);
	background-repeat: no-repeat;
	background-position: right center;
}
#verticalnav a:hover {
	color: #C36;
	background-color: #000;
	text-decoration: none;
}
#verticalnav a:visited {
	background-color: #000;
	color: #C36;
	text-decoration: none;
}
#verticalnav li {
position: relative;
}
#verticalnav ul ul ul {
	position: absolute;
	top: 0;
	left: 100%;
	width: auto;
	padding: 0px;
}
#verticalnav ul li ul li ul li a:link {
	color: #000;
	background-color: #999;
	background-image: url(images/leftnav_pink.jpg);
	background-repeat: repeat-y;
	text-align: left;
	font-size: 12px;
}
#verticalnav ul li ul li ul li a:visited {
	background-color: #999;
	background-image: url(images/leftnav_pink.jpg);
	background-repeat: repeat-y;
	background-position: right center;
	text-decoration: none;
	color: #000;
	text-align: left;
	font-size: 12px;
}
#verticalnav ul li ul li ul li a:active {
	text-decoration: none;
	background-color: #999;
	color: #000;
	background-image: url(images/leftnav_pink.jpg);
	background-repeat: repeat-y;
	background-position: right center;
	text-align: left;
	font-size: 12px;
}
#verticalnav ul li ul li ul li a:hover {
	color: #FFF;
	background-image: url(images/leftnav_pink.jpg);
	background-repeat: repeat;
	background-position: center center;
	text-align: left;
	font-size: 12px;
}
div#verticalnav ul ul ul,
div#verticalnav ul ul li:hover ul ul
{display: none;}
div#verticalnav ul ul li:hover ul,
div#verticalnav ul ul ul li:hover ul
{
	display: block;
	width: 100px;
}

</style>
[if IE]>
<style type="text/css" media="screen">
 #verticalnav ul li {float: left; width: 100%;}
</style>
<![endif]
[if lt IE 7]>
<style type="text/css" media="screen">
body {
behavior: url(csshover.htc);
font-size: 100%;
} 
#verticalnav ul li {float: left; width: 100%;}
#verticalulnav li a {height: 1%;} 

#verticalnav a, #vertical h2 {
font: bold 0.7em/1.4em arial, helvetica, sans-serif;
} 

</style>
<![endif]

