/*Styles for Main Nav*/
#mainNav{
	margin: 0;
	padding: 0;
}


	/*Top Level*/
    #mainNav li{
	    float: left;
	    list-style: none;
	    font-size:13px;
	    font-family: "Arial", "Tahoma", "MS Sans Serif", sans-serif;
	    font-weight:600;
	    position: relative;
        display: inline;
		/*background: url(/images/navMiniLine.gif);*/
		background-position:right;
		background-repeat:no-repeat;
	}

    #mainNav li a{
        display: block;
        /*background: url(../images/navBKG.gif);*/
        padding: 5px 10px 8px 10px;
        text-decoration: none;
        color: #FFFFFF;
        white-space: nowrap;
		cursor: pointer;
    }

    #mainNav li a:hover{
        /*background: url(../images/navBKGRoll.gif);*/
		color: #BB8620;
    }
    	
	    /*Sub One*/
        #mainNav li ul{
            margin-top: 0px;
            margin-left:0px;
            padding: 0;
            position: absolute;
            visibility: hidden;
            display: block;
            
        }

        #mainNav li ul li{
            float: none;
            display: list-item;
            display: inline;
			background-color:#994114;
			         
        }

        #mainNav li ul li a{
            width: auto;
            color: #FFFFFF;
			background: url(/images/mainNavBKG.png); 
			background-image:url(/images/mainNavBKG.png);
			padding: 6px 14px;
			cursor: pointer;
        }
		
		*:first-child+html #mainNav li ul li a {
		width: 150px;
        }

        #mainNav li ul li a:hover{
             color: #BB8620;
			 background: url(/images/mainNavBKGroll.png); 
			 background-image:url(/images/mainNavBKGroll.png);
        }

        /* ######### CSS classes applied to down and right arrow images  ######### */

        .downarrowclass{
        position: absolute;
        top: 7px;
        right: 5px;
        }

        .rightarrowclass{
        position: absolute;
        top: 5px;
        right: 5px;
        }