.menu ul          { font-variant: normal; font-weight: bold; font-family: Verdana, Geneva, Arial, Helvetica, Swiss, SunSans-Regular; text-decoration: none; text-align: right; text-transform: uppercase; list-style-type: none; list-style-position: inside; margin: 0; padding: 0px; display: block }
	
.menu ul li   {
	
	position: relative

	}
	
.menu li ul        { position: absolute; z-index: 200; top: -1pt; left: 210px; width: 170px; display: none }
	
.menu ul li a           { color: black; font-size: 10px; text-decoration: none; padding: 10px; border-bottom: 1px dotted #7f8485; display: block }
.menu ul li a:visited { color: #7f8485; font-size: 10px; text-decoration: none; padding: 10px; border-bottom: 1px dotted #7f8485; display: block }
.menu ul a:hover     { color: white; text-decoration: none; background: #7f8485 no-repeat; display: block }
/* Fix IE. Hide from IE Mac \*/
* html .menu ul li { float: left; height: 1%; }
* html .menu ul li a { height: 1%; }
/* End */

.menu li:hover ul, li.over ul { display: block; } /* The magic */
.subnav ul li a:hover         { color: #fff; background-color: #7f8485 }

.subnav ul li a             { color: black; font-weight: bold; background-color: white; margin-left: 5px; padding: 0px 0px 0px 10px; border-right: 1px dotted #7f8485 }
.subnav ul li a:visited { color: #7f8485; font-weight: bold; background-color: white; margin-left: 5px; padding: 0px 0px 0px 10px; border-right: 1px dotted #7f8485 }
.subnav    { }
.subnav li { text-align: left }
.menu        { background-color: white; z-index: 100; width: 100% }