/*******************************************************
Main Menu Styles
********************************************************/
div.leftmenu
{ 
    float : left;
    margin : 0 0 0 0px;
    width : 184px;
}

div.menu.main
{ 
    /*
    float : left;
    */
    margin : 0 0 0 0px;
    width : 184px;
    font-family : 'Trebuchet MS' Arial, Helvetica, Verdana, Sans-Serif;
}

div.menu.main img { border : inherit; }

div.menu.main ul { list-style:none;	}

div.menu.main a
{
    display : block;
    color : #fff;
    font-weight : bold;
    text-decoration : none;
    width : 170px;
    padding : 2px 0px 2px 10px;
}

/*First Level Menu*/
div.menu.main ul.level1
{
    float : left;
    width : 184px;
    padding : 0;
    list-style : none;
    margin : -4px 0 0 0;
}

div.menu.main ul.level1 li
{
    float : left;
    width : 184px;
    height : 24px;
    margin : 0;
    padding : 0;
    background-image : url(/assets/vospers/images/menu.main.inactive.bkgd.gif);
    background-repeat : no-repeat;
}

div.menu.main ul.level1 li a:hover
{
    background-image : url(/assets/vospers/images/menu.main.hover.bkgd.gif);
    background-repeat : no-repeat;
    height : 24px; 
}

div.menu.main ul.level1 li.active
{
    background-image : url(/assets/vospers/images/menu.main.active.bkgd.gif);
    background-repeat : no-repeat;
    height : auto;
}

div.menu.main ul.level1 li.first 
{
    margin : 0 0 0 0;    
}
div.menu.main ul.level1 li.last 
{
    margin : 0 0 0 0;
}
div.menu.main ul.level1 li a
{
	width:170px;
}

/*Second Level Menu*/
div.menu.main ul.level1 li a,
div.menu.main ul.level1 li a:hover,
div.menu.main ul.level2 li a,
div.menu.main ul.level2 li a:hover
{
	height : 18px;
}
div.menu.main div.level2
{
    width : 184px;    
    overflow : visible;
    margin : -23px 0 0 178px;
    position : absolute;
    z-index : 10;    
}

div.menu.main li.active div.level2.none,
div.menu.main li.active div.level2.block
{
    display : block;
    z-index : 10;
    width : 184px;
    margin : 0 0 0 0;
    position : relative;
}

div.menu.main div.level2 img
{
    display : block;
}

div.menu.main ul.level2
{
    width : 184px;
    padding  : 0 0 0 0;
    margin : 1px 0 0 0;
    background-image : url(/assets/vospers/images/menu.main.child.inactive.bkgd.gif);
    background-repeat : no-repeat;
}
div.menu.main ul.level2 li a
{	
	font-weight:bold;
}
div.menu.main ul.level2 a
{
    width : 171px;
    margin : 0;
    padding : 4px 3px 2px 10px;
    font-weight : normal;
    display : block;    
    height : 18px;
    color : #17406A;
    background-image : url(/assets/vospers/images/menu.main.child.inactive.bkgd.gif);
    background-repeat : no-repeat;
    font-size : 9px;
    font-family : Verdana, Arial;
}

div.menu.main ul.level2 li a:hover
{
    background-image : url(/assets/vospers/images/menu.main.child.active.bkgd.gif);
    background-repeat : no-repeat;
    color : #fff;
}


/*Third Level Menu*/
div.menu.main div.level2 li div.level3
{	
    width : 184px;    
    overflow : visible;    
    margin : -25px 0 0 182px;
    position : absolute;
    z-index : 100;    
}
div.menu.main div.level2 li div.level3.none,
div.menu.main ul.level1 li.active div.level2.none ul.level2 li.active div.level3.none ul.level3 li div.level4.none
{
	display : none;
}
div.menu.main li.active div.level2.none li.active div.level3 li a
{
	 padding-left : 17px;
}

div.menu.main li.active div.level2.none li.active div.level3.none,
div.menu.main li.active div.level2.block li.active div.level3.block
{
    display : block;
    z-index : 10;
    width : 184px;
    margin : -1px 0 0 0;
    position : relative;
}

div.menu.main ul.level2 li div.level3 ul.level3
{
    width : 184px;
    padding  : 0 0 0 0;
    margin : 1px 0 0 0;
    background-image : url(/assets/vospers/images/menu.main.child.inactive.bkgd.gif);
    background-repeat : no-repeat;
}

div.menu.main ul.level2 li div.level3 ul.level3 li a
{
    width : 171px;
    margin : 0;
    padding : 4px 3px 2px 10px;
    font-weight : normal;
    display : block;
    min-height : 18px;
    height : 18px;
    color : #17406A;
    background-image : url(/assets/vospers/images/menu.main.child.inactive.bkgd.gif);
    background-repeat : no-repeat;
    font-size : 9px;
    font-family : Verdana, Arial;
}

div.menu.main ul.level2 li div.level3 ul.level3 li a:hover
{
    background-image : url(/assets/vospers/images/menu.main.child.active.bkgd.gif);
    background-repeat : no-repeat;
    color : #fff;
}

/*Fourth Level Menu*/

div.menu.main div.level2 li div.level3 li div.level4
{	
    width : 184px;    
    overflow : visible;    
    margin : -25px 0 0 182px;
    position : absolute;
    z-index : 100;    
}
div.menu.main div.level2 li div.level3 li div.level4.none
{
	display : none;
}
div.menu.main li.active div.level2.none li.active div.level3 li.active div.level4 li a
{
	 padding-left : 27px;
}
div.menu.main li.active div.level2.none li.active div.level3.none li.active div.level4.none,
div.menu.main li.active div.level2.block li.active div.level3.block li.active div.level4.block,
{
    display : block;
    z-index : 10;
    width : 184px;
    margin : -1px 0 0 0;
    position : relative;
}
div.menu.main li.active div.level2.none li.active div.level3.none li.active div.level4.none,
div.menu.main li.active div.level2.block li.active div.level3.block li.active div.level4.block,
{
    display : none;
}

div.menu.main ul.level2 li div.level3 ul.level3 li div.level4 ul.level4
{
    width : 184px;
    padding  : 0 0 0 0;
    margin : 1px 0 0 0;
    background-image : url(/assets/vospers/images/menu.main.child.inactive.bkgd.gif);
    background-repeat : no-repeat;
}
div.menu.main ul.level2 li div.level3 ul.level3 li div.level4 ul.level4 li a
{
    width : 171px;
    margin : 0;
    padding : 4px 3px 2px 10px;
    font-weight : normal;
    display : block;
    min-height : 18px;
    height : 18px;
    color : #17406A;
    background-image : url(/assets/vospers/images/menu.main.child.inactive.bkgd.gif);
    background-repeat : no-repeat;
    font-size : 9px;
    font-family : Verdana, Arial;
}

div.menu.main ul.level2 li div.level3 ul.level3 li div.level4 ul.level4 li a:hover
{
    background-image : url(/assets/vospers/images/menu.main.child.active.bkgd.gif);
    background-repeat : no-repeat;
    color : #fff;
}