#nav {
 padding:5px 0 0 0;
 margin-left: 162px;
}

#nav ul {
 margin:0;
 list-style:none;
 margin: 0;
 border: 0;
 padding: 0 15px 0 0;
}

#nav ul li {
 float:left;
 margin:0;
 padding:0px 0 1px 2px;
}

#nav ul li a {
 display:block;
 font-weight:bold;
 color:#0077b9;
 font-size:10px;
 padding:0 10px 0 12px;
 background: transparent url(/images/arrow_off.gif) 0 2px no-repeat;
}

#nav ul li a:link, #nav ul li a:visited{
 text-decoration : none;
 font-weight:bold;
}

#nav ul li a:hover, #nav ul li a:active{
 color:#5a5a5a;
 text-decoration : none;
 background:  transparent url(/images/arrow_on.gif) 0 4px no-repeat;
}

/* sub nav styles */

/* ---  sub navs --- */

ul#subnav {
 border-top:2px solid #fff;
 list-style: none;
 margin: 0;
 padding: 0;
 width:220px;
 background: #98a59e;
 overflow:hidden;
}

/* ---  sub navs : level 1 --- */

#subnav li {
 margin:0;
 padding:0 0 0 0px;
 border:0;
 width:220px;
 border-bottom:2px solid #fff;
}

#subnav a {
 display:block;
 width:220px;
 color:#fff;
 background: transparent;
}

#subnav li a:link, #subnav li a:visited,#subnav li a:hover, #subnav li a:active {
 padding:4px 0 5px 15px;
 text-decoration : none;
 line-height:11px;
 font-weight:normal;
 width:220px;
 background: url(/images/square.gif) 5px no-repeat;
}

#subnav li a:hover, #subnav li a:active{
 display:block;
 padding:4px 0 5px 15px;
 width:220px;
 background: #666667 url(/images/square.gif) 5px no-repeat;
}
#subnav li.selected{
background:#666667;}

/* ---  sub navs : level 2 --- */

#subnav li.subnav2 {
 border:0;
 background: #f0e8d1;
 width:220px;
}

#subnav li.subnav2 a:link, #subnav li.subnav2 a:visited {
 border-left:0;
 color: #98a59e;
 background: #f0e8d1;
}
#subnav li.subnav2 a:hover, #subnav li.subnav2 a:active {
 border-left:0;
 color: #5a6e63;
 background: #f0e8d1;
}

/* ---  sub navs : level 3 --- */

#subnav li.subnav3 {
 border:0;
 padding-left:15px;
 background: #f0e8d1;
 width:220px;
}

#subnav li.subnav3 a:link, #subnav li.subnav3 a:visited {
 border-left:0;
 color: #98a59e;
 background: #f0e8d1;
}
#subnav li.subnav3 a:hover, #subnav li.subnav3 a:active {
 border-left:0;
 color: #5a6e63;
 background: #f0e8d1;
}