.chromestyle{
font-family: Tahoma; 
width:170px;
padding: 0;
margin: 0;
vertical-align:top;
text-align:left;
}

.chromestyle img{
cursor: pointer;
}

.chromestyle ul{
width: 170px;
padding-left:10px;
margin: 0;
text-align: left; /*set value to "left", "center", or "right"*/
list-style-type: none;
font-family: Tahoma; 
color: #8a774f;
vertical-align:middle;
}

.chromestyle ul li{
	text-align:left;
	width: 170px;
	display: block;
	height: 20px;
	list-style-type: none;
	background-image:url(menu_pic_out.jpg);
	background-repeat: no-repeat;
	margin: 0;
	vertical-align:middle;
}

.chromestyle ul li a{

	display: table;
	color:#8a774f;
	text-decoration: underline;
	height: 20px;
	font-size: 12px;
	vertical-align:middle;
	text-align:left;
}

*html .chromestyle ul li a
{
width: 170px;
text-decoration: underline;
text-align:left;
}

.chromestyle ul li a:hover
{
color:#e24808; 
background-image: url(menu_pic_over.jpg); 
background-repeat: no-repeat;
text-decoration: underline;
}

a.menu_selected{
	color:#FF0000;
	font-family: Tahoma;;
	font-size:12px;
	text-decoration: none;
	
}

.chromestyle ul li a.menu_selected,.chromestyle ul li ul li a.menu_selected
{
color: #e24808; 
background-image: url(menu_pic_over.jpg); 
background-repeat: no-repeat;
text-decoration: none;
}

a.menu_selected:hover {
	text-decoration: none;
	color: #e24808;
	background-image: url(menu_pic_over.jpg);
	background-repeat: no-repeat;
	text-decoration: none;
}

/* This is the part for the CSS menu - these settings are for a horizontal menu */
#dmenu{                         /* menu list container */
	z-index: 20;                /* push the menu up in the layer order a bit so it isn't hidden behind anything */
      /* Browser plug-ins like Flash or Quicktime may not allow you to overlap then with this menu! */
	  text-align:left;
	  width:170px;
}
#dmenu li{                      /* top-level menu element */
  list-style-type: none;      /* disable the display of the list item bullets */
  float: left;                /* this is to allow for the horizontal main menu */
  margin: 0px;                /* spacing between main menu items */
  padding: 0px;               /* padding within main menu items */
  display: block;
  width: 170px;
  text-align:left;
}
#dmenu ul {                     /* third-level (or greater) menu element list elements */
  background-color: white;
	position: absolute;         /* this is so that it doesn't push that page content around on hover */
	margin-top:-1em;
  margin-left: 100px;               /* space within the list container */
  list-style-type: none;      /* disable the display of the list item bullets */
  display: none;
  z-index: 99;                /* want to be sure this is above the rest of the menu */
  width: 260px;
    border: 1px solid #869e62;
}

#dmenu ul ul li {                     /* third-level (or greater) menu element list elements */  
  width: 230px;
}

#dmenu ul li{                   /* second-level or greater menu element links */
  border: none;               /* sub-menu item border settings */
  margin: 0px;                /* spacing between sub-menu containers */
  width: 260px;               /* (padding*2) must be subtracted from #dmenu li width and set for this one, or borders won't display properly. */
  
}
#dmenu li a{                    /* top-level menu element links */
  text-align: left;         /* text alignment in main menu item links */
  display: block;
  padding:3px 0 0 15px;
}
  
#dmenu ul a {                   /* all the other level menu link elements */
  margin: 0px;
  display: block;
}
#dmenu a:hover,                 /* top-level hovering properties */
#dmenu li:hover{
	display: block;
}
    
#dmenu ul li:hover,             /* higher level hovering properties */
#dmenu ul li a:hover{
  display: block;
}

#dmenu ul ul{                   /* higher-level list containers */
  display: none;              /* don't display by default */
  position: absolute;
  margin-left: 114px;         /* this should be the width of #dmenu ul li */
  margin-top: -1em;           /* this will push the sub-menu up to the level of it's parent */
}

/* only non-MSIE browsers use this */
#dmenu ul li>ul,
#dmenu ul ul li>ul{
   margin-top: -1em;           /* should be set to the same as #dmenu ul ul margin-top */
}
/* additional sub-menu levels in the next 2 blocks. (For up to 5 levels of drop menus) */
#dmenu li:hover ul ul,              
#dmenu li:hover ul ul ul,
#dmenu li:hover ul ul ul ul,
#dmenu li:hover ul ul ul ul ul{
   display:none;
}

#dmenu li:hover ul,
#dmenu ul li:hover ul,
#dmenu ul ul li:hover ul,
#dmenu ul ul ul li:hover ul,
#dmenu ul ul ul ul li:hover ul{
   display:block;
}

li>ul {
   top: auto;
   left: auto;
}