/* Begin CSS Drop Down Menu  Anne RILEY */

/*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. 
*/


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

#menuh-container	{
	position: absolute;		
	top: 0px;
	left: 0px;
	width:731px;
	height: 27px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.hp #menuh-container	{
	position: absolute;		
	top: 115px;
	left: 0px;
	width:731px;
	height: 27px;
		margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#menuh	{
	font-size: 11px;
	font-family: futura, helvetica, arial, sans-serif;
	font-weight:lighter;
	
	background-color: #6a6a6a;
	letter-spacing: 1.04px;
	width:100%;
	float:left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

	
#menuh a	{
	text-align: center;
	display:block;
	white-space:nowrap;
}
	
#menuh a:link, #menuh a:visited, #menuh a:active	/* menu at rest - this is the drop down items - 2nd level*/	{
	color: #ffffff;
	text-decoration:none;
}

#menuh ul ul	{
	background-color:#4a4a4a;	
}

#menuh ul ul a:link, #menuh ul ul a:visited	{
	text-align:left;
	margin: 0px 0px 0px 0px;
	padding: 0px 10px 5px 40px;
	font-family: futura, helvetica, arial, sans-serif;
	font-weight:lighter;
}	

#menuh ul ul a:hover	/* menu at mouse-over  */	{
	color: #ed1c24;
	text-decoration:none;
	font-weight:lighter;
}

#menuh a.top_parent  /* this is the top level nav */	{
	color: white;
	text-decoration:none;
	margin: 0px 0px 0px 0px;
	padding: 8px 0px 0px 0px; /* left and right padding of 7 extends gray bar from left to right - however hoever is off then */
	width:146px;
	text-transform: uppercase;
	background-color: #6a6a6a;
	height: 19px;
	
}

#menuh a.top_parent_last  /* this is the top level nav */	{
	color: white;
	text-decoration:none;
	margin: 0px 0px 0px 0px;
	padding: 8px 0px 0px 0px; /* left and right padding of 7 extends gray bar from left to right - however hoever is off then */
	width:152px;
	background-color: #6a6a6a;
	height: 19px;
	text-transform: uppercase;
}

#menuh a.top_parent:hover, #menuh a.top_parent_last:hover  /* this is the top level nav */	{
	color: white;
	text-decoration:none;
	background-image: url(../images/bckg_mainnav.jpg);
	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 */
	width:145px;
	display:inline-block;
}

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

#menuh ul ul	{
	position:absolute;
	z-index:500;
	top:auto;
	left:0;
	display:none;
	padding: 0px 0px 10px 0px;
	margin: 0px 0px 0px 0px;
	width:196px;	
}

#menuh ul ul img	{
	padding: 0px 0px 10px 0px;
	margin: 0px 0px 0px 0px;
}





#menuh ul.marketing ul a:hover {	color:#6dcff6; 		}
#menuh ul.properties ul a:hover {	color:#a1a1a1; 		}

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 */