/* Navigation */

/* UL level 1 */
.hnav{
overflow: visible;
margin-top: 10px;
text-align: center;
width: 710px;
padding-top: 10px;
padding-left: 20px;
float: left;
height: 30px;

}

* html div.hnav {
margin-top: 3px;

}
div.hnav ul{
float: left;
margin: 0px;
padding: 0px;
text-align: center;
list-style: none;
z-index:1;
}

div.hnav ul li{
float: left;
font-weight: normal;
margin-right: 0px;
text-align: left;

position:relative;
z-index:2;
background-image: url(i/nav-li.png);
background-position: top right;
background-repeat: no-repeat;
padding: 0 2px;
}

div.hnav ul li:hover {
z-index:4;
}

div.hnav ul li a{
color: #FFFFFF;
padding-left: 7px;
padding-right: 7px;
float: left;
padding-top: 4px;
text-decoration: none;
font-size: 90%;
height: 30px;
}

div.hnav ul li.current a{
color: #FFFFFF;
border: none;
}
/* UL sub level 2 */
div.hnav ul ul {
background-color:#57a7e4;
border-collapse:collapse;
display:none;
left:0pt;
padding-top:0em;
position:absolute;
top:2em;  /* controls dropdown position */
z-index:3;
}
div.hnav ul ul li{
height: auto;
line-height: 1.6em;
}
div.hnav li li a {
display:block;
padding:0.2em 0 0.2em 0;
float: left;
width:8em;
background-color:#57a7e4;
text-transform: none;
border-bottom: none;
margin-left: 12px;
text-align: left; /* important */
height: auto;
}

div.hnav ul ul li a{
height: auto;
padding: 0px;
margin: 0px;
}
div.hnav ul li.current ul li a{
color: #FFFFFF;
}

div.hnav ul li:hover ul {
display:block;
}

div.hnav ul li li a{
color: #FFFFFF;
}




.hnav li.dir.closed ul.navigation.sub{
background-color: #57a7e4;
border: 1px solid #234284;
/*border-top:none;*/
padding: 0px;
}

.hnav li.current ul.navigation.sub{
background-color: #57a7e4;
margin-bottom: 40px;
border: 1px solid #234284;
padding: 0px;
}

.hnav li a:hover, .subnav ul li a:hover {
text-decoration:underline;
}

.hnav ul.navigation.sub li a,
.hnav ul.navigation.sub li.page a, 
.hnav ul.navigation.sub li.dir a, 
.hnav ul.navigation.sub li.dir li.page a, 
.hnav ul.navigation.sub li.dir li.page.current a, 
.hnav ul.navigation.sub li.dir li.page li.dir.closed a{
padding: 0px;

margin: 0px 0px 0px 18px;
width: 14em;
}

*html .hnav ul.navigation.sub li a,
*html .hnav ul.navigation.sub li.page a, 
*html .hnav ul.navigation.sub li.dir a, 
*html .hnav ul.navigation.sub li.dir li.page a, 
*html .hnav ul.navigation.sub li.dir li.page.current a, 
*html .hnav ul.navigation.sub li.dir li.page li.dir.closed a{
margin: 0px 0px 0px 8px;

}





/* UL level 3 - only if a 3rd level drop-down is required*/

div.hnav ul ul ul {
background-color: #57a7e4;
border-collapse:collapse;
display:none;
left:14em;
padding-top:0em;
position:absolute;
z-index:5;
top:-0.05em;
}

div.hnav ul li:hover ul ul{
display:none;
}

div.hnav ul li:hover ul li:hover ul {
background-color:#57a7e4;
display:block;
}

* html .hnav li ul.navigation.sub{
width: 15em;
}

div.hnav ul ul ul li {
display:none;
}