/* ======================================================================================== */

a span.long { display: none; } /* normally don't display the long text */
a:hover span.short { display: none; } /* when hovering, hide the short text */
a:hover span.long { display: inline; } /* when hovering, show the long text */

div#vnav {
 float: left;
 margin: 0;
 padding: 0;
 background-color: #1a5f31;
 height: 150px;
 width: 180px;
 font-size: .8em;
 letter-spacing:.1em;
}

div#vnav ul, div#vnav ul.level2 {
 background-color: #1a5f31;
}

div#vnav ul {
 margin: 0; 
 padding: 0; 
 border: 0px;
 width: 158px;
}
	
div#vnav li {
 list-style: none; 
 margin: 0;
 z-index:5;
}

div#vnav li:hover {
 background: #0e3c6e;
 color: #fff;
 position: relative; 
}
	
div#vnav li a {
 display: block; 
 text-decoration: none;
 color: #fff;
 font-weight: bold;
 margin:0;
 padding-left: 10px;
 padding-top: 5px;
 border-left: 12px solid #0e3c6e;
 border-bottom:1px solid #0e3c6e;
 width: 180px;
 height: 19px;
}

div#vnav li a:hover {
 background: #0e3c6e;
 border-left: 12px solid #fff;
 border-bottom:1px solid #0e3c6e;
}
	
div#vnav li.submenu {
 width:181px;
}

div#vnav li.submenu:hover, div#vnav li a:hover { 
 background-color: #0e3c6e; 
}

div#vnav ul.level2 a:hover { 
 width: 158px;
}

div#vnav ul a {
 width: 158px;
}
	
div#vnav ul ul {
 position: absolute; 
 display: none;
 top: -1px; 
 left: 181px;
}

div#vnav ul ul li a { 
 width: 158px;
}

div#vnav ul.level1 li.submenu:hover ul.level2, div#vnav ul.level2 li.submenu:hover ul.level3 { 
 display: block;
 width: 180px;
}

/* IE stuff for if file 
div#vnav ul ul li a, div#vnav ul ul { 
width: 180px;
}
*/