#navigator{

float:left; width:793px;  /*adjust this if top item(s) in top level menu changes */ 
margin-right:65px;
margin-left:0;
margin-right: auto;
border: 0px green solid;
}

#navigator_inner{
float:right; width:445px;
margin-right: 0;
margin-left: auto;
border: 0px red solid;
}



#navigator_inner a {
border: 0px blue solid;}
#navigator_inner a {
font-family:  Verdana, Helvetica, Arial, Tahoma,  sans-serif;
		font-size:1.1em;
		font-weight:normal;
		line-height:1.2em;
		padding: 0.1em 0.0em 0.25em 7px;
 }


div.multi_drop_menus * {margin:0; padding:0;}   /* removes margin and padding off all list elements */
div.multi_drop_menus { margin:0px 0px 0px 0px; } 


/*===========*/
/* font menu */
/*===========*/

div.multi_drop_menus li{
} 

/*===================*/
/*   special         */
/*===================*/

div.multi_drop_menus li li li {text-align:left;}

/*====================*/
/*  width of buttons */
/*====================*/

div.multi_drop_menus ul li {} 
/* sets the width of buttons in menu level 1- leave black if the width is set by string length */

div.multi_drop_menus ul li ul {} 
/* sets the width of menu levels 2 - 4 */



/*====================*/
/*  height of buttons */
/*====================*/

div.multi_drop_menus a {}
/*creates space top/bottom and left/right respectively around each menu item's text - set vert height in ems   */

div.multi_drop_menus ul li ul a { }
/*creates space top/bottom and left/right respectively around each dropdown item's text - set vert height in ems   */



/*===============================================*/
/* === vertical border - set to 0px to remove ===*/
/*===============================================*/

div.multi_drop_menus ul {border-left:0px solid red; } 
/* creates dividing line to left of level 1's first menu item, revealing div color to left of menu */

div.multi_drop_menus li {border-left:0px solid red; }   
/* creates dividing lines to right of each horiz level 1 menu item */
/* border-right is automatically removed from vert menu below  */
div.multi_drop_menus ul li ul li ul li {border-left:1px solid red; }   

/*====================*/
/*  special drop down */
/*====================*/
/*
div.multi_drop_menus ul>li:hover  {border-left:1px solid red; }   
div.multi_drop_menus ul li ul li a  {border-left:1px solid red; }   
div.multi_drop_menus ul li ul li ul li a  {border-right:0px solid red; }  
div.multi_drop_menus ul li ul li ul li a  {border-left:0px solid red; }   
div.multi_drop_menus ul li ul li { right: 0px;}
*/


/*==========================*/
/* === horizontal border ===*/ 
/*==========================*/

div.multi_drop_menus li li { border-bottom:0px solid #CCB; }
/* lines between menu choices - set to 0px if not wanted */

div.multi_drop_menus ul li ul li:first-child {border-top:0px solid #CCB;} 
/* set the border-top of levels 2 of drop down - set to 0px to remove */

div.multi_drop_menus ul li ul li {top:-0px;} 
/* set to negative value of border-top for perfect pop-out alignment -set to 0 if border is 0 - don't remove! */

div.multi_drop_menus ul li ul li ul {border-top:0px solid #CCB;}    
/* set the border-top of levels 3 and 4 of a horizontal menu - set to 0px to remove - for a vertical menu, you will set this for levels 1 - 4 below */
div.multi_drop_menus ul li ul li ul li { top:1px;}  /* set to negative value of border-top for perfect pop-out alignment -set to 0 if border is 0 - don't remove! */
 


/*===================*/
/*   button's color  */
/*===================*/

div.multi_drop_menus {  background-color:transparent; }
/* colors the div - div fills the parent element for a horizontal menu - set to background-color:transparent; if not needed */

/* background color */
/*menu level 1 (top) */   
div.multi_drop_menus li {background-color:transparent;}
/*level 2 (drop) */
div.multi_drop_menus li li {background-color:#000000;} /* this */
/*level 3*/
div.multi_drop_menus li li li {} 
/*level 4*/
div.multi_drop_menus li li li li {} 

/* background color hover */
/*menu level 1*/   
div.multi_drop_menus li:hover {background-color:#000000; } /* this */
/*level 2*/
div.multi_drop_menus li ul li:hover {background-color:#000000;} /* this */
/*level 3*/
div.multi_drop_menus li li li:hover {}
/*level 4*/
div.multi_drop_menus li li li li:hover { } 

/* link color */ 
/*menu level 1*/  
div.multi_drop_menus li a {}/* sets the color of all menu type */
/*level 2*/
div.multi_drop_menus li ul a {}
/*level 3*/
div.multi_drop_menus li ul ul a {}
/*level 4*/
div.multi_drop_menus li ul ul ul a { } 

/* hover link color */ 
/*menu level 1*/  
div.multi_drop_menus li a:hover {color:red;}/* type color of a hovered menu choice */
/*level 2*/
div.multi_drop_menus li ul a:hover {color:red;}
/*level 3*/
div.multi_drop_menus li ul ul a:hover {}
/*level 4*/
div.multi_drop_menus li ul ul ul a:hover {}