/* vmenu */

#vmenu {
 margin: 40px 0px 0px 30px;
 width: 150px;
 z-index:10000;
 float: left;
}

.navv, .navv * {
 margin:0;
 padding:0;
}

.navv {
 margin-bottom:0em;
 width: 200px;
}

.navv ul {
 background:#fff; /*IE6 needs this*/
 width: 140px;
}

nav ul ul {
 background:#333300; /*IE6 needs this*/
}

.navv li {
 list-style:none;
 position:relative;
 z-index:999;
 text-align: left;
 width: 150px;
}

/* control the width */

.navv li.narrow a {
 color: #333333;
 width: 150px;
 font-size: 13px;
 padding-left:5px;
 padding-right:5px;; 
}

.navv li.narrow a:hover {
 color:#FF6600;
}

.navv li.wide a {
 color: #333333;
 width: 150px;
 font-size: 13px;
 padding-left:5px;
 padding-right:5px;
 height: 18px;
}

.navv li.wide a:hover {
 color:#FF6600;
 padding-left:5px;
 padding-right:5px;
 height: 18px;
}

.navv li.wide ul li {
 width: 170px;
}

.navv li.wide ul li a{
 width: 170px;
 display: block; /* very important */
}

.navv li.wide ul li a:hover{
 width: 170px;
 background:#FF6600;
 color:#FFF6C3;
}


.navv a {
 color: #333333;
 font-weight:normal;
 font-family:Arial, Verdana;
 font-size:13px;
 line-height: 18px;
 display: inline;
 padding: 1px 1px px 6px;
 text-decoration:none;
}

.navv ul a, .navv ul ul a{
 color: #FFFFFF;
 text-align: left; /* this control the submenu apspect*/
}

.navv ul a:hover, .navv ul ul a:hover{
 color:#333333;
 text-align: left; /* this control the submenu apspect*/
}


.navv li ul {
 top:-999em;
 position:absolute;
 width:180px;
}

.navv li:hover {  
}

.navv li.sfHover,
.navv a:focus, .navv a:hover, .navv a:active {
 /*background:#cab564; /*color background when you rollover*/
 color: #333333;
 text-decoration: none;
}


/* of course we want the roll outs to look different*/

.navv ul li.sfHover, .navv ul ul li.sfHover,
.navv ul a:focus, .navv ul ul a:focus, .navv ul a:hover, .navv ul ul a:hover, .navv ul a:active, .navv ul ul a:active {
 /*background:#6e5a0d;*/
 width: 200px; /*need this because overflow in firefox, don't need this in ie6 */
 text-align: left;
}

.navv ul  li:hover, .navv ul ul li:hover{
 /*background:#6e5a0d;*/
 text-align: left;
 width: 200px;
}

.navv li:hover ul, /* pure CSS hover is removed below */
ul.navv li.sfHover ul {
 left:150px;
 top:0px;
 padding: 0px;
 z-index:1200;
}

.navv li:hover li ul,
.navv li.sfHover li ul {
 top:-999em;

}

.navv li li:hover ul, /* pure CSS hover is removed below */
ul.navv li li.sfHover ul {
 left:200px;
 top:-1px;

}

.navv li li:hover li ul,
.navv li li.sfHover li ul {
 top:-999em;

}

.navv li li li:hover ul, /* pure CSS hover is removed below */
ul.navv li li li.sfHover ul {
 left:100px;
 top:-1px;

}

/*following rule negates pure CSS hovers
so submenu remains hidden and JS controls
when and how it appears*/

.superfish li:hover ul,
.superfish li li:hover ul,
.superfish li li li:hover ul {
 top: -999em;
}


.superfish li a { /*this changes the first level menu button*/
 width:180px;
}

.navv ul {
 background:#FFF6C3;
}

.navv li li {
 background:#FFF6C3; /*color background when you rollover*/
 width:200px;

}

.navv li li li {
 background:#FFF6C3;

}

.navv li li a {
 padding-right:0;
 width:200px;

}