/**
 * NOTES ON FORMATTING
 *
 * Formatting rules ALWAYS target the <a> element!
 *
 * AS WELL, THE RULES IN THIS DOCUMENT DEMAND THAT THE menu CLASS IS
 * APPLIED TO THE ROOT MENU
 *
 * The rules in this document deal with visual formatting such as font, padding, 
 * borders, background, color, etc. You should not need to add any rules that affect 
 * layout, such as float, clear, position, left, etc. Overall rules of these types
 * should be added to nav-layout.css
 *
 * YOU SHOULD CUSTOMIZE THIS FILE AS YOU SEE FIT!
 *
 */

/*
---------------------------------------------------------------------------------------------------
-- Global formatting
---------------------------------------------------------------------------------------------------
*/

	.nav{
		margin:0px 0px 0px 0px;
		}
		
	#main-nav{
		display:block;
		}
		
/*
---------------------------------------------------------------------------------------------------
-- Link elements
---------------------------------------------------------------------------------------------------
*/

	/* core formatting to enable menus  */
		.nav.menu a,
		.nav.menu a:visited{
			
			/* formatting */
				font-size:20px;
				font-family:'Walkway SemiBold';
				text-transform:lowercase;
				text-decoration:none;
				
			/* sizing */
				padding:3px 10px 10px 10px !important;
				height:18px;
			
			}
			
		
		
/*
---------------------------------------------------------------------------------------------------
-- Active link elements (whose segments are in the active URI)
---------------------------------------------------------------------------------------------------
*/

	/**
	 * always make sure to use background-"color" (not just "background") 
	 * to prevent overwriting of any background-image icons
	 */
	 
	.nav.menu a{
		border-bottom:2px solid transparent;
		}
	

	.nav.menu a.active-path,
	.nav.menu a.active{
		border-bottom:2px solid #AAA !important;
		}
	
	.nav.menu a.active:hover{
		/*
		background-color:#CCC;
		color:#000;
		*/
		}
	
	.nav.menu a:hover{
		border-bottom:2px solid #CCC;
		}