/* this is the main UL element*/
.dropdown
{
    visibility: hidden;
    margin: 0;
    padding: 0;
    list-style: none; /* Draws solid line under main menu */
    border-bottom: 0px solid #444;
    text-align: center;
}

/* these are the inner menus*/
.dropdown ul{
	margin:0;
	padding:0;
	border-top:1px solid #444;
	list-style:none;

}

/* these are all the LIs in the menu*/
.dropdown li{
	margin:5px;
	padding:0px;
	height:20px;
	width:120px;
	/* Color of background on menu items   */
	background-color:#cc0001;
	cursor:pointer;
}

/* these are anchor in the menu, if you want to style them differently from the rest of you website*/
.dropdown a
{
    text-decoration: none; /* Color of labels in menus - color:#FFB119 */
    color: #04d1d1;
    width: 100%;
    font-weight: bold;

}

.dropdown a:hover
{
    text-decoration: none;
    background-color: #ecb47c;
    color: #000000;
}

/* these are the LIs that only belong to submenu*/
.dropdown ul li
{
    border-top: 1px solid #444;
    margin-top: 1px;
    margin-bottom: 0px; /* Color dropdown menus only */
    margin-left: 0px;
    margin-right: 0px;
    color: #99ffff;
    background-color: #cc0001;
    height: 20px;
    /*  Use if need submenus longer   */
    /* width: 220px;  */
    width: 120;
    text-align: left;
}

/* these are the LIs that contains a submenu*/
.dropdown li.submenu{
	/* background-image:url('expand_down.gif'); 
	background-position:center left;
	background-repeat:no-repeat; 
	padding-left:20px; */
	/* Top menu item */
	width:120px;
color: #00ffff; }


/* these are the LIs that contains a submenu and which are in a sub-menu themselve*/
.dropdown ul li.submenu{
	background-image:url('expand_right.gif');
	background-position:center right;
	padding:5px;
	width:120px;
}