.pagenav {
background-image: url('../images/nav_bk.jpg');
background-repeat:repeat-x;
height: 60px;
text-align: center;
padding-top:10px;
clear: both;
}
.index {
background-image: url('../images/indexnavbk.jpg');
background-repeat:repeat-x;
}

.pagenav ul {
list-style: none;
margin: 0;
padding: 0;
margin-left: 5px;
margin-top: 1px;
}

.pagenav li {
float: left;
text-align: left;
margin:0;
}

.pagenav li.nav-top,
.pagenav li.nav-top-last {
padding: 0 10px 0 10px;
height: auto;
margin-top: 9px;
border-right: 1px;
border-right-style:dotted;
border-right-color: #CCCCCC;
}

.pagenav li.nav-top-last {
border-right: 0;
}

.pagenav ul li a {
color: #003366;
text-decoration: none;
}

.pagenav ul li a:active {
color: #003366;
text-decoration: none;
}

.pagenav ul li a:visited {
color: #003366;
text-decoration: none;
}

.pagenav ul li a:hover {
color: #009900;
text-decoration: none;
}

/* begin drop down */
.pagenav li ul {
display: none;
height: auto;
padding: 8px 0 5px 0;
margin: 0 0 0 -7px;
border: 0;
position: absolute;
width: 220px;
z-index: 200;
background:#fff;
-moz-border-radius-topleft: 0px;
-moz-border-radius-topright: 4px;
-moz-border-radius-bottomright: 4px;
-moz-border-radius-bottomleft: 4px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px; 
-webkit-box-shadow: 4px 4px 3px #B2C0CD;
-moz-box-shadow: 4px 4px 3px #B2C0CD;
box-shadow: 4px 4px 3px #B2C0CD; 
}

.pagenav li ul li ul {
margin-top: -41px;
margin-left: 200px;
padding: 10px 0;
}

.pagenav li:hover ul {
display: block;
}

.pagenav li:hover ul ul {
display: none;
}

.pagenav li ul li:hover ul {
display: block;
}

.pagenav li li {
background-color: #F0F4FA;
display: block;
float: none;
margin: 4px 10px;
width: 200px;
height: auto;
-moz-border-radius-topleft: 4px;
-moz-border-radius-topright: 4px;
-moz-border-radius-bottomright: 4px;
-moz-border-radius-bottomleft: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px; 
}

.pagenav li:hover li a {
color: #003366;
text-decoration: none;
background: none;
padding: 4px 6px 4px 6px;
}

.pagenav li ul a {
display: block;
color: #5EAE33;
text-decoration: none;
margin: 0;
padding: 0;
text-align: left;
}

.pagenav li ul a:hover {
background-color: #5EAE33;
border: 0;
color: #fff;
text-decoration: none;
-moz-border-radius-topleft: 4px;
-moz-border-radius-topright: 4px;
-moz-border-radius-bottomright: 4px;
-moz-border-radius-bottomleft: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
}

.pagenav p {
clear: left;
}