/************************
* #nav Styles the initial <ul> list 
************************/


#nav {
margin: 0;
padding: 0;
margin-left:0px;
margin-top:0px;
background-color:#1C55A4;
width: 760px;
height: 32px; 
z-index:999;
}

/************************
* Value for IE
************************/

*html #nav {
margin-top:0px;
background-color:#1C55A4;
width: 760px;
height: 32px;
overflow: hidden;
z-index:999;
/************************
* False value for IE4-5.x/Win. 
************************/
voice-family: "\"}\""; 
voice-family:inherit;
width: ""; /* You get it. Good value for compliant browers. */
}

/************************
* Styles the subsequent child <ul> tags
************************/

#nav ul { 
padding: 0;
margin-left:0px;
margin-top:0px;
list-style: none;
width:133px;
position:absolute;
overflow:visible; 
z-index:999;
}

/************************
* Styles the subsequent child <li> tags
************************/

#nav li { 
float:left;
list-style: none;
border:none;
border-bottom:none;
display:block;
height:auto;
z-index:999;
}

/************************
* Controls all <a href> tags, controls both the 
* graphic and css generated menu items
************************/

#nav a {
background: #666666;
height: 32px;
border-top: none;
border-left: none;
border-bottom: none;
border-right: none;
padding: 0;
margin: 0 0 0 0;
color: #FFFFFF;
text-decoration: none;
display: block;
text-align: center;
font-weight: bold;
letter-spacing: 1px;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px; 
voice-family: "\"}\""; 
voice-family: inherit; 
font-size: 11px; 
z-index:999;
}

/************************
* #nav li#one through #nav li#six further sizes the 
* initial <li> tags so that the CSS and Graphic menu 
* buttons are seamless 
************************/
#nav li#one {
width: 50px;
}
#nav li#two {
width: 109px;
}
#nav li#three {
width: 193px;
}
#nav li#four {
width: 183px;
}
#nav li#five {
width: 97px;
}
#nav li#six {
width: 110px;
}

/************************
* IE for WIndows fix...so that the menu sits flush 
* with the table above
************************/

*html #nav li a {
margin-top: none;
}

/************************
* Placement of popup menu items. "z-index" is used so 
* that the buttons behave correctly on mouse over
************************/

#nav li ul a {
margin-top: -2px;
z-index: 66;
}

/************************
* Initial Stylization of entire popup menu block
************************/

#nav li ul li a {
text-decoration:none;
width: 145px;
display:block;
background: #fff;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
text-align: left;
line-height: 12px;
font-weight: bold;
background-color: #fff;
padding: 5px 5px 5px 5px;
border-width: 1px;
border-style: solid;
border-collapse: collapse;
height: auto;
border-color: #0F3F6E;
border-right-color: #0F3F6E;
border-left-color: #0F3F6E;
border-bottom-color: #FFFFFF;
color: #0F3F6E;
border-color: #0F3F6E;
}

/************************
* Stylization of unique popup menu items before 
* on-mouse state
************************/

#nav a:hover {
background-color:#003264; 
color:#FFFFFF;
}

/************************
* Stylization of unique popup menu items after 
* on-mouse state
************************/

#nav li ul li a:hover {
background-color:#C2d6eb; 
color:#333333;
}

/************************
* Further control of placement and appearance of 
* pop-up menu block
************************/

#nav ul {
display:none; 
z-index:999;
}

/************************
* Added CSS so that further menu children will 
* appear as pop ups
************************/

/*all see this */

#nav ul ul, #nav ul ul ul {
display:none; 
position:relative; 
}

/************************
* non-IE browsers see this
************************/

 #nav ul li>ul, #nav ul ul li>ul {
position:relative; 
margin-top:0px; 
margin-left:0px;
z-index:999;
}

#nav li:hover ul ul, #nav li:hover ul ul ul {
display:none; 
margin-top:0px; 
margin-left:0px;
z-index:999;
}

#nav li:hover ul, #nav ul li:hover ul, #nav ul ul li:hover ul {
display:block;
}


/************************
* Controls the graphical relationship between 
* the level one menu item to the level two children
************************/

li>ul { 
margin-top:0px; 
margin-left:0px;
}