/* vmenu */


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

.navv ul {
 /* background:#fff; /*IE6 needs this*/
 width: 200px;
 list-style-type: none;
 display: block;
 z-index:15000;
 position: relative;
}

/*nav ul ul {
/* background:#333300; /*IE6 needs this*/
/* this bit of code has been inserted in the main stylesheet
.navv li {
 position:relative;
 background: transparent;
 display: block;
 padding: 0px;
 z-index:999;
 text-align: left;
 margin: 0px;
 height: 17px;
 float: left;
 width:200px; 
 /* in general put the height in the "a" and not in the " li "*/



.navv li a {
 font-family:"Courier New", Courier, monospace;
 background: #CC0000;
 color:#FFFFFF;
 padding: 2px 3px 0px 3px;
 margin: 0px;
 font-size:15px;
 letter-spacing: -0.01em;;
 height: 20px;
 margin: 0px;
 width: auto;
}/* if you add here display block, the "a" element will increase the width (it will have same width of the "li" element) */

.navv li a:hover {
 color: #FFF;
 padding: 2px 3px 0px 3px;
 background: red;
}

/* control the width */

.navv li.narrow a {
 color: #FFFFFF;
 height: 20px;
}

.navv li.narrow {
}

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

.navv li.wide a {
 color: #FFF;
 padding: 2px 3px 0px 3px;
 width: auto;
}

.navv li.wide a:hover {
 color:#FFF;
 padding: 2px 3px 0px 3px;
}



/* submenu */

.navv li.wide ul {
 width: 220px; /*this has to be of the same size, or bigger of the li element */
 float: left;
}

.navv li.wide ul li {
 width: 220px; /* this is the width of the submeu elements */
 /*display: block; /* very important */
 float: left;
}

.navv li.wide ul li a{
 width: auto;
 font-size:15px;
}

.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;
 overflow: hidden; /*important*/
}

.navv li:hover {  
 width: auto;
}


.navv li.sfHover {
 width:200px;
}


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



.navv li:hover ul, /* pure CSS hover is removed below */
ul.navv li.sfHover ul {
 left:200px; /* this control the position of the submenu*/
 top:0px;
 z-index:1200;
}

#nav {z-index: 14000;}

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

.navv ul {
 width: 200px;
 list-style-type: none;
 display: block;
 z-index:10000;
 position: relative;
}