/* <style> */


/* ----- Required ----------------------------------------------------------- */

div.vert_menu
{
	width:250px;
  position: absolute;
  visibility: hidden;
  display: none;
}

div.horz_menu a { display: block; float: left; }
div.vert_menu a { display: block; float: none; }


/* ----- Sample 2 ----------------------------------------------------------- */

div.mainmenu {
	width:752px;
	height:32px;
	background:url(common/bg_mainMenu.jpg) no-repeat;
	padding:0 0 0 16px;
}
div.mainmenu div.vert_menu { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	background-color:#7ABA24;
	color:#FFF;

}

div.mainmenu div.horz_menu a,
div.mainmenu div.vert_menu a
{

	padding:8px 20px 0px 10px;
	height:      24px;
	line-height: 19px;
	vertical-align: middle;

  /*background: url('dhtml-menu.png') 0px 40px;*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	background-color:#7ABA24;
	color:#FFF;
	
}

div.mainmenu div.horz_menu a { margin-right:  -1px; }
div.mainmenu div.vert_menu a { margin-bottom: -1px; }

div.mainmenu div.horz_menu a:hover,
div.mainmenu div.vert_menu a:hover
{
	background-color:#333;
	color:#7ABA24;
}

div.mainmenu div.horz_menu a.parent,
div.mainmenu div.vert_menu a.parent
{
	background-color:#7ABA24;
	color:FFF;
	background-image:url(mainmenu-bullet-out.gif);
	background-repeat: no-repeat;
	background-position: right center;  /*background-position: 0px 20px;*/
  /*background-position: 0px 0px;*/
}

div.mainmenu div.horz_menu a.active,
div.mainmenu div.vert_menu a.active,
div.mainmenu div.horz_menu a.active:hover,
div.mainmenu div.vert_menu a.active:hover
{
	background-color:#333;
	color:#7ABA24;
	background-image:url(mainmenu-bullet-over.gif);
	background-repeat: no-repeat;
	background-position: right center;  /*background-position: 0px 20px;*/
/*  background-position: 0px 60px;*/
}