.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: arial, sans-serif;
	width:98px;
	height:auto;
	position:relative;
	margin:0px;
	font-size:12px;
	padding: 30px 0px 0px 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:#283D5E;
	height:16px;
	text-align:left;
	background:#c1c1c1;
	font-size:12px;
	width:88px;
	padding: 0px 0px 0px 10px;
	font-family: Arial, Helvetica, sans-serif;
	border-bottom:1px solid black;

}
.nav ul {
/*These style rules are for the <ul> in the main menu*/
	padding:0px; 
	margin: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;
	position:relative;
}
.nav ul li ul {
	/*This rule hides the flyouts*/
	display: none;
	color:#000000;
	background-color: #000000;
}

/* 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:#FFFFFF;
	background-color: #283D5E;	
}
.nav ul li:hover ul {
	/*These style rules display the flyouts and determine the dimensions and positioning of the flyout box.*/
	display:block;
	position:absolute;
	top:0;
	left:98px;
	width:150px;
	height: 16px; 
}
/*These style rules apply to the links in the secondary menu.*/
.nav ul li:hover ul li a {
	display:block;
	color:#FFFFFF;
	width:150px;
	height: 16px;
	background-color: #283D5E;
}
/*These are the style for the rollovers on the secondary menu*/
.nav ul li:hover ul li a:hover {
	color:#283D5E;
	background-color: #C1C1C1;
	height: 16px;
}

/*The following styles are here should you decide to add another level of flyout.  Just uncomment them*/

 /*This is just in case you want to style the links with 3rd level flyouts differently from the rest*/
.nav ul li:hover ul li a.hide {
	display:block;
	color:#FFFFFF;
	width:150px;
	height: 16px;
	background-color: #283D5E;
	}
 /*This is just in case you want to style the rollovers with 3rd level flyouts differently from the rest*/
.nav ul li:hover ul li:hover a.hide {
	color:#283D5E;
	background-color: #C1C1C1;
	height: 16px;
}
.nav ul li:hover ul li ul {display: none;} /*Hides 3rd level flyouts*/

/*These style rules display the tertiary flyout on rollover.*/
.nav ul li:hover ul li:hover ul {
	display:block; 
	position:absolute; 
	left:160px; 
	top:0; 
	color:#000;
}
/*These are the style rules for the links in the tertiary menu.*/
.nav ul li:hover ul li:hover ul li a {
	display:block; 
	width:150px; 
	background:#283D5E; 
	color:#fff;
}
/*These are the style rules for rollovers in the tertiary menu.*/
.nav ul li:hover ul li:hover ul li a:hover {background:#C1C1C1; color:#283D5E;}