/*
	******************** SUCKERFISH MENU ******************** 
	
	CONTENTS:
	1. Default Styles - These should not need to be altered.  They only set defaults for menu items and allow the hover functionality
	2. Layout Styles - These set the overall layout of the menu structure.
	
*/

/*
****************************************************
     BEGIN MENU CUSTOMIZATION
****************************************************
This targets a UL with an ID of #SFNav.  Change that to target a different ID name.
*/


/* ROOT MENU / ALL ITEMS (Defaults) */

#SFNav {
	font-size:12px;
}

#SFNav li {}

#SFNav a {
	/*
		Applies to ALL Menu Items (Root and Sub)
		Total Height = height + vertical padding + vertical border + vertical margin
	*/
	height:24px; 
	padding:14px 12px 10px 14px;
}



/* SUB MENUS */

#SFNav li ul,
#SFNav li ul li {
	/*
		Applies to SUB-MENUS only
		Specifies width of all sub-menus and sub-menu items
	*/
	width:220px;
}

#SFNav li ul li a {
	/*
		Applies to SUB-MENUS only
		Total Height = height + vertical padding + vertical border + vertical margin
	*/
	height:14px;
	padding:10px 12px 12px 14px;
}


/* THIRD LEVEL MENUS */

#SFNav li ul ul {
	/*
		Applies to LEVEL 3 OR GREATER sub menus only
		margin-top = total height of parent menu item
		margin-right = total width of parent menu item
	*/
	/*
	margin-top: -21px;
	margin-bottom: 0px;
	margin-left: 220px;
	margin-right: 0px;
	*/
}


/*
	COSMETIC SETTINGS
	The following settings should only affect appearance and not layout
	EXCEPTION: The addition of border sizes may modify heights.  If borders are added, margins on correct items may also need to be altered.
*/

/* Main Menu */
#SFNav {
	background-color:transparent;
}

/* Sub Menu */
#SFNav li ul {
	width: 221px;
	border-top:1px solid black;
}

/* Sub Menu List Item */
#SFNav li ul li {
	background-color:#3E0D08;
	border-bottom:1px solid white;
	border-right:1px solid white;
	border-left:1px solid white;
}

/* Sub Menu Link */
#SFNav a:link,
#SFNav a:active,
#SFNav a:visited,
#SFNav a:hover {
	color:white;
	white-space:nowrap;
}

/* Sub Menu Link */
#SFNav ul a:link,
#SFNav ul a:active,
#SFNav ul a:visited,
#SFNav ul a:hover {
	color:white;
	white-space:normal;
}

/* ALL Menu Links on Hover */
#SFNav a:hover {
	background-color:transparent;
	color:#3B0C08;
}

/* Sub Menu Links on Hover */

#SFNav ul a:hover {
	background-color:#C8A554;
	color:#3B0C08;
}