/* ############################################################################
   ## 
   ##  MAIN MENU
   ##
   ######################################################################### */

/* ####################################
   GLOBAL - List Layout
   ################################## */

#MenuUL {
    /* The nav object. (A <ul> in the standard platform.) */
    position: relative; /* DON'T CHANGE - Assures nav container has proper cascading position. */
    float: left; /* DON'T CHANGE - Makes IE and FF behave the same regarding ul dimensions. */
    margin: 0; /* DON'T CHANGE - Removes margin around the ul for neat layout. */
    padding: 0; /* DON'T CHANGE - Removes padding within the ul for neat layout. */
    
    list-style: none; /* DON'T CHANGE - Removes bullet points from list items. */
    
    width: 100%;
    
    margin: 0px;
	padding: 0px;

	list-style: none;
	line-height: 1;
	
	font-size: 116.7%;
}

#MenuUL li {
    /* All list items within the nav object */
    float: left; /* DON'T CHANGE - This makes the top level horizontal. */
    	
	margin: 0px;
	padding: 0px;
		
	width: 115px;
		
	background: url('/images/templates/bg_dividing_dots.gif') top left repeat-y;
}
* html #MenuUL li {
    /* IE6 Only */
    width: 105px; /* IE6 needs a width the menu layout breaks. The white-space and padding options below simulate the variable width seen in other browsers but only of the text in the menu items is short enough. */
    /*white-space: nowrap;*/
    
}

    #MenuUL li:hover, #MenuUL li.sfhover {
        /* All list items within the nav object - Hover */
        background: #6699CC;
        color: #ffffff;
    }
        #MainMenu li:hover a, #MainMenu li.sfhover a {
                color: #ffffff;
            }

/* ####################################
   GLOBAL - Anchors (Links)
   ################################## */

#MenuUL a {
    /* All anchor tags within the nav object */
    display: block;

	padding: 11px 5px 0px 10px; 
	height: 25px;				/* Same height as second level ul offset, otherwise menu will disappear on mouseout, ACCOUNT FOR PADDING */
		
	color: #695D54;
	text-decoration: none;
}
* html #MenuUL a {
    /* IE6 Only */
    /* All anchor tags within the nav object */
    width: 100%; /* DON'T CHANGE - Fills the width of the li with link rollover for IE6 (display:block fix). Be careful if margin/padding/border is added. */
}

    #MenuUL a:hover {
        /* All anchor tags within the nav object - Hover */
        
        text-decoration: none;
		color: #ffffff;
		background: #DE6100;
    }

/* ####################################
   LEVEL 2+ - List Layout
   ################################## */

#MenuUL li ul {
    /* Second level lists (all sub lists within list items) */
    position: absolute; /* DON'T CHANGE - Places second level lists in the right spot. */
	left: -1000%; /* DON'T CHANGE - Drop-down hover trick - Hide the menu off the screen. */ 
	    
    margin: 0; /* DON'T CHANGE - Removes margin around the ul for neat layout. */
    padding: 0; /* DON'T CHANGE - Removes padding within the ul for neat layout. */
    
    list-style: none; /* DON'T CHANGE - Removes bullet points from list items. */
    width: 14em;
    
    background: #1763ab;
    border-top: #0171B9 2px solid;
}

#MenuUL li:hover ul, #MenuUL li li:hover ul, #MenuUL li.sfhover ul, #MenuUL li li.sfhover ul {
    /* Second level lists (all sub lists within list items) - Hover over the containing li */
    left: auto; /* DON'T CHANGE - Drop-down hover trick - Re-align the menu on the screen on rollover. */

}

#MenuUL li ul li {
    /* Second level list items */
    float: none; /* DON'T CHANGE - Makes second level list items vertical. */
    
    position: relative;
		
	width: auto;

	font-family: arial, helvetica, sans-serif;
	font-weight: normal;
	text-transform: none;

	border-bottom: #ffffff 1px solid;
		
	background-color: #6699CC;
	background-image: none;
    
}
* html #MenuUL li ul li {
    width: auto; /* Otherwise each li is a different width. */
    white-space: normal; /* Allows menu items to span multiple rows, overridden from first level. */
}
:first-child+html html #MenuUL li ul li {
    width: auto; /*causes line spacing problems if set to 100%*/
}


    #MenuUL li ul li:hover, #MenuUL li ul li.sfhover {
        /* Second level list items - Hover */
    }

/* ####################################
   LEVEL 2+ - Anchors (Links)
   ################################## */

#MenuUL li ul li a {
    
    /* Any anchor tag in a list item in a sub list (second level list items) (li) - anchor tags (links) */		
	margin: 0;
	padding: 7px 6px;

	height: auto;
		
	text-decoration: none;
	color: #ffffff;
}
    * html #MainMenu li ul li a {
		/* IE6 only - Any anchor tag in a list item in a sub list (second level list items) (li) - anchor tags (links)
		  - Pushes the link to the width of the li. Mozilla does it anyway but behaves
		    badly with this setting so it's only switched on for IE. */
		width: 100%;
	}

    #MenuUL li ul li a:hover {
        /* Second level list items - Anchor tags - Hover */
        text-decoration: none;
		color: #ffffff;
		background: #DE6100;
		margin: 0;
    }