#menu_container {/* Defines menu's container with a high z-index to guarantee elements show */
	position: relative;
	left: auto; 
	margin: 0px;
	margin-bottom: 6px;
	width:802px; 
	height:27px; 
	z-index:500;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	float: left;
	border-right: 2px #9977bb solid;	
}

#themenu, #themenu ul {    /* clear margins */
	text-align: left;
	padding:0; 
	margin:0; 
	list-style-type: none;
}
  
#themenu li {
	float:left; 
	background: #9977bb;
	text-align: center;
}

#themenu a, #themenu a:visited {
	display: block;
	width: 99px;    /* link block width - chg hover left too! */
	color: black; 
	height: 27px;    /* link block height  */
	line-height: 27px; 
	text-decoration: none;  
	border: 1px solid black;
	border-width: 1px 0px 1px 1px;
	background-color: #9977bb;
}

#themenu li ul li a, 
#themenu li ul li a:visited {
	border-width: 1px 1px 1px 1px; /* lower level menu borders  */
	color: black;
}
#themenu li a.endbox, 
#themenu li a.endbox:visited {  /* completes the box on all outside cells */
	border-width: 1px 1px 1px 1px;
}
#themenu li ul li a.endbox, 
#themenu li ul li a.endbox:visited {  /* completes the box on all outside cells */
	border-width: 1px 1px 1px 1px;
}
#themenu li.fly {background-color: #9977bb;}
#themenu li.drop {background-color: #9977bb; color: black;}


#themenu li a:active, 
#themenu li a:focus {             /* for the old timers that still tab  */
	color: black;
	font-weight: lighter;
}

/* This section is for Firefox and IE7 or higher */
#themenu li:hover {
	position:relative;
}

#themenu li:hover > a {
	background:#ffcc33;
	color: black;
}

#themenu li ul {
	display:none;
}

#themenu li:hover > ul {
	display:block;            /* all fly levels  */
	position:absolute; 
	top:0px;                /* overlaps bottom of parent block  */
	left:99px;                /* overlap left of parent block */
	background:transparent url('../images/Spacer.gif');  /* visible during hover */
	width:99px;
}

#themenu > li:hover > ul {
	left:0px;               /* 1st level drop  */
	top:25px;
}

#themenu table {
	position:absolute; 
	border-collapse:collapse; 
	top:0; left:0; 
	z-index:100; 
	font-size:1em;
}

/* For older than IE7 browsers */

* html #themenu li a:hover {
	position:relative;
	background: #ffcc33;
	color: black;
}

/* This lot is for IE5.5 and IE6 ONLY and is necessary to make the sublevels appear */

* html #themenu li ul {    /* show only top level */
	visibility:hidden; 
	display:block; 
	position:absolute; 
	top:0px; left:99px;       /* change values if initial width or height changes  */ 
/*	padding:10px 30px 30px 30px; */
	background:transparent url('../images/Spacer.gif');
}

#themenu li a:hover ul ul{  /* mouse over 1 - hides all but 1 and 2  */
	visibility:hidden;
}

#themenu li a:hover ul a:hover ul ul{   /* mouse over 2 - hides all but 1, 2 and 3  */
	visibility:hidden;
}

#themenu li a:hover ul a:hover ul a:hover ul ul{  /* mouse over 3 - hides all but 1, 2, 3 and 4  */
	visibility:hidden;
}

#themenu li a:hover ul a:hover ul a:hover ul a:hover ul ul {  /* mouse over 4 - hides only 6 */
	visibility:hidden;
}

#themenu li a:hover ul {   /* position and show level 2 */
	visibility:visible; left: 0px; top: 27px;}

#themenu li a:hover ul a:hover ul{  /* position and show level 3 */
	visibility:visible; top:-1px; left:131px;}

#themenu li a:hover ul a:hover ul a:hover ul {  /* position and show level 4 */
	visibility:visible;}

#themenu li a:hover ul a:hover ul a:hover ul a:hover ul {  /* position and show level 5 */
	visibility:visible;}
	
#themenu li a:hover ul a:hover ul a:hover ul a:hover ul a:hover ul {  /* position and show level 6 */
	visibility:visible;}