.drillmenu{ /* main DIV container of menu */
border: 2px solid #180f2b;
width: 180px; /*width of menu*/
height: 190px; /*Height of DIV for those with JavaScript disabled*/
overflow-y: scroll; /*Scrollable DIV for those with JavaScript disabled*/
background: #180f2b; /*background of menu.*/
}



#veejays {
font: normal 15px Arial, Helvetica, sans-serif;
font-weight:600;
color: white;
}

#events {
font: normal 15px Arial, Helvetica, sans-serif ;
font-weight:600;
color: #ff3baa;
}

#experts {
font: normal 15px Arial, Helvetica, sans-serif ;
color: #f7c53d;
font-weight:600;
}

#lifestyle {
font: normal 15px Arial, Helvetica, sans-serif ;
color: #02ecf1;
font-weight:600;
}

#entertainment {
font: normal 15px Arial, Helvetica, sans-serif ;
color: #39fe4b;
font-weight:600;
}


#community {
font: bold 15px Arial, Helvetica, sans-serif ;
color: #527fff;

}

.drillmenu ul{ /*menu ULs*/
font: normal 13px Arial, Helvetica, sans-serif ;
margin: 0;
padding: 0;
padding-left: 15;
list-style-type: none;
background: #180f2b; /*background of menu*/
}

.drillmenu li a{ /*menu links*/
display: block;
color: white;
text-decoration: none;
padding: 5px;
}

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

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

li.backcontroltitle{ /*style of top level menu title*/
background: #180f2b;
color: white;
padding: 4px;
}

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

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

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