/* this is the main UL element*/
#main{ text-align:       left;
       position:         relative;
       background-color: Olive;
       background: URL("OlivePatch.png") repeat-x left center;
       min-height:       8px;
       margin:  2px 8px 8px 8px; 
       padding: 2px 8px 8px 8px;
       z-index: 5;
     }

.dropdown { 
	display:    none;
	margin:        0;
	padding:       0;
	list-style: none;
    z-index:       9;
}

/* these are the inner menus*/
.dropdown ul { 
    position: relative;
    margin:   0;
    padding-left: 48px;
    display:  block;
    float:    left;
    z-index:  9;
    width: 100%;
}

/* these are all the LIs in the menu*/
.dropdown li{
    position: relative;
    margin:   0;
    display:  block;
    float:    left;
    z-index: 9;
}

/* these are anchor in the menu, if you want to style them differently from the rest of you website*/
.dropdown a {
	padding-left: 24px;
	padding-right: 16px; 
    background-color: Olive;
    background: URL("OlivePatch.png") repeat-x left center;
	text-decoration:none;
	color: White;
    z-index: 9;
}

.dropdown a:hover {
    background: URL("selected-left.png") no-repeat left center;
	text-decoration: underline;
    z-index: 9;
}

/* these are the LIs that only belong to submenu*/
.dropdown ul li { 
    background-color: Olive;
    background: URL("OlivePatch.png") repeat-x left center;
	border-left-color:  #B5B5B5;
	border-left-style:  solid;
	border-right-color: #323233;
	border-right-style: solid;
	border-width:         2px;
	border-top:           0;
    z-index: 9;
    left: -48px;
  	padding-left: 8px; 
    width: 100%;
}

/* these are the LIs that contains a submenu*/
.dropdown li.submenu-down { 
    background-color: Olive;
    background: URL("OlivePatch.png") repeat-x left center;
	margin-left: 8px;
	padding-bottom: 14px;
    width: 15%;
    z-index: 9;
}

/* these are the LIs that contains a submenu and which are in a sub-menu themselve*/
.dropdown li.submenu-left {
    background-color: Olive;
    background: URL("OlivePatch.png") repeat-x left center;
    width: 100%;
    z-index: 9;
}