/* 
 * 
 * Puckerfish - Horizontal Dropdown Navbar with Variable Width Top Level menus
 * Based on Suckerfish Menus (www.htmldog.com) - modified to accomodate variable width top menus  by Dean L. Waters 
 *
 * CSS modifications & commenting by Dean L. Waters (c) 2004 www.Spa.Net
 *
 * FAQ - NOTES (by DLW):
 * 
 *		*IMPORTANT* - Must have javascript for sfhover in each file in order for these menus to function (I have not figured out how to Include this)
 *
 *  	1) SET FONT SIZE *FIRST* (in #nav, #nav ul)  BEFORE ATTEMPTING TO TWEAK OTHER PARAMETERS ****-----
 *				By setting font size and using em units, you should be able to change font size later without damaging menus.
 * 		2) Change all "Menu Width" parameters (in  #nav li ul, #nav li li, #nav li ul a) to change the width of menus.  
 *				NOTE: 
 *						-USE em units, NOT px, when setting width - much easier to adjust.
 *		 			-"w\idth" values are hacks for IE5 and below.  Since I don't have IE5 I just guess that it is set to width minus 2em
 *		3) Change #nav li ul ul - margin, to set positioning of sub-menus (both left/right and up/down)
 *		4) If you want border-right removed from right-most top-level menu, add <li class="lastnav"> to that menu item
 *		5) You can add sub levels to menus - Notice that <ul> tag for submenus MUST be WITHIN the <li> </li> of level above.
 *			 See sample code below:
 *		<ul id="nav">
 *			<li><a>Top Menu 1</a>
          <ul>
            <li><a class="deadlink" href="#">Top 1 SubMenu 1</a>
							<ul>
								<li><a class="deadlink" href="#">Top1 Submenu 1 SubSubMenu 1</a><li>
							</ul>
						</li>
            <li><a class="deadlink" href="#">Top 1 SubMenu 2</a></li>
            <li><a class="deadlink" href="#">Top 1 SubMenu 3</a></li>
          </ul>
      	</li>
				<li><a>Top Menu 2</a>
					<ul>
            <li><a class="deadlink" href="#">Top 1 SubMenu 1</a></li>
					</ul>
				</li>
				.... other menus ...
			</ul>
 */
#navbox {
	margin: 0px;
	padding: 0px;
}
#nav a.deadlink { /* allows graying out of dead menu links */
 	color: #999999;
}
#nav, #nav ul {
	width: 760px;
	background-color: #333399;
	z-index: 99;
	position: relative;
	float: left;
	list-style: none;
	line-height: 18px;
	padding: 0px;
	/*padding: 0em 1.85em 0em 0.85em; */
	margin: 0px;
}
#nav {
	padding-left: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #FFF30d;
	text-decoration: none;
	/*font-weight: bold;
	letter-spacing: -.08em; */
}

#nav a { /* links in menus - also controls base height & width of individual menu items */

	/* NOTE: Menu Height (Top & Bottom) padding (1st and 3rd value) requires careful tweaking as an "em" value 
	 * to keep Navigator/Firefox from creating gaps between menus due to uneven pixel calculations.
	 * This is also combined with "#nav li ul ul" margin value to "SHIFT" submenus into proper position */

	/* NOTE: Padding around Menu Item Text - HEIGHT & WIDTH PADDING  - MENU ITEM  = line-height(from #nav, #nav ul) + padding(here) - creates height of menu items */
	/* padding NOTE: if you change "right" padding (2nd value), you will need to adjust #nav li ul ul margin (4th value) to have submenus align properly */
	/* NOTE: left padding (rightmost value) affects positioning of submenus in IE6, but not Firefox/Netscape */
	/* padding: TOP   RIGHT   BOTTOM   LEFT */ 	
	/*padding: 0.287em 0.85em .287em 0.85em; */
	/*padding: 0.29em 0.85em .287em 0.85em; 
	padding: 0.29em 0.55em .287em 0.65em;*/
	padding: 0.29em 0.35em .287em 0.35em;
	/* DLWNOTE - DEBUG - see if using a margin here would fix IE problem? */
	
	color: #FFF799; /*** Color - Text - ALL MENU LEVELS - MouseNotOver - (can be overridden for submenus below) */
	/* Note: Activating Background color at this level can mess up look */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	 font-weight: bold;   
	/*letter-spacing: -.04em; */
	text-decoration: none; /* DO NOT CHANGE - removes underline from under text in menus */
	display: block; /* DO NOT CHANGE */
	/***	margin-left: 2em;  	????? MARGIN - TEXT - MAIN/HORIZONTAL & SUBMENU NAVs - Position from left edge of all text */

}

/*** Change *TEXT* MouseOver state here */
/* #nav li a:hover { color: #FF0000;} /* COLOR - TEXT - ALL MENUS - ONLY "MouseOver" STATE */ 
/* #nav li li a:hover {color: #00FF00;} /* COLOR -  TEXT - SUBMENUS - ONLY "MouseOver" STATE */


 
#nav li { /* all individual menu items */

	border: 1px solid #FFFFFF;	/* BORDER - COLOR - ALL NAV LEVELS (top and sub) - INDIVIDUAL MENU ITEM BOXES
															 - all parent/child borders unless changed in (#nav li ul) and/or (#nav li li) */

	border-width: 0px 1px 0px 0px; /*** BORDER - DoubleFix - Removing Left border keeps borders from 
				doubling where MENU ITEMS meet -  See (li#topleftnav) below */											
	float: left; 			/* DO NOT CHANGE */
	padding: 0 0 0 0; /* DO NOT CHANGE */
}

li#topleftnav { /* Doublefix - MAIN/HORIZONTAL NAV level - avoids doubling up of borders - comment out if no border is desired */ 
     /*	border-left: 1px solid #996633 !important; ** BORDER - MAIN/HORIZONTAL NAV - TOP LEFT <li> ELEMENT - force outside left border -
	 note: does not show in Dreamweaver, but displays in browser.  
     <li id="topleftnav"> must be in top level nav code to function */
     padding: 0 0 0 .2em; */
}
#nav li ul { /* second-level list - outside box style */

	margin-left: -1px; /* POSITION - corrects submenu position to match left edge of MAIN/HORIZONTAL NAV items */
	width: 11em; 	/*** Menu Width - SUBMENU - <ul> TAG LEVEL - IE5 fix */
	w\idth: 15em; /*** Menu Width - SUBMENU - <ul> TAG LEVEL - must be balanced with "#nav li li" width */
	
	font-weight: normal; /*** Second Level Menu items - bold or normal */
	display: none; /* DoNotChange - HIDE - SUBMENU - using left shift instead of display: hide; in menus because display: none isn't read by screen readers */ 
/* ????	left: -999em;  Old method ... messes up opera, but allows screenreaders to see text */

	/*	Border - SUBMENU - <ul> TAG LEVEL - changing border at this level ADDS BORDER TO SUBMENU OUTSIDE BOXES only - can cause double-thick border */
	border-bottom: 1px solid #996633; 	 /* BORDER - BOTTOM - SUBMENU - <ul> TAG LEVEL - submenu outside box only (see DoubleFix in #nav li li) - comment out if No Border is desirable */
	
	/*	background: #FFFFFF;  COLOR - SUBMENU - MouseNotOver -  BACKGROUND COLOR - (not "over" state) (only has effect if not defined in #nav li li)  */

	position: absolute; /* DO NOT CHANGE */
	height: auto; /* DO NOT CHANGE - allows height to shrink to padding + line-height */
	letter-spacing: .0em; 

}
#nav li ul a { /* second-level list - outside box style */
	font-weight: normal;
}
#topleftul ul { /* second-level list - outside box style */
	margin-left: 0.0em;
	/* margin-left: -3.0em; POSITION - corrects submenu position to match left edge of MAIN/HORIZONTAL NAV items */
}

#nav li li { /* second level and below lists - LIST ITEMS */
	width: 11em; /*** Menu Width - SUBMENU - MouseNotOver - width of "over" state of background list subitems */
	w\idth: 15em; /*** Menu Width - SUBMENU - MouseNotOver - width of "over" state of background list subitems */
	/* color: #FFFFdd; */
	color: #333399;
	background-color: #E8E8DB; 
	/* background-color: #8D8D8D; */
	/*background-color: #333333; **  COLOR - BACKGROUND - SUBMENU - MouseNotOver - (not "over" state)  */
/* BORDER - TOP - by removing top border, you prevent "doubling" of border thickness - compensate by adding single <ul> TAG LEVEL top border in (#nav li ul) */
	border-color: #996633; /***  COLOR - BORDER - SUBNAVS - MouseOver/MouseNotOver - DoubleFix - hidden bottom border replaced in #nav li ul */
	border-style: solid;
	border-width: 1px 0px 0px 0px;	/*** BORDER - SUBMENU - MouseOver/MouseNotOver - DoubleFix - Remove bottom edge border - Prevents doubling of border size - comment out if no border desired */
/*	border-top: 1px solid #333333;  TEST ???? */
/***	padding-right: 0em;  ????? PADDING - SUBMENU - MouseOver/MouseNotOver - right padding for subnav when mouse is not over */

}

#nav li ul a {
	width: 13em; 	/***	 Menu Width- SUBMENU - ANCHOR - (IE5 Fix) makes sure mouse click is available over whole menu-box instead of just over text */
	w\idth: 15.5em; /***  Menu Width - SUBMENU - ANCHOR - (Other Browsers) - must be value of (#nav li li) width - 1.5 em for IE6 compatibility */ 
/***	color: #FF0000; COLOR - TEXT - SUBMENU - MouseOver - uncomment if different color desired for MouseOver-state */
	 color: #333399;
	 /* color: #FFFFdd;
	/*color: #333399; */
}

#nav li ul a:hover {
	color: #888888;
}

#nav li ul ul { /* third-and-above-level lists - whole box */
	margin: -1.66em 0 0 13em; /* *** Submenu Positioning *** 1st value is submenu up/down correction (increase to move up) - 4th value is the distance to right-shift submenu - based on SUBMENU WIDTH */
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	display: none; /* DoNotChange - HIDE - SUBMENUS - Hides sub-menus when not OVER previous level */
/* ????	left: -999em; Old method ... messes up opera, but allows screenreaders to see text */ 

}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
	display: block; /* DO NOT CHANGE - SHOW SUBMENUS - when OVER (hovering over any <ul> level) this SHOWS *only* next level of sub-menu */
/* ????	left: auto;  Old method ... messes up opera, but allows screenreaders to see text */ 

}
#nav li ul.topleftul  {
	margin-left: -0.16em; /* *** Submenu Positioning *** 1st value is submenu up/down correction (increase to move up) - 4th value is the distance to right-shift submenu - based on SUBMENU WIDTH */ 
}
#nav li:hover, #nav li.sfhover {
	background-color: #000000; /*** COLOR - ALLMENUS MouseOver STATE - background color when hovering over *any* menu items */
	
}
#nav li li:hover, #nav li li.sfhover {
	background-color: #000000; /*** COLOR - SUBMENUS MouseOver STATE - if present will 
																	override (#nav li:hover, #nav li.sfhover) "COLOR - ALLMENUS" background color above */
	
}
/* #content { Placed in main CSS file -- used to make sure content starts below menus 
	clear: left;
} */
#nav li.lastnav  {
	border-right-width: 0px !important; /* Removes right border from rightmost top-level menu item */
	padding: 0 0.1em 0 0; */
}

.maincontent {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #FFFFFF;
}
.footer_nav, a, a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
}

li a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
}