.menu ul { margin-left:20px;
 text-align:left;
}       /* kill default 50px left padding and set 20px */
.menu li { margin-bottom:1em; }          /* set default inter-item vertical spacing */

span.more {
 float:right;
 padding-right:3px;
 margin-top:-3px;
 border:0px solid;
 padding-top:0px;
}
 /*========================= TOP OF THE MENU CASCADE =========================*/
.menu {
  position:relative;        /* establish a menu-relative positioning context */
  float:left;                                     /* play nicely with others */
  width:795px;
  margin:0 auto;
  background:url(/images/header_navigation_bar.jpg) top center no-repeat;
  padding-bottom:0px;
  border:0px solid #fff;
  padding:0px 0px 0px 0;
  height:34px;
  margin-top:0px;
  position:relative;
  z-index:9999;

}
.menu ul {
	padding:0 0 0 30px;
	margin:0;
	list-style-type:none;          /* we don't want to view the list as a list */
	line-height:1.5em;           /* globally set the menu's item spacing. note */
}                               /* this must be 1.0 or 1.5 or 2.0 for Mozilla */
.menu li {
	float:left;    /* this creates the side-by-side array of top-level buttons */
	position:relative;    /* create local positioning contexts for each button */
	margin:0 0px;
    padding:0px;
    border:0px solid;
}

.menu li.last {
  margin-left:0px;
}

.menu ul li table {
	margin:-1px 0;              /* IE5 needs -1px top and bottom table margins */
	m\argin:0;               /* re-zero the table margins for everyone but IE5 */
	border-collapse:collapse;      /* IE5 needs this for the sub-menus to work */
	font-size:12px;        /* this sets the base font size for our entire menu */
}
/*======================== TOP LEVEL MENU DEFINITIONS ========================*/
.menu ul li ul {
	display:none;                  /* initially hide the entire list hierarchy */
	padding:0px;                               /* this is our box border width */
 font-size:11px;
 border-left:0px solid #993d28;
 border-bottom:2px solid #993d28;
 border-right:0px solid #993d28;
}
.menu li ul li {
 margin-left:0px;
 font-weight:normal;
 border-bottom:0px solid #fcb11a;
  
}
.menu ul li a,
.menu ul li a:visited {                    /* unselected top-level menu items */
  float: left;
  border:0px solid;
  padding-top:0px;
  font-weight:bold;
  margin-right: 0px;
  padding: 0px 20px;
  margin-top:5px;
  float: left;
  color: #ffd553;
  font-size: 11px;
  text-decoration: none;
  border-left:1px solid #ffd553;
}
.menu ul li.c1 a, .menu ul li.c1 a:visited {
  padding-left: 20px;
  border-left:0px;
}


.menu ul li:hover a,
.menu ul li a:hover {                        /* selected top-level menu items */
	border-bottom:0px solid #000;    /* these 2 lines create the push-in illusion */
text-decoration:none;
color:#FFEDA2 
}
/*======================== 2ND LEVEL MENU DEFINITIONS ========================*/
.menu ul li:hover ul,
.menu ul li a:hover ul {                           /* 2nd level drop-down box */
	display:block;
	position:absolute;
	margin:0 auto;
	top:23px;              /* place us just up underneath the top-level images */
	left:11px;       /* left-align our drop-down to the previous button border */
	height:auto;      /* the drop-down height will be determiend by line count */
	width:11em;
	color:#fff;                        /* this sets the unselected-text color */
	background:#ffe6a3;         /* this sets our menu's effective "border" color */
        padding:3px 0 3px 3px;
	z-index:1;
	border-left:2px solid #993d28;
	border-bottom:2px solid #993d28;
	border-right:2px solid #993d28;

}

.menu ul li:hover ul li a,
.menu ul li a:hover ul li a,
.menu ul li:hover ul li a:visited,
.menu ul li a:hover ul li a:visited

 {                   /* 2nd level unselected items */
    border:0px solid; 
    color:#000257;
	font-size:11px;
	margin:0;
        padding:0px 5px 0px 5px;
        font-weight:normal;

background:#ffe6a3;
			/* this sets the unselected drop-down text color */
	       /* this sets the drop-down menu background color */
 	width:9.4em;
}
.menu ul li:hover ul li:hover a,
.menu ul li a:hover ul li a:hover {                /* 2nd level selected item */
	color:#437290;
  text-decoration: underline;
	
}

/*======================== 3ND LEVEL MENU DEFINITIONS ========================*/

.menu ul li a:hover ul li ul li a {
background:transparent;
}

.menu ul li:hover ul.dropright,
.menu ul li a:hover ul.dropright
 {
   display:none;                  /* initially hide the entire list hierarchy */
   float:none;
   padding:1px;                               /* this is our box border width */
   font-size:11px;
   border-left:0px;
   border-right:0px solid #999;
   border-bottom:0px solid green;
   margin-top:0px;
   left:130px;top:0;
   background:transparent;
   padding-bottom:30px;
}


.menu ul li:hover ul li:hover ul.dropright, 
.menu ul li a:hover ul li a:hover ul.dropright
 {                           /* 2nd level drop-down box */
	display:block;
   border:0px;
   border-right:1px solid #fcb11a;
    border-bottom:0px solid green;
	position:absolute;
	margin:0;
	top:0px;              /* place us just up underneath the top-level images */
	left:171px;       /* left-align our drop-down to the previous button border */
	height:auto;      /* the drop-down height will be determiend by line count */
	width:15.3em;
	color:#fff;                        /* this sets the unselected-text color */
	background:#fff;         /* this sets our menu's effective "border" color */
    padding-left:0px;
    z-index:1;
}

.menu ul li:hover ul li:hover ul.dropright li,
.menu ul li a:hover ul li a:hover ul.dropright li  
{
border:0px solid red;
	background:#fff;
}


.menu ul li:hover ul li:hover ul.dropright li a,
.menu ul li a:hover ul li a:hover ul.dropright li a  
{
border:0px solid red;
padding:0px 0 0 6px;
 background:#fff;
}

.menu ul li:hover ul li:hover ul.dropright li a:hover,
.menu ul li a:hover ul li a:hover ul.dropright li a:hover  
{
border:0px solid red;
padding:0px 0 0 6px;
 background:#fcb11a;
}