/* ================================================================ 
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 {
	background-color:transparent;
	width:100%;
	float:left;
	position:relative;
	z-index:19999;
	margin-top:0px;
	margin-left:0px;
}
/* hack to correct IE5.5 faulty box model */
* html .menu {width:944px; w\idth:943px;}
/* 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 {width:149px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {
	float:left;
	width:149px; 
	width:auto; 
	position:relative;
}
/* style the links for the top level */
.menu ul li a {
	display:block;
	float:left;
	font-size:1.3em;
	letter-spacing:	0px;
	text-decoration:none;
	height:30px;
	border:0px solid #666;
	border-bottom:1px solid transparent;
	border-width:0px 0px 1px 0px;
	background-color:transparent;
	padding:0px 10px 0 10px;
	line-height:31px;
	text-transform:none;
	color:#111;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight:normal;
}
.menu ul li ul li a {
	font-size:115%;
	border-color:#B9B9B9;
	text-transform:none;
}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#FFF url(http://www.cssplay.co.uk/menus/breadcrumbs/grey-arrow.gif) no-repeat right center;}
/* style the second level hover */
.menu ul ul a.drop:hover{background:#000 url(http://www.cssplay.co.uk/menus/breadcrumbs/blue-arrow.gif) no-repeat right center;}
.menu ul ul :hover > a.drop {background:#000 url(http://www.cssplay.co.uk/menus/breadcrumbs/blue-arrow.gif) no-repeat right center;}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background-color:#DBE3E6; color:#111; margin-left:4px; margin-top:0px; margin-top:0px; border-top:1px solid #B9B9B9; margin-bottom:-1px;}
/* style the third level hover */
.menu ul ul ul a:hover {background-color:#3A1961; color:#fff;margin-top:0px; border-top:1px solid #CCC; margin-bottom:-1px;}


/* 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:31px;left:0; width:179px;border-top:0px solid #DBE3E6;}
/* another hack for IE5.5 */
* html .menu ul ul {top:30px;t\op:31px;}

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

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

/* style the table so that it takes no ppart in the layout - requi#DBE3E6 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-color:#DBE3E6;
	background-image:none;
	color:#111;
	height:auto; 
	line-height:1em; 
	padding:7px 10px 7px; 
	width:162px;      /* dwz this must be offset by something, somewhere */
	border-width:0 1px 1px 1px;
}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:180px;w\idth:166px;}  /* dwz this must be offset by something, somewhere */

/* style the top level hover */
.menu a:hover {
	background:#3A1961;
	background:url(images/menu-arrow.gif) bottom center no-repeat;
	background-color:transparent;
	color:#fff;
} 
.menu ul ul a:hover  {
	color:#fff; 
	background-color:#3A1961;
	border-width:0 1px 1px 1px;
}
.menu :hover > a {
	background:url(images/menu-arrow.gif) bottom center no-repeat;
	background-color:transparent;
	color:#8E1808;
}
.menu ul ul :hover > a {
	color:#FFF; 
	background-color:#3A1961;
	background-image:url(images/bg-ul-ul-hover.jpgxxx);
	background-repeat:no-repeat;
}
/* 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;
}
/* 
For WordPress 
*/
.menu ul li.current_page_item > a {
	/*text-decoration:underline;*/
	color:#8E1808;
	background:url(images/menu-arrow.gif) bottom center no-repeat;
}
/* ========================== TEST +++++++++++++++++ */
.menu ul li.current_page_item :hover > a {
	color:#FFF;  /* Keeps the first submenu <a> the correct color when hovering over the second submenu  */
}
/* ========================== TEST +++++++++++++++++ */
/* Keep current page image off of the submenu links */
.menu ul li.current_page_item ul li a {
	text-decoration:none;
	color:#111;
}
/* Keep current page image off of the submenu links */
.menu ul li.current_page_item ul li a:hover {
	color:#FFF;
	background-color:#3A1961;
}
/* First drop down current_page_item */
.menu ul ul li.current_page_item > a {
	color:#111; 
	background-color:#DBE3E6;
}
.menu ul li.current_page_item ul li ul li a {
	color:#111;
	background-color:#DBE3E6;
}
.menu ul li.current_page_item ul li ul li a:hover {
	color:#fafafa;
	background-color:#3A1961;
}
/* End For WordPress */
/* Trying to style the second level to indicate a third level child link */
.show-arrow {
	color:#DBE3E6;
}
/* End - Trying to style the second level to indicate a third level child link */