.drillmenu{ /* main DIV container of menu */
border: 2px solid maroon;
width: 200px; /*width of menu*/
height: auto; /*Height of DIV for those with JavaScript disabled*/
overflow-y: scroll; /*Scrollable DIV for those with JavaScript disabled*/
background: lightyellow; /*background of menu.*/
box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
-webkit-box-shadow:  10px 10px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow:  10px 10px 5px 0px rgba(0,0,0,0.75);
margin: 0;
position: relative;
 
}


.drillmenu ul{ /*menu ULs*/
font: normal 13px Verdana;
margin: 0;
padding: 0;
list-style-type: none;
background: lightyellow; /*background of menu*/

}

.drillmenu li a{ /*menu links*/
display: block;
color: #4c3231;
text-decoration: none;
text-align:left;
padding: 7px 0px 7px 10px;
font:Verdana, Geneva, sans-serif;
font-weight:bold;
font-size:13px;
border-bottom: 1px solid maroon;
}

* html .drillmenu li{ /*IE6 CSS hack*/
display: inline-block;
}

.drillmenu li a:hover{
background-color: white;
color: white;
}

li.backcontroltitle{ /*style of top level menu title*/
background: maroon;
color: white;
padding: 6px 0px;
font-weight:bold;
}

li.backcontrol{ /*style of back button control that gets added to the top of each sub UL*/
background: maroon;
color: white;
font-weight:bold;
padding: 4px;
cursor: hand;
cursor: pointer;
}

#drillcrumb{ /*custom, user defined DIV that contains breadcrumb trail*/
margin-bottom: 5px;
font: bold 13px Verdana;
}

#drillcrumb a{ /*custom element*/
color: darkred;
}