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


#nav {
margin: 0;
margin-bottom: 0px;
padding: 0;
margin-left:0px;
margin-top:0px;
width: 756px;
height: 24px; 
z-index:999;
overflow: hidden;
}

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

*html #nav {
margin-top:0px;
background-color:#29446f;
width: 756px;
height: 24px; 
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:-1px;
list-style: none;
width:153px;
position:absolute;
overflow:visible; 
z-index:999;
border-top:1px solid #29446f;
border-left:1px solid #fff;
border-right:1px solid #fff;
border-bottom:1px solid #fff;
background-color:#29446f;
}

.arrow {
margin-top: 0px;
margin-bottom: 7px;
}

*html .arrow {
margin-top: 0px;
}

.blublocker {
margin-top: -10px;
margin-left:120px;
}

*html .blublocker {
margin-top: -8px;
margin-left:120px;
}

.indent {
margin-left:12px;
}

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

#nav li { 
float:left;
list-style: none;
display:block;
height:auto;
z-index:999;
padding: 0px;
margin: 0px;
margin-top:1px;
}


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

#nav a {
height: 24px; 
border-top: none;
border-left: none;
border-bottom: none;
border-right: none;
padding: 0;
margin: 0;
display: block;
voice-family: "\"}\""; 
voice-family: inherit;  
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#zero {
width: 55px;
}

#nav li#one {
width: 80px;
}
#nav li#two {

width: 76px;
}
#nav li#three {

width: 113px;
}
#nav li#four {

width: 79px;
}
#nav li#five {

width: 69px;
}
#nav li#six {

width: 145px;
}
#nav li#seven {

width: 61px;
}
#nav li#eight {
width: 72px;
}

/*
.line {
background-image:url("../GRAPHICS/nav_line.gif");
width: 1px;
height:24px;
}
*/

/************************
* IE for WIndows fix...so that the menu sits flush 
* with the table above
************************/
#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:1px;
z-index: 66;
}

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

#nav li ul li {
font-family:Verdana, Arial, sans-serif;
font-size:10px;
font-weight:bold;
text-indent:12px;
color:#FFEC84;
margin-top: 2px;
margin-bottom: 2px;
line-height: normal;
}

#nav li ul li a {
text-decoration:none;
text-align:left;
width: 153px;
display:block;
border-collapse: collapse;
height: auto;
font-family:Verdana, Arial, sans-serif;
font-size:10px;
font-weight:bold;
text-indent:12px;
color:#fff;
}

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

#nav li ul li a:hover {
font-family:Verdana, Arial, sans-serif;
font-size:10px;
font-weight:bold;
text-indent:12px;
color:#fff;
background-color:#4d79a0;
}

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

*html #nav li ul li a:hover {
width: 138px;
}

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

#nav ul {
display:none; 
z-index:999;
margin-left:-1px;
}

*html #nav ul {
margin-left:-1px;
}


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


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


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

#nav li>ul {
	top: none;
	left: none;
}

#nav li li {
	display: block;
}

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