/* current page nav */

.current { 
width: 100px; 
padding: 0; 
margin-bottom: 2em; 
font-family: Arial, Helvetica, sans-serif; 
background-color: #333333; 
color: #FFF;
font-size: 9px;
margin-right: 1px; 
} 

.current ul { 
list-style: none; 
margin: 0; 
padding: 0; 
border: none; 
} 

.current li { 
margin-top: 0px; 
margin-bottom: 0px; 
padding: 1px 0px 0px 0px;

} 

.current li.main { 
margin-top: 0px; 
margin-bottom: 0px; 
padding: 1px 0px 1px 0px;
font-size: 10px;
}

.current li a { 
display: block; 
padding: 0px 0px 0px 1px;
background-color: #639ACE; 
color: #639ACE; 
text-decoration: none; 
width: 100%; 
border-top: 1px solid #333333; 
border-bottom: 1px solid #333333;
} 

.current li.main a { 
display: block; 
padding: 0px 0px 0px 1px;
background-color: #333; 
color: #FFF; 
text-decoration: none; 
width: 100%; 
border-top: 1px solid #333333; 
border-bottom: 1px solid #333333;
} 

.current li.current a { 
display: block; 
padding: 0px 0px 0px 1px;
background-color: #31659C; 
color: #ffffff; 
text-decoration: none; 
width: 100%; 
border-top: 1px solid #333333; 
border-bottom: 1px solid #333333;
}

html>body .current li a { 
width: auto; 
} 
.current li a:hover { 
background-color: #6699CC; 
color: #fff; 
border-top: 1px solid #333333; 
border-bottom: 1px solid #333333;
} 
.current li.main a:hover { 
background-color: #333333; 
color: #fff; 
border-top: 1px solid #333333; 
border-bottom: 1px solid #333333;
}



/* other page nav */

.other { 
width: 100px; 
padding: 0; 
margin-bottom: 2em; 
margin-right: 10px; 
font-family: Arial, Helvetica, sans-serif; 
font-size: 9px;
background-color: #333333; 
color: #FFF;
} 

.other ul { 
list-style: none; 
margin: 0; 
padding: 0; 
border: none; 
} 

.other li { 
margin-top: 0px; 
margin-bottom: 0px; 
padding: 1px 0px 0px 0px;
} 

.other li.main { 
margin-top: 0px; 
margin-bottom: 0px; 
padding: 1px 0px 1px 0px;
font-size: 10px;
}

.other li a { 
display: block; 
padding: 0px 0px 0px 1px;
background-color: #666666; 
color: #666666; 
text-decoration: none; 
width: 100%; 
border-top: 1px solid #333333; 
border-bottom: 1px solid #333333;
} 

.other li.main a { 
display: block; 
padding: 0px 0px 0px 1px;
background-color: #333; 
color: #FFF; 
text-decoration: none; 
width: 100%; 
border-top: 1px solid #333333; 
border-bottom: 1px solid #333333;
} 

html>body .other li a { 
width: auto; 
} 
.other li a:hover { 
background-color: #6699CC; 
color: #fff; 
border-top: 1px solid #333333; 
border-bottom: 1px solid #333333;
} 
.other li.main a:hover { 
background-color: #333333; 
color: #fff; 
border-top: 1px solid #333333; 
border-bottom: 1px solid #333333;
}