.nav {
/*This is the where you would put the general styling for the menu. Just remember that the dimensions and positioning
set here affect everything else.*/
width:100px;
/* height:150px;*/
position:relative;
font-size:12px;
font-family: Verdana, Arial, Helvetica, sans-serif;
float: left;

}
.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:#003399; /*--color of text--*/
/*height:20px;*/ /*--height of the link box-take out to allow text wrapping?--*/
text-align:left;
background: #ffffff;/*--background color of the link box--*/
line-height:18px; /*--vertical position of text within the box--*/
font-size:12px;
width:120px; /*--width of the link box--*/
border-bottom:1px solid #555555;
}
.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:120px;
}
.nav ul li ul {
/*This rule hides the flyouts*/
display: none;
}

/* This is the stuff that IE doesn't know how to handle. Go figure.. if Microsoft got their act together, life would be easy. */

.nav ul li:hover a {
/*These style rules apply to the rollovers on the main menu*/
color:#ff0000;
/* border-top:1px solid #555555;*/
/* border-left:1px solid #555555;
border-bottom:1px solid #555555;
border-right:1px solid #555555;*/
}
.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:120px; /*--the amount in from the left side of the main menu, coordinate with width of main menu--*/
width:120px; /*--width of the link box--*/
}
/*These style rules apply to the links in the secondary menu.*/
.nav ul li:hover ul li a {
display:block;
background:#ffffff;
color:#ff0000; /*--text color of flyout--*/
width:160px; /*--width of flyout box - visible in firefox--*/
}
/*These are the style for the rollovers on the secondary menu*/
.nav ul li:hover ul li a:hover {background:#a8d1f7; color:#fff;}

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

/*.nav ul li:hover ul li a.hide {background:#FFCC99; color:#000;} 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:hover a.hide {width:120px;} 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 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:151px;
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:200px;
background:#dfc184;
color:#000;
}*/
/*These are the style rules for rollovers in the tertiary menu.
.nav ul li:hover ul li:hover ul li a:hover {background:#bd8d5e; color:#fff;}*/
/*-----------------------------------------------------------------------------*/

/*JUST DON'T TOUCH THESE STYLES!*/
table {
border-collapse:collapse;
border:0px;
margin:0px;
padding:0px;
}
.nav {
list-style-type:none;
}
/*JUST DON'T TOUCH THESE STYLES!*/

/*PHEW! Disaster averted.*/

/*The styles for .hide. get rid of the structure that firefox uses for the flyout to make room for the IE version.*/
.nav ul li .hide, .nav ul li a:visited.hide {
display:none;
}
.nav ul li a:hover ul li a.hide {
display:none;
}

/*This style is superfluous?*/
.nav ul li a {
/* height:20px;*/
width:120;
}

/*These rules apply to the rollovers on the main menu. This set of style rules is very important. If they're not declared the secondary won't show.*/
.nav ul li a:hover {
color:#ff0000;
background:#ffffff;
}
/*this displays the secondary and determines dimensions and positioning*/
.nav ul li a:hover ul {
display:block;
position:absolute;
top:0;
left:120px;
width:160px;
}
/*These styles apply to the links on the secondary*/
.nav ul li a:hover ul li a {
display:block;
/* background:#FFCC99;
color:#0000FF;*/
width:160px;
/* border: 1px solid #333333;*/

}
/*These styles apply to the rollovers on the secondary*/
.nav ul li a:hover ul li a:hover {
background:#333;
color:#fff;
text-decoration:none;}

/*These are the styles for the tertiary flyouts*/
.nav ul li a:hover ul li a ul {
visibility:hidden;
}
.nav ul li a:hover ul li a:hover ul {
visibility:visible;
position:absolute;
left:280px;
top:0;
color:#000;
}
.nav ul li a:hover ul li a:hover ul li a {
display:block;
width:200px;
background:#dfc184;
color:#000;
}
.nav ul li a:hover ul li a:hover ul li a:hover {
background:#bd8d5e;
color:#fff;
}