ul#main-menu li a:link, ul#main-menu li a:visited, ul#main-menu li a { color: #616e74; font-size: 8.7pt; font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; text-decoration: none; }
ul#main-menu li a:hover { color: #fff; text-decoration: none; }
ul#main-menu li:hover a:link, ul#main-menu li:hover a:visited, ul#main-menu li:hover a { color: #fff; text-decoration: none; }
ul#main-menu li:hover li a:link, ul#main-menu li:hover li a:visited, ul#main-menu li:hover li a { color: #fff; text-decoration: none; }

ul#main-menu, ul#main-menu li ul { padding: 0; margin: 0; list-style: none; }
  
ul#main-menu { position: relative; left: 0; width: 100%; }
ul#main-menu li { float: left; position: relative; width: 14em; text-align: right; height: 26px; }

  
ul#main-menu li ul {
  display: none;
  position: absolute; 
 top: 1.4em;  
	

/*	margin-top: 1px;*/
  left: 0;
}
 


ul#main-menu ul ul { position: absolute; margin-top: 0; top: 0; left: 100%; /* to position them to the right of their containing block */
	width: 100%; /* width is based on the containing block */
}


ul#main-menu li:hover ul { display: block; }

ul#main-menu li:hover ul ul { display: none; }

ul#main-menu ul li:hover ul  { display: block; }

ul#main-menu li.menu1 { background-image: url(../images/menubg_left.jpg); background-repeat: no-repeat; background-position: right 0; text-align: right; left: 0; width: 21em; padding-top: 5px; }
ul#main-menu li.menu1 li { background-color: #616e74; position: relative; top: 0.7em; width: 13em; height: 18px; margin-left: 91px; padding-top: 5px; border-bottom: 1px solid #fff; }
ul#main-menu li.menu1 li a:link, ul#main-menu li.menu1 li a:visited, ul#main-menu li.menu1 li a { color: #fff; }
ul#main-menu li.menu1:hover, ul#main-menu li.menu1 li:hover { background-image: url(../images/menubg_leftover.jpg); background-repeat: no-repeat; background-position: right 0;  }
ul#main-menu li.menu1 li:hover a:link, ul#main-menu li.menu1 li:hover a:visited,ul#main-menu li.menu1 li:hover a { color: #fff; }



ul#main-menu li.menu2:hover { background-image: url(../images/menubg_rightover.jpg); background-repeat: no-repeat; background-position: left 0; }
ul#main-menu li.menu2:hover a:link, ul#main-menu li.menu2:hover a:visited, ul#main-menu li.menu2:hover a { color: #fff; }
ul#main-menu li.menu2, ul#main-menu li.menu2 ul li { width: 21em; padding-top: 5px; }
#main-menu li.menu2 { background-image: url(../images/menubg_right.jpg); background-repeat: no-repeat; background-position: left 0; text-align: left; left: 20px; }