/* this is the main UL element*/
.dropdown{display:none;margin:0;padding:0;list-style:none;text-align:center;}

/* these are all the LIs in the menu- this is just the menu items without a dropdown inside*/
.dropdown li{margin:0px 2px 0px 0;background-color:#555;cursor:pointer; height:15px; width:158px; padding:8px 0px 8px 0px;  border:1px solid #fff; text-align:center;}
.dropdown li:hover{ background-color:#450041;}

{margin:0px 2px 0px 0;background-color:#555;cursor:pointer; height:15px; width:160px; padding:8px 0px 8px 0px;  border:1px solid #fff; text-align:center;}
.dropdown li.widerbox{margin:0px 2px 0px 0;background-color:#555;cursor:pointer; height:15px; width:180px; padding:8px 0px 8px 0px;  border:1px solid #fff; text-align:center;}


/* dropdown*/
.dropdown li.dropdownblock{background-color:#E6A200;width:160px;}
.dropdown li.dropdownblock:hover{background-color:#450041;border-color:#450041;}
/*.dropdown ul li.dropdownblock a:hover{color:#450041;}
*/
/* end dropdown block- slightly smaller to fit*/
.dropdown li.enddropdownblock{background-color: #E6A200;width:160px;}
.dropdown li.enddropdownblock:hover{background-color:#450041;border-color:#450041;width:160px;}
/*.dropdown ul li.enddropdownblock a:hover{color:#450041;}
*/
/* wide dropdown block- slightly smaller to fit*/
.dropdown li.widedropdownblock{background-color:  #E6A200;width:180px;}
.dropdown li.widedropdownblock:hover{background-color:#450041;border-color:#450041;width:180px;}
/*.dropdown ul li.widedropdownblock a:hover{color:#450041;}
*/


/* 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:#FFFFFF; font-weight:bold;width:100%;  font-size:11px; text-align:center;}





/* these are the LIs that only belong to submenu*/
.dropdown ul li{border:1px solid #fff;border-top:0;margin-left:-1px; }

/* styling for main box*/
.dropdown li.submenu-down{margin:0px 2px 0px 0;cursor:pointer; height:30px; border:1px solid #fff; text-align:center;height:15px; width:160px; padding:8px 0 8px 0; }


/* backgrounds for each tab */
.dropdown a.topmenubtn:hover, .dropdown a.endbtn:hover{ color: #FFF; background-color:#666; }





/* titles with no drops */
.dropdown li.menunodrop{margin:2px 2px 2px 0px;width:160px;}





/*widerbox and getting the right button to edge */
.dropdown li.widerbox{margin:0px 2px 0px 0;background-color:#555;cursor:pointer; height:15px; width:179px; padding:8px 0px 8px 0px;  border:1px solid #fff; text-align:center;}
.dropdown li.endbtn{margin:0;background-color:#555;cursor:pointer; height:15px; width:160px; padding:8px 0px 8px 0px;  border:1px solid #fff; text-align:center;}

/* ensuring that all the hoverovers go to purple */
.dropdown li.menunodrop:hover, .dropdown li.widerbox:hover, .dropdown li.endbtn:hover{ background-color:#450041;}


.widerblock { width:400px;}