/* */
/* MENU */
/* */
/* ================================================================ 
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_drop3.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* style the outer div to give it width */
.dd_menu { width:765px; margin-left:20px;}

/* remove all the bullets, borders and padding from the default list styling */
.dd_menu ul {
	padding:0px;
	margin:0px;
	list-style-type:none;
	font-family:"Times New Roman", Times, serif;
}

/* style the sub-level lists */
.dd_menu ul ul {
	width:135px;
	height:135px;
	background:url(../img/subMenuTop_bg.png) top left repeat-y;
	_background:none;
	margin:0px;
	padding:0px 0px 35px 0px;
}

/* style the table so that it takes no part in the layout - required for IE to work */
.dd_menu table {position:absolute; left:0; z-index:-1; top:15px;}
.dd_menu ul ul table {position:absolute; left:0; z-index:-1; top:0px;}

.dd_menu li:hover {position:relative;}
* html .dd_menu a:hover {position:relative;}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.dd_menu ul ul {visibility:hidden;position:absolute;height:0;left:0;width:14em;}

/* make the second level visible when hover on first level list OR link */
.dd_menu ul li:hover ul, .dd_menu ul a:hover ul {visibility:visible; height:auto;}





/* style the links for the top level */
.dd_menu a,
.dd_menu a:visited {
	display:block;
	font-size:11px;
	height:16px;
	text-decoration:none;
	text-transform:uppercase;
	color:#846B36;
	padding:2px 0px 0px 0px; 
	margin:0px;
	background:url(../img/menuTop_bg.png) top right no-repeat;
	_background:none;
	_background-color:#CAC4B8;
}

/* float the top list items to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.dd_menu ul li {
	float:left;
	height:18px; 
	text-align:center; 
	width:91px; 
}
.dd_menu ul ul li {
	display:block;
	width:91px;
	position:relative;
	padding:0px;
	margin:0px;
	text-align:left;
}
.dd_menu ul ul a, 
.dd_menu ul ul a:visited {
	display:block;
	background:none;
	text-transform:none;
	font-size:11px;
	font-weight:normal;
	color:#3A3935;
	width:125px; padding-left:10px;
}

.dd_menu ul li {
	background: url(../img/menuTop_bg.png) top right no-repeat;
	_background:none;
	_background-color:#CAC4B8;

}


/* style the level hovers */
/* first */
.dd_menu ul li a:hover {
	background:url(../img/menuTop_bg.png) top left no-repeat;
	_background:none;
	_background-color:#DAC69C;
}

.dd_menu :hover > a {
	background:url(../img/menuTop_bg.png) top left no-repeat;
	_background:none;
	_background-color:#DAC69C;
}

/* style the sub level list items */
.dd_menu ul ul li {
	width:135px;
	padding:0px;
	background:url(../img/subMenuTop_hover.png) top left no-repeat;
	_background:none;
	_background-color:#BAAA7D;
}

/* style the sub level links */

/* second */
.dd_menu ul ul li a:hover{background:url(../img/subMenuTop_hover.png) top right no-repeat; _background:none; _background-color:#E5DAB6;}
.dd_menu ul ul :hover > a {background:url(../img/subMenuTop_hover.png) top right no-repeat; _background:none; _background-color:#E5DAB6;}


/* style the third level background */
.dd_menu ul ul ul a, .menu ul ul ul a:visited {background:url(../img/subMenuTop_hover.png) top left no-repeat;
	_background:none;
	_background-color:#BAAA7D;}

/* third */
.dd_menu ul ul ul a:hover {background:url(../img/subMenuTop_hover.png) top right no-repeat; _background:none; _background-color:#E5DAB6;}
.dd_menu ul ul ul :hover > a {background:url(../img/subMenuTop_hover.png) top right no-repeat; _background:none; _background-color:#E5DAB6;}

/* position the third level flyout menu */
.dd_menu ul ul ul{left:135px;top:0;width:135px; padding:0px 0px 0px 0px;}

/* keep the third level hidden when you hover on first level list OR link */
.dd_menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.dd_menu ul :hover ul :hover ul{visibility:visible;}