/* CSS Document */

.menu-vv {
	position: relative;
	margin: 0;
	padding:0 ;
	display:block;
	zoom: 1;
	visibility: visible;
	
}

 .menu-vv * { margin: 0; padding: 0 ; list-style:none}
 
 .menu-vv li {
	position: relative;
	margin: 0;
	padding:0 ;
	line-height: 0em;
	
	height:54px;
}

 .menu-vv li ul li {
	position: relative;
	line-height: 0em;
	height:27px;
	border-bottom:inset;
	border-bottom-color:#FFFFFF;
	border-bottom-width:1px;
	border-right:inset;
	border-right-color:#FFFFFF;
	border-right-width:1px;
	border-top:outset;
	border-top-color:#FFFFFF;
	border-top-width:1px;
	z-index: 7;
	}
	
	/*.menu-vv li ul li ul li ul li { padding-left:0px; background-color:#0099CC; position:relative; height:300px; margin-left:0px; padding-left:inherit}

	.menu-vv li ul li ul li ul li.hover { padding-left:0px; background-color:#0099CC; position:relative; height:300px; margin-left:0px; padding-left:inherit}*/


.menu-vv a { display: block; zoom: 1; line-height: 27px }
.menu-vv li ul { position: absolute; visibility: hidden;  }
.menu-vv li:hover ul,
.menu-vv li.hover ul { visibility: visible }
.menu-vv li:hover ul ul,
.menu-vv li.hover ul ul { visibility: hidden }
.menu-vv li li:hover ul,
.menu-vv li li.hover ul { visibility: visible }
.menu-vv li li:hover ul ul,
.menu-vv li li.hover ul ul { visibility: hidden }
.menu-vv li li li:hover ul,
.menu-vv li li li.hover ul { visibility: visible }


 /* vertical-vertical */
 .menu-vv { float: left;  } 
 .menu-vv li ul { left: 100%; top:0;  }
 
 /* ****************************************
   Define width, color, bg, etc ABOVE or clear this line if will define in other place
 */
 

 .menu-vv li { width: 180px; background-color: #2C2C36; }


 .menu-vv li a:hover { background-color: red;  background-image:url(images/Red-List-Bg.jpg)}

.menu-vv li.hover, .menu-vv li:hover { background-color: red; background-image:url(images/Red-List-Bg.jpg); }

.menu-vv li a { font-family:Verdana, Arial, Helvetica, sans-serif ; color:#FFFFFF; font-size:12px; text-decoration:none; padding-left:15px;}	

.menu-vv li ul li ul li ul a {padding-left:0px; word-spacing:normal; float:inherit}

.menu-vv li ul li ul li ul  {padding-left:0px; height:200px; float:right; position:absolute;  margin:0px; line-height:normal; }


.menu-vv ul div {padding-left:0px; position:fixed; top:132px; line-height:normal;border-width:1; border-style:solid;  border-color:red;}
.menu-vv ul div a {background-color:#2C2C36; border-color: Lime;}


/*.menu-vv li div { width: 400px;  padding-left:none; background-image:none; background-color:olive; border-bottom:none; border-top:none
}
.menu-vv li div a:hover, .menu-vv li div a.hover { padding-left:0px; background-image:none; font-family:Verdana, Arial, Helvetica, sans-serif ; color:#FFFFFF; font-size:18px; text-decoration:none;}
.menu-vv li div.hover, .menu-vv li div:hover {padding-left:0px; background-image:none; font-family:Verdana, Arial, Helvetica, sans-serif ; color:#FFFFFF; font-size:18px; text-decoration:none;}
.menu-vv li div a { font-family:Verdana, Arial, Helvetica, sans-serif ; color:#FFFFFF; font-size:18px; text-decoration:none; padding-left:0px; background-image:none;}	*/

 
/* Micox Pseudo-class-css2 to IE (MXPC). Activate .hover and .first-child in IE 6
   http://elmicox.blogspot.com/2008/03/ativando-hover-e-first-child-no-ie-6-um.html */
* html * { color: expression( (function(who){ if(!who.MXPC){
 who.MXPC = '1';
 if(who.nodeName != 'A'){
  who.onmouseenter=function(){ who.className += ' hover'};
  who.onmouseleave=function(){ who.className = who.className.replace(' hover','')}; }
 (who==who.parentNode.firstChild) ? who.className += ' first-child' : '' ;
} } )(this) , 'auto') }