/******** horizontal drop-down menu  - gray/maroon *****/

#cssmenu {margin-bottom: 36px}


#cssmenu{  /* formatting for entire menu div */
  /* border-color:#39540d;*/
   border-top:3px solid #8c8c8c;
   border-bottom:3px solid #8c8c8c;
   height:33px; 
   display:block; 
   padding:0; 
   background-color:#c39c56; 
   } 

/* ##################### formatting for top level menu items ############### */
#cssmenu > ul {
   list-style: none; 
   padding:0; 
   margin:0;
   } 

#cssmenu > ul > li {
   padding:0; 
   margin:0; 
   float:left; 
   display:block; 
   position:relative;
   } 

#cssmenu > ul > li > a{ /* format main menu items */
   outline:none; 
   display:block; 
   position:relative; 
   padding:10px 20px; 
   font:bold 13px/100% Arial, Helvetica, sans-serif; 
   text-align:center; 
   text-decoration:none; 
   color:#fff;
   border-right: 1px solid white;
   } 

#cssmenu ul li.has-sub > a:hover{   /* hover background color of parent menu items */
   background:#95310e; 
   } 

#cssmenu > ul > li > a:hover{ /* hover background color of non-parent menu items */
   background:#95301e;
   } 
   
#cssmenu > ul > li.has-sub > a:before{ /* draw arrow */
   content:''; 
   position:absolute; 
   top:18px; right:6px; 
   border:5px solid transparent; 
   border-top:5px solid #fff; 
   } 

.active {
	display:inline;
	/*height:22px;*/
	background-color: #efc77f;
	color: black;
	float:left;
	margin:0;
}


/* ###################################### formatting for sub menu items ############### */

#cssmenu ul li > ul { /* format ul for drop-down items - not hover */
   display:none; 
   width: 200px; 
   position:absolute; 
   top:33px; 
   padding:10px 0 10px 0;
   background:#333; 
   border-top: 3px solid #66bada;
   border-radius:0 0 10px 10px; 
   z-index:999; 
   } 

#cssmenu ul li.has-sub:hover > ul, #cssmenu ul li.has-sub:hover > div{
   display:block;
   } 

#cssmenu ul li > ul li{
   display:block; 
   list-style:inside none; 
   padding:0; margin:0; 
   position:relative;
   border-bottom: 1px solid #eee;
   } 

#cssmenu ul li > ul li:first-child {
   border-top: 1px solid #eee;
   }

#cssmenu ul li > ul li a{ /* color of text, etc. in dropdowns */
   outline:none; 
   display:block; 
   position:relative; 
   margin:0; 
   padding:8px 20px; 
   font:10pt Arial, Helvetica, sans-serif; 
   color:white; 
   text-decoration:none; 
   } 


#cssmenu > ul > li > ul > li a:hover{ /* background color of submenu items on hover */
   background:#95301e; 
   }