/* ---------------------------------------------------------------------------------- */
/* CSS Document - last updated: 31/02/2008																						*/

/* Market Harborough																																	*/
/* Author: Webnetism (www.webnetism.co.uk)																						*/

/* market_harborough.css																															*/
/* Media: screen																																			*/
/* ---------------------------------------------------------------------------------- */

/* ================================================================ 
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/flyout2.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

.menu_white_13 {
	font-size: 12px;
	font-family: arial, verdana, sans-serif;
	color: #fff;
	font-weight: normal;
}

.menu {
	z-index: 1000;
	font-size: 90%;
	margin: 0px 0 0px 0px; /* this page only */
	width: 190px;
}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul { 
	padding:0;
	margin: 0;
	list-style-type: none;
	width: 190px;
	font-size: 11px;
	font-family: arial, verdana, sans-serif;
	color: #fff;
	font-weight: normal;
	float: left;
}

/* hack for IE5.5 */
* html .menu ul { margin-left:-16px; ma\rgin-left:0; }

/* position relative so that you can position the sub levels */
.menu li {
	position: relative;
	height: auto;
}

/* position relative so that you can position the sub levels */
* html .menu li {
	position: relative;
	height: 26px;
	width: 175px;
}

/* get rid of the table */
.menu table { position: absolute; border-collapse: collapse; top: 0; left: 0; z-index: 100; font-size:1em;}

/* style the links */
.menu a, .menu a:visited {
	display:block;
	text-decoration:none;
	height:100%;
/*	line-height:20px;*/
	width:175px;
	color:#fff;
/*	text-indent:15px;*/
	padding: 5px 0px 5px 15px;
	border:1px solid #fff;
	border-width:0 1px 1px 0;
}

/* style the links */
*html .menu a, *html .menu a:visited {
	display:block;
	text-decoration:none;
	height:15px;
	line-height:15px;
	width:175px;
	color:#fff;
/*	text-indent:15px;*/
	padding: 5px 0px 5px 15px;
	border:1px solid #fff;
	border-width:0 1px 1px 0;
}

/* hack for IE5.5 */
* html .menu a, * html .menu a:visited { width:175px; w\idth:175px; border-right: 0px solid #8d8d8d; }
/* IE6 - Sets the background colour of the second tier */
* html .menu ul ul li a, * html .menu ul ul li a:visited { width:175px; w\idth:175px; border-right: 0px solid #8d8d8d;}

/* style the link hover */
* html .menu a:hover {color:#fff; background:#aa1d41; border-left: solid 1px #fff; width: 175px; padding-left: 14px; }
/* IE6 - Sets the border properties for the second and third tier */
* html .menu a:hover li { border-left: solid 1px #fff; width: 175px; }

.menu :hover > a {
	color:#fff; 
	background:#aa1d41;
	border-left: 1px solid #fff;
	width: 175px;
	padding-left: 14px;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
	visibility:hidden;
	position:absolute;
	top:-1px;
	left:190px; 
}

/* IE6 - hide the sub levels and give them a positon absolute so that they take up no room */
*html .menu ul ul {
	visibility:hidden;
	position:absolute;
	top:-1px;
	left:190px;
}

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

/* keep the fourth level hidden when you hover on second level list OR link */
.menu ul :hover 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; }

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

.top_menu_border { border-top: solid 1px #fff;  }

/* IE6 Set the right borders for the second and third tier */
*html .right_menu_border { border-left: solid 1px #fff; border-right: solid 1px #fff; /*background-color: #ff0000*/ }

/* IE6 - Set second tier properties */
*html .menu ul li :hover ul li :hover{
	background-color:#aa1d41;
	border-left: solid 0px #fff;
	width: 175px; padding-left: 15px;
}

/* Set second tier properties */
.menu ul ul li ul li :hover {
	background-color:#aa1d41;
	border-left: solid 0px #fff;
	width: 175px;
}

/* Set third tier properties */
.menu ul ul ul li :hover {
	background-color:#00ff00;
	border-left: solid 0px #fff;
	padding-left: 15px;
	width: 175px;
}

/* Set second tier background colour */
.menu ul ul li  {
	background-color:#a47cc9;
	border-left: solid 1px #fff;
	width: 190px;
}

/* Set second tier properties */
.menu ul ul a:hover{ color:#fff; background:#aa1d41; }
.menu ul ul :hover > a { color:#fff; background:#aa1d41; border-left: solid 1px #fff; padding-left: 15px; width: 175px; left: -1px; position:relative}

/* Set third tier properties */
.menu ul ul ul :hover > a { color:#fff; background:#0000ff; padding-left: 15px; width: 176px; left: 0px; position:relative; }