div#top-navigation {
	font-family: tahoma;
	position: absolute;
	height: 31px;
	background: url(/images/template/backgrounds/top-menu/bg-navigation-red.gif) repeat-x;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 20px;
	font-size: 11px !important;
	color: #FFFFFF;
	font-weight: bold;
}



/*this is the css for the horizontal version*/
.horizontal ul
{
	margin: 0px;
	padding: 0px;
    padding-left: 10px;
	list-style-type: none;

	display: block;
	height: 1.2em;
	
	height: 31px;
	
	clear: right;
	
	background: url(/images/template/backgrounds/top-menu/bg-navigation-red.gif) repeat-x;
}

    .horizontal li
    {
	    float: left;
	    display: inline;	 
    }

        .horizontal li a
        {
            margin: 0px;
            padding: 0px;
	        text-decoration: none;
	        height: 1.2em;
	        float: left;
	        display: block;
	        text-align: left !important;
	        

	        border-left: none;
	        
	        color: #FFFFFF !important;
	        font-weight: bold !important;
	        
            padding-left: 2px;
            padding-right: 2px;
            padding-top: 8px;

            	        
	        background: url(/images/template/backgrounds/top-menu/bg-navigation-red.gif) repeat-x;
	        height: 23px;

        }
        
        .horizontal li img 
        {
            margin: 0px;
            padding: 0px;
       }

            .horizontal li li a
            {
                text-align: left !important;
	            border-top: none;
	            border-left: 1px solid;	   	                      
            }


/*************************************
*

*

*
*************************************/
        
        
    /* 1st level sub nav */    
    .horizontal li ul
    {

        position: absolute; 

        padding: 0px;
        margin: 0px;

        margin-top: -5px;
    
	    border: none;	    
	    display: block;	    
        display: none;        

        height: auto;

        width: 142px !important;

        border-top: 1px solid black;
        padding-bottom: -2px;
        
    }

        .horizontal li li ul
        {
	        position: absolute;
	        margin: 0px;
	        padding: 0px;        

            width: 140px;
                    
   	        /*
	        margin-left: 125px;
            */

        }

            /* Sub Menu / Item */
            .horizontal li ul li a
            {
                margin: 0px;                              
                padding: 0px;
                
                padding: 10px;
                padding-top: 5px;
                padding-bottom: 5px;
                height: auto;
 
                text-align: left !important;
                width: 120px !important;
       	        
       	        color: #000000 !important;
    	        font-weight: normal !important;
    	        

    	        
    	        border-left: 1px solid black;
    	        border-right: 1px solid black;   	        
    	        border-bottom: 1px solid black;
    	        background: #FFFFFF;
            }



/*colors for menu*/
.blackwhite ul{
	border-color: black;
}
    .blackwhite li a
    {
    	font-size: 11px;
	    color: #000000;
	    font-weight: normal;

        
/*	    
	    background-color: white;
	    color: black;
	    border-color: black;
*/
    }

        .blackwhite li a:hover{
/*
            background-color: black;
            color: white;
            border-color: black;
*/
        }




/*This section makes the menu not work in non-javascript enabled browsers by not showing the menu by default-This can be worked around by making top level links point to a sitemap*/
/*Not sure if I recommend this or not*/
.inaccesible li ul{
	display: none;
}
/*Arrow code - looks like <a class="haschild" href="#">Text <span>Arrow</span></a> can be turned on/off with arrow class*/
.arrow a span{
padding-left: 1em;
font-size: 85%;  
}
.arrow a:hover span{
padding-left: 2em;
}
.arrow a span.noshow{
	visibility: hidden;
}	










    /* 1st level sub nav */    
    .horizontal li ul li ul
    {

        position: absolute; 

        padding: 0px;
        margin: 0px;

        margin-top: -1px;
    
        margin-left: 142px;
	    border: none;	    
	    display: block;	    
        display: none;        

        height: auto;

        width: 142px !important;

        border-top: 1px solid black;
        padding-bottom: -2px;
        
        
    }
    
        .horizontal li li li ul
        {
	        position: absolute;
	        margin: 0px;
	        padding: 0px;        

            width: 140px;

            background: pink;                    
   	        /*
	        margin-left: 125px;
            */

        }

            /* Sub Menu / Item */
            .horizontal li ul li ul li a
            {
                margin: 0px;                              
                padding: 0px;
                
                padding: 10px;
                padding-top: 5px;
                padding-bottom: 5px;
                height: auto;
 
                
                width: 120px !important;
       	        
       	        color: #000000 !important;
    	        font-weight: normal !important;
    	        

    	        
    	        border-left: 1px solid black;
    	        border-right: 1px solid black;   	        
    	        border-bottom: 1px solid black;
    	        background: #FFFFFF;    	        
            }