/* 

the #hmenu are to manipulate with the mainmenu
it are realated to the menussytem, but
you can use gif jpg or color after own choice.

the #hmenu2 are to manipulate with the submenu
it are realated to the menussytem, but
you can use gif jpg or color after own choice.


*/



#hmenu a {
   /* background-color: #F4F4F4; */
  	display: block;
	margin: 0;
	color: black;
	text-indent: 5px;
	font : bold 10px Verdana, Arial, Helvetica, sans-serif;
	text-decoration : none;
   border-bottom: 1px solid #777777;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #777777;
	border-top: 1px solid #cccccc;
   width: 100%;
	padding: 3px;
}

#hmenu a.hmenu {
   display: block;
  	margin: 0;
  	text-decoration : none;
  	border-bottom: 1px solid #777777;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #777777;
   width: 100%;
	}

#hmenu a.sub {
   display: block;	
   margin: 0;
   font : bold 10px Verdana, Arial, Helvetica, sans-serif;
   text-decoration : none;
	border-bottom: 1px solid #777777;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #777777;
   width: 100%;
}

#hmenu a.top {
   display: block;	
   margin: 0;
   text-decoration : none;
	border-bottom: 1px solid #777777;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #777777;
	border-top: 1px solid #cccccc;
   width: 100%;
}

#hmenu a:hover {
   display: block;
   font : bold 10px Verdana, Arial, Helvetica, sans-serif;
  	margin: 0;
  	color: white;
  	text-decoration : none;
   border-bottom: 1px solid #777777;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #777777;
	border-top: 1px solid #cccccc;
	background-color: #93aac8; /* change this for mainmenu hover */
   width: 100%;
}


#hmenu2 a {
   /* background-color: #F4F4F4; */
  	display: block;
	margin: 0;
	color: black;
	text-indent: 25px;
	font : bold 10px Verdana, Arial, Helvetica, sans-serif;
	text-decoration : none;
   border-bottom: 1px solid #777777;
	border-left: 3px solid #990000;
	border-right: 1px solid #777777;
	border-top: 1px solid #cccccc;
   width: 100%;
	padding: 3px;
}

#hmenu2 a.hmenu2 {
   display: block;
  	margin: 0;
  	text-decoration : none;
  	border-bottom: 1px solid #777777;
	border-left: 3px solid #cccccc;
	border-right: 1px solid #777777;
   width: 100%;
	}

#hmenu2 a.sub {
   display: block;	
   margin: 0;
   font : bold 10px Verdana, Arial, Helvetica, sans-serif;
   text-decoration : none;
	border-bottom: 1px solid #777777;
	border-left: 3px solid #cccccc;
	border-right: 1px solid #777777;
   width: 100%;
}

#hmenu2 a.top {
   display: block;	
   margin: 0;
   text-decoration : none;
	border-bottom: 1px solid #777777;
	border-left: 3px solid #cccccc;
	border-right: 1px solid #777777;
	border-top: 1px solid #cccccc;
   width: 100%;
}

#hmenu2 a:hover {
   display: block;
   font : bold 10px Verdana, Arial, Helvetica, sans-serif;
  	margin: 0;
  	color: white;
  	text-decoration : none;
   border-bottom: 1px solid #777777;
	border-left: 3px solid #cccccc;
	border-right: 1px solid #777777;
	border-top: 1px solid #cccccc;
	background-color: #93aac8; /* change this for submenu hover */
   width: 100%;
}


