/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2008 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

#menu a.phone	{
		margin-left:60px;
		color:#e79e03;
}

#menu a.email	{
		color:#e79e03;
}

#leaderimg {
		float:left;
		width:215px;
		padding-left:25px;
		padding-top:5px;
}

#menu {
		height:25px; 
		z-index:1;
		font-family:Helvetica, Arial, sans-serif;}

/* remove all the bullets, borders and padding from the default list styling */
#menu ul {
		padding:0;
		margin:0;
		list-style-type:none;
}

#menu ul ul {
}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
#menu li {
		float:left;
		position:relative;
}

/* style the links for the top level */
#menu a, #menu a:visited {
		display:block;
		font-size:11px;
		text-decoration:none; 
		color:#888888; 
		height:22px; 
		padding-left:10px; 
		padding-right:10px;
		line-height:20px;
		font-family:Helvetica, Arial, sans-serif;}
		
/* style the second level background */
#menu ul ul a.drop, #menu ul ul a.drop:visited {
		background:#222222 130px center;
}

/* style the second level hover */
#menu ul ul a.drop:hover{
		background:#888888 144px center;
		color:#e79e03;
}

#menu ul ul :hover > a.drop {
		background:#888888 center;
		color:#e79e03;
}

/* style the third level background */
#menu ul ul ul a, #menu ul ul ul a:visited {
		background:#222222;
}

/* style the third level hover */
#menu ul ul ul a:hover {
		background:#888888;
		color:#e79e03;
}



/* hide the sub levels and give them a positon absolute so that they take up no room */
#menu ul ul {
		visibility:hidden;
		position:absolute;
		height:0;
		top:22px;
		left:0; 
		width:149px;
}

/* position the third level flyout menu */
#menu ul ul ul{
		left:149px; 
		top:-1px; 
		width:149px;
}

/* position the third level flyout menu for a left flyout */
#menu ul ul ul.left {
		left:-149px;
}



/* style the table so that it takes no ppart in the layout - required for IE to work */
#menu table {
		position:absolute; 
		top:0; 
		left:0; 
		border-collapse:collapse;
}

/* style the second level links */
#menu ul ul a, #menu ul ul a:visited {
		background:#000; 
		color:#888888; 
		height:auto; 
		line-height:1em; 
		padding:5px 10px; 
		width:128px;
		font-family:Helvetica, Arial, sans-serif;text-decoration:none;
}

/* yet another hack for IE5.5 */
* html #menu ul ul a, * html #menu ul ul a:visited {
		width:150px;
		w\idth:128px;
}



/* style the top level hover */
#menu a:hover, #menu ul ul a:hover{
		color:#e79e03;
		background:#111111;
}

#menu :hover > a, #menu ul ul :hover > a {
		color:#e79e03;
		background:#111111;
}



/* make the second level visible when hover on first level list OR link */
#menu ul li:hover ul,
#menu ul a:hover ul{
		visibility:visible; 
}

/* keep the third level hidden when you hover on first level list OR link */
#menu ul :hover ul ul{
		visibility:hidden;
}

/* make the third level visible when you hover over second level list OR link */
#menu ul :hover ul :hover ul{ 
		visibility:visible;
}