/*  Styles for drop down menus.  */

.dropDownMenu
{
   position: absolute;
   left: 0;
   top: 0;
   visibility: hidden;
   border: 1px solid #878172;  /*  or black  */
   border-bottom-width: 0;
   font: normal 12px Arial;
   line-height: 18px;
   z-index: 100;  /*  Should be greater than that of shadow (see below).  */
   background: #beb6a2;
   width: 200px;  /*  Default width for a menu.  */
   text-align: left;
}

.dropDownMenu ul
{
   margin: 0;
   padding: 0;
   list-style-type: none;
}

.dropDownMenu ul li a
{
   width: 100%;
   display: block;
   text-indent: 5px;
   border-bottom: 1px solid #878172;
   padding: 2px 0;
   text-decoration: none;
   color: white;
/*
   font-weight: bold;
*/
}

.dropDownMenu a:hover
{
   background: #6c6656;
   color: white;
}


/*  Styles for multiple column drop down menus.  */

.dropDownMenuCols
{
   position: absolute;
   width: 350px;
   left: 0;
   top: 0;
   visibility: hidden;
   border: 1px solid #878172;
   padding: 10px;
   font: normal 12px Arial;
   z-index: 100;  /*  Should be greater than that of shadow (see below).  */
   background: #beb6a2;
   color: white;
}

.dropDownMenuCols li
{
   padding-bottom: 3px;
}

.dropDownMenuCols ul li a
{
   width: 100%;
   display: block;
   text-indent: 3px;
   padding: 2px 0;
   text-decoration: none;
   color: white;
/*
   font-weight: bold;
   border-bottom: 1px solid #878172;
*/

}


.dropDownMenuCols .column
{
   float: left;
   padding: 3px 8px;
   margin-right: 5px;
   background: #b1a994;
}

.dropDownMenuCols .column ul
{
   margin: 0;
   padding: 0;
   list-style-type: none;
}

.dropDownMenuCols .column a:hover
{
   background: #6c6656;
   color: white;
}


/*  Styles for drop down menu shadows.  */

.dropDownMenuShadow
{
   position: absolute;
   left: 0;
   top: 0;
   z-index: 99;
   background: black;
   visibility: hidden;
}