/* author: JHM Designs (www.jhmdesigns.com) */
/* Creation date: 02-06-2006 */
/* styled http://www.alistapart.com/articles/horizdropdowns/  */

#nav_container *
	{
	z-index: 20;
	}

#nav_container
	{
	padding-top: 20px;
	text-align: center;
	}

#nav_container #nav
	{
	text-align: left;
	}

#nav, #nav ul /* all menus and submenus */
	{
	margin: 0;
	padding: 0;
	list-style: none;
	}

#nav
	{
	width: 150px; 
	margin: 0 auto;
	}

* html #nav
	{
	margin: 0;
	}

#nav li ul /* all submenus */
	{
	position: absolute;
	left: 149px;
	top: 0;
	display: none;
	width: 180px;
	}
	
#nav li
	{
	position: relative;  /* allow absolute positioning of a submenu against this element's coordinates */
	background: #4f2162;  /* this is overritten in #nav_container */
	}
	
#nav_container a  /* link in any menu or submenu */
	{
	display: block;
	text-decoration: none;
	font-weight: bold; 
	font-family: Verdana, Arial, sans-serif; 
	font-size: 15px; /*  font size has impact on width of flyout */
	color: #fff;  
	padding: 5px;
	border: 0px solid #ccc; 
	border-bottom: 0;
	}

#nav_container ul ul li /* submenu default background */
	{
	background-color: #7c339b; /* this is overritten */ 
	width: 210px;  /* note this was added to give enough width to the submenu item "Comments and Questions" so that all submenus would have the same width */
	}
	
/* Fix IE. Hide from IE Mac \*/
* html #nav_container ul li { float: left; }
* html #nav_container ul li a { height: 1%; }
/* End */

#nav li:hover ul,
#nav li.sfhover ul
	{ 
	display: block;
	}

#nav li:hover,
#nav li.sfhover
	{ 
	background-color: #7c339b;
	}

#nav a:hover
	{
text-decoration: underline;
	}

#nav ul li:hover,  /* submenu */
#nav ul li.sfhover
	{
	background-color: #c28cd7; /* background color of hover on submenu */
	}

/* intermediate page navigation */	
a.readmore	
	{
	font-size: 0.8em;
	}

/* Wouldn't work in IE anyway, so hardcoded into HTML
	a.readmore::after
	{
		content: "...";
	}