@charset "utf-8";
/* CSS Document */

<!-- START -->
/*
	******************** 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.
	
*/
/* 
	********** THERE IS NO NEED TO EDIT THIS **********
	This will initialize lists used for drop downs.
*/
ul.NMDropdown, ul.NMDropdown ul {padding: 0; margin: 0; list-style-type: none; z-index:999; text-decoration:none}
ul.NMDropdown a {display: block}
ul.NMDropdown a:link, ul.NMDropdown a:active, ul.NMDropdown a:visited, ul.NMDropdown a:hover {text-decoration:none; z-index:999;}
ul.NMDropdown li {float: left; z-index:999; list-style-type: none; font-weight:bold; }
ul.NMDropdown li ul {position: absolute; left: -999em;}
ul.NMDropdown li:hover ul ul, 
ul.NMDropdown li:hover ul ul ul, 
ul.NMDropdown li:hover ul ul ul ul,
ul.NMDropdown li.sfhover ul ul, 
ul.NMDropdown li.sfhover ul ul ul, 
ul.NMDropdown li.sfhover ul ul ul ul {
	position: absolute;
	left: -999em;
}
ul.NMDropdown li:hover ul, 
ul.NMDropdown li li:hover ul, 
ul.NMDropdown li li li:hover ul, 
ul.NMDropdown li li li li:hover ul, 
ul.NMDropdown li.sfhover ul, 
ul.NMDropdown li li.sfhover ul, 
ul.NMDropdown li li li.sfhover ul, 
ul.NMDropdown li li li li.sfhover ul {
	left: auto;
}

ul.NMDropdown li:hover,
ul.NMDropdown li.sfhover {
	position: static;
}

.sf_floatclear {
	height:0px;
	overflow:hidden;
	clear:both;
}
<!-- END -->

/* LAYOUT SETTINGS */
/* Main Menu */
#SFNav {
font-size:14px;
font-family:Trebuchet MS, Arial, SunSans-Regular, Sans-Serif;
font-weight:bold;
list-style-type: none;
display: block;
text-decoration:none

}

#SFNav li {}

#SFNav a {
	height:20px; /* <-- How tall should the main menu items be (without padding)? */
	padding:0px 5px; /* <-- How much padding should be on the root menu items? */
	text-decoration:none;
}

/* Sub Menu */
#SFNav li ul,
#SFNav li ul li {
	width:193px; /* <-- How wide should the sub-menus be? */
}

#SFNav li ul li a {
	height:20px; /* <-- How tall should the sub-menu items be (without padding)? */
	padding:5px 10px; /* <-- How much padding should be on the sub-menu items? */
	text-decoration:none;
}

/* 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: -31px; /* <-- WHat do you get when you add the height, top padding, and top border sizes for a sub-menu item? */
	margin-bottom: 0px;
	margin-left: 220px; /* <-- How wide did you set the the sub-menus to be? */
	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 some items may also need to be altered.
*/

/* Main Menu */
#SFNav {
	background-color:transparent; /* <-- What is the background color for the main menu bar (Root UL)? */
}

#SFNav a:link,
#SFNav a:active,
#SFNav a:visited,
#SFNav a:hover {
	white-space:nowrap;
	color:white; /* <-- What is the text color for all root menu items? */
	text-decoration:none;
}

#SFNav a:hover {
	color:#720000; /* <-- What is the text color for all root menu items ON HOVER? */
	text-decoration:none
}

/* Sub Menu */
#SFNav li ul {
	border-top:1px solid black; /* <-- What are the border settings for the TOP of the entire sub-menu? */
}

#SFNav li ul li {
	background-image:url(../site_drop.jpg); /* <-- What is the background color for all sub-menu items? */
	border-bottom:1px solid black; /* <-- What are the border settings for the BOTTOM of all sub-menu items? */
	border-right:1px solid black; /* <-- What are the border settings for the RIGHT SIDE of all sub-menu items? */
	border-left:1px solid black; /* <-- What are the border settings for the LEFT SIDE of all sub-menu items? */
}

#SFNav ul a:link,
#SFNav ul a:active,
#SFNav ul a:visited,
#SFNav ul a:hover {
	white-space:normal;
	color:white; /* <-- What is the text color for all sub-menu items? */
	text-decoration:none;
}

#SFNav ul a:hover {
	color:#720000; /* <-- What is the text color for all root menu items ON HOVER? */
	text-decoration:none;
}