/* Begin CSS Drop Down Menu  CycleClubKingston */

/*http://sperling.com/examples/menuh/*/

/* The import things to realize here are:

   1. The csshover.htc code coupled with the sniffer code makes IE act as it should. If it were not for those pieces of code, IE would just sit there.
   2. This technique works for all browsers EXCEPT for IE 5.23 and below. These outdated browsers don't even recognize Microsoft's embedded commands.
   3. The position of the menu is dependant upon the "menu-container" rule in the css document. Change the top and left values and the placement of the menu will adjust accordingly.
     
   4. The only other things you may want to change are the colors of the menu. In this example, the background is RoyalBlue and the mouse-over state is CornFlowerBlue. As such, the colors are pretty obvious to identify and change.
   
This technique validates under both HTML 4.01 and CSS. 
*/


/* ************************************************************************************/

/* Begin CSS Drop Down Menu */

#menuh-container
	{
	position: absolute;		
	top: 115px;
	left: 480px;
	background-image: url(../img/navmain_r.gif);
	background-repeat: no-repeat;
	background-position: top right;
	padding: 0px 18px 0px 0px;
	}

#menuh
	{
	font-size: 12px;
	font-family: Avenir, Verdana, Geneva, sans-serif;
	font-weight:bold;
	text-transform: uppercase;
	width:100%;
	float:left;
	margin: 0px 0px 0px 0px;
	background-image: url(../img/navmain_l.gif);
	background-repeat: no-repeat;
	background-position:0px 0px;
	padding: 0px 0px 0px 18px;
	
	}
		
#menuh a
	{
	text-align: center;
	display:block;
	color: #ffffff;
	white-space:nowrap;
	margin: 0px 0px 0px 0px;
	padding: 10px 15px 6px 15px;
	text-decoration:none;
	
	}
	
#menuh a:link, #menuh a:visited, #menuh a:active	/* menu at rest */
	{
	color: #ffffff;
	
	text-decoration:none;
	}
	
#menuh a.top_parent {	border-right: 1px solid #878785;	}

#menuh a.top_parent_last {	border:none;	}

#menuh a.top_parent:link, #menuh a.top_parent:visited, #menuh a.top_parent_last:link, #menuh a.top_parent_last:visited
	{
	background-image: url(../img/navmain_bckgr.gif);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	}
#menuh a.top_parent:hover, #menuh a.top_parent_last:hover  
	{
	background-image: url(../img/navmain_bckgr_o.gif);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	}	

#menuh ul
	{
	list-style:none;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	float:left;
	/*width:9em;	/* width of all menu boxes */
	/* NOTE: For adjustable menu boxes you can comment out the above width rule.
	However, you will have to add padding in the "#menh a" rule so that the menu boxes
	will have space on either side of the text -- try it */
	}

#menuh li
	{
	position:relative;
	min-height: 1px;		/* Sophie Dennis contribution for IE7 */
	vertical-align: bottom;		/* Sophie Dennis contribution for IE7 */
	}

/*
#menuh a.parent, #menuh a.parent:hover 	
	{
	background-image: url(nav_white.gif);
	background-position: right center;
	background-repeat: no-repeat;
	}

#menuh ul ul
	{
	position:absolute;
	z-index:500;
	top:auto;
	display:none;
	padding: 1em;
	margin:-1em 0 0 -1em;
	}

#menuh ul ul ul
	{
	top:0;
	left:100%;
	}
*/
div#menuh li:hover
	{
	cursor:pointer;
	z-index:100;
	}

div#menuh li:hover ul ul,
div#menuh li li:hover ul ul,
div#menuh li li li:hover ul ul,
div#menuh li li li li:hover ul ul
{display:none;}

div#menuh li:hover ul,
div#menuh li li:hover ul,
div#menuh li li li:hover ul,
div#menuh li li li li:hover ul
{display:block;}

/* End CSS Drop Down Menu */