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


	/*Top Level*/
    #mainNav li{
	    float: left;
	    list-style: none;
	    font-size:10px;
	    font-family: "Arial", "Tahoma", "MS Sans Serif", sans-serif;
	    font-weight:bold;
	    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: 11px 18px 12px 18px;
        text-decoration: none;
        color: #FFFFFF;
        white-space: nowrap;
    }

    #mainNav li a:hover{
        /*background: url(../images/navBKGRoll.gif);*/
		color: #000000;
    }
    	
	    /*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-color:#994114;
			background-image:none;
			padding: 6px 14px;
        }
		
		*:first-child+html #mainNav li ul li a {
		width: 150px;
        }

        #mainNav li ul li a:hover{
             background-color:#862d0f;
			 color: #FFFFFF;
        }

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

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

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