/*############# BACKGROUND PICTURE #############*/

.vrmainmenu {

width            : 400px;

background-color: #cc9900;

background-position:right;

background-repeat:no-repeat;

font-size: 11px;

font-weight: bold;

color: #ffffff;

font-family: helvetica,verdana,arial,sans-serif;

}



/*############## ALL MENU ITEMS ###############*/

.vrmainmenu a{

	font-family			: helvetica,verdana,arial,sans-serif;

	font-size			: 11px;

    font-weight			: bold;

    text-decoration		: none;

    display				: block;

    white-space			: normal;

    position			: relative;	

	margin				: 0px 0px 0px 0px;

	padding				: 5px 5px 5px 5px;

}



/*############# First content color background settings #############*/

.vrmainmenu .menuCont_1{

/*Container for menu item (opacity is set here)*/

background-color	: #cc9900;

Filter: Alpha(Opacity=99);

-moz-opacity:.99;

opacity:.99;

width: 100%;

}



/*############# Second content color background settings #############*/

.vrmainmenu .menuCont_2{

/*Container for menu item (opacity is set here)*/

background-color: #000066;

Filter: Alpha(Opacity=99);

-moz-opacity:.99;

opacity: .99;

width: 100%;

}



.vrmainmenu .parentItem img,

.vrmainmenu .parentItem-active img{

    position: absolute;

    top: 0px;

	border: 0;

}



.vrmainmenu .rgtImg {

/*Arrow image for menu items with child items*/

	position: relative;

    margin-top: 5px;

    right: 2px;

    border: 0;

}

.vrmainmenu .lftImg {

/*Custom image to left of menu item*/

	position: relative;

	margin-top: 2px;

    border: 0;

}



.vrmainmenu .menuCont {

	height:auto;

}





.vrmainmenu .parentItem, 

.vrmainmenu .parentItem:hover, 

.vrmainmenu .parentItem-active,

.vrmainmenu .parentItem-active:hover {

	background-repeat	: no-repeat;	

	background-position : left;

	border-bottom				: 0px solid #000066;
	
	width: 100%;

}



.vrmainmenu .parentItem:link,

.vrmainmenu .parentItem:visited {

	/*background-color	: #ff9b37;*//*this overrides the menu container on hover (ie can't cope with hover on anything but an anchor) */

	color				: #ffffff; /*font color on hover is set here - IT IS NOT AFFECTED BY MENU CONT OPACITY*/

	font-weight: bold;

}



.vrmainmenu .parentItem:hover,

.vrmainmenu .parentItem-active {

	/*background-color	: #ff9b37; -- if you set a background color here it will override what you have set in the menu container*/

	background-color	: #ccccff;

	color				: #000066 !important; /*font color is set here - IT IS NOT AFFECTED BY MENU CONT OPACITY*/

}

.vrmainmenu .parentItem:active {

	/*background-color	: #ee5500;*/ /*this overrides the menu container on hover (ie can't cope with hover on anything but an anchor) */

	color				: #ffffff !important;/*font color on hover is set here - IT IS NOT AFFECTED BY MENU CONT OPACITY*/

}

.vrmainmenu .subItem_1 img, .vrmainmenu .subItem_2 img,

.vrmainmenu .subItem_1-active img, .vrmainmenu .subItem_2-active img{

    position: absolute;

    top: 0px;

    border: 0;

}



.vrmainmenu .subItem_1{

width: 160px;

}



.vrmainmenu .subItem_2{

width: 160px;

}



.vrmainmenu .subItem_1, .vrmainmenu .subItem_2,

.vrmainmenu .subItem_1:hover, .vrmainmenu .subItem_2:hover,

.vrmainmenu .subItem_1-active, .vrmainmenu .subItem_2-active,

.vrmainmenu .subItem_1-active:hover, .vrmainmenu .subItem_2-active:hover {	

	background-repeat	: repeat-y;

    text-decoration		: none;

	margin				: 0px 0px -1px 0px;	

	color: #ffffff !important;

}



.vrmainmenu .subItem_1, .vrmainmenu .subItem_1:hover, .vrmainmenu .subItem_1-active, .vrmainmenu .subItem_1-active:hover {

	border				: 0px solid #bbbbbb;

}



.vrmainmenu .subItem_2, .vrmainmenu .subItem_2:hover, .vrmainmenu .subItem_2-active, .vrmainmenu .subItem_2-active:hover {

	border				: 0px solid #ffffff;

}



.vrmainmenu .subItem_1, .vrmainmenu .subItem_2{

    color				: #ffffff;

}

.vrmainmenu .subItem_1:hover, .vrmainmenu .subItem_2:hover{

	color				: #cc9900 !important;

}





.vrmainmenu .subItem_1:hover, .vrmainmenu .subItem_1-active:hover, .vrmainmenu .subItem_1-active{

    background-color	: #000066;	/*this overrides the menu container on hover (ie can't cope with hover on anything but an anchor) */

}





.vrmainmenu .subItem_2:hover, .vrmainmenu .subItem_2-active:hover, .vrmainmenu .subItem_2-active{

    background-color	: #000066;	

}





.vrmainmenu .section {

    border-style: none;

    position: absolute;

    visibility: hidden;

    z-index: -1;

}



* html .vrmainmenu td { position: relative; } /* ie 5.0 fix */