.nav {
/*This is the where you would put the general styling for the menu.  Just rememeber that the dimensions and positioning
 set here affect everything else.*/
	font-family: "Comic Sans MS"; 
	position:relative; 
	margin:0; 
	font-size:12px;
	padding:0px;
	 
}
.nav ul li a, .nav ul li a:visited {
/*These are the style rules for the links on the main menu.  This includes setting the dimensions of the link itself.*/
	display:block;
	text-decoration:none; 
	color:#fff; 
	height:20; 
	width:100px;
	background:#207ab9; 
	line-height:20px; 
	
}
.nav ul {
/*These style rules are for the <ul> in the main menu*/
	padding:0px; 
	margin-left:0px;
	list-style-type:none;


}
.nav ul li {
/*These style rules are for the <li> in the main menu.*/
	list-style-image:none;
	float:left;
	margin-right:1px;
	position:relative;
	width:100px;
	height:20px;
	text-align:center; 
}
.nav ul li ul {
/*This rule hides the flyouts*/
	display: none;
}

/* This is the stuff that IE doesn't know how to handle.  If only Microsoft wasn't run by a bunch of jerks.  Life would be easy. */

.nav ul li:hover a {
/*These style rules apply to the rollovers on the main menu*/
	color:#fff;
	background-color:#60abe0; 
	
}
.nav ul li:hover ul {
/*These style rules display the flyouts and determine the dimensions and positioning of the flyout box.*/
	display:block; 
	position:relative; 
	width:75px;
}
.nav ul li:hover ul li {
	border-bottom:1px solid black;
}
/*These style rules apply to the links in the secondary menu.*/
.nav ul li:hover ul li a {
	display:block; 
	background:#60abe0; 
	color:#fff; 
	width:100px;
}
/*These are the style for the rollovers on the secondary menu*/
.nav ul li:hover ul li a:hover {background:#0000FF; color:#fff;}