﻿#menu_container {/* Defines menu's container with a high z-index to guarantee elements show */
	position: absolute; 
	width:950px; 
	height:30px; 
	z-index:500;
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	margin-top: 0px;
	margin-bottom: 0px;
	top: 0px;
	background: #003366 url('images/menuBar.jpg');
	border: 1px #006699 solid;
	border-width: 1px 0px 1px 0px;
}
#topmenu, #topmenu ul {
	/* clear margins */
	padding-left: 20px;
	margin: 0;
	list-style: none;
}
  
#topmenu li {
	float: left;
	text-align: center;
	background: #003366 url('images/menuBar.jpg');
	border: 1px #006699 solid;
	list-style: none;
}

#topmenu a, #topmenu a:visited {
/*	display: block; 
	width: 100px;    /* link block width - chg hover left too! */
	display: table-cell;
	padding: 0px 8px 0px 8px;
	color: #FFFFFF; 
	height: 28px;    /* link block height  */
	line-height: 28px; 
	text-decoration: none; 
/*	border: 0px solid #006699;     /* used if you want a block look 
	border-width: 0px 1px 0px 0px;   */                             
	background: url('images/menuBar.jpg') repeat-x fixed center;
}

#topmenu li ul li a, 
#topmenu li ul li a:visited {
	border-width:0 1px 1px 1px; /* lower level menu borders  */
	color: #006699;
}
#topmenu li a.endbox, 
#topmenu li a.endbox:visited {  /* completes the box on all outside cells */
	border-width: 0px;
}
#topmenu li ul li a.endbox, 
#topmenu li ul li a.endbox:visited {  /* completes the box on all outside cells */
	border-width: 1px 1px 1px 1px;
}
#topmenu li.fly {background: url('images/menuBar.jpg') right center;
}
#topmenu li.drop {background: url('images/menuBar.jpg'); 
color: white;
}


#topmenu li a:active, 
#topmenu li a:focus {             /* for the old timers that still tab  */
	color:#FFFFFF;
	font-weight: lighter;
}

