/* ================================================================ 
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_1, .menu_2, .menu_3 {
	z-index: 1000;
	margin: 0px 0px 0px 0px; /* this page only */
	font-size: 11px;
	font-family: verdana, arial, sans-serif;
	color: #fff;
	float: left;
}

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

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

/* position relative so that you can position the sub levels */
.menu_1 li, .menu_2 li, .menu_3 li {
	position: relative;
	background: #ecdfea;
	height: 26px;
}

/* ---------------------------------------------------------------------------------------------------- */
/* Menu 1 options																																												*/
/* ---------------------------------------------------------------------------------------------------- */

.menu_1_title { position: relative; background: #bf95b9; color: #fff; 	font-weight: bold;}

.menu_1 ul li a.menu_1_title:active { color: #ffffff; background: #bf95b9; }
.menu_1 ul li a.menu_1_title:hover { color: #ffffff; background: #eb772e; }

.menu_1 ul li a.sub_menu_1:link, .menu_1 ul li a.sub_menu_1:visited, .menu_1 ul li a.sub_menu_1:active {
	color: #814c79; 
	border-bottom: solid 1px #fff;
	width: 170px;
}

.menu_1 ul li a.sub_menu_1:hover {
	color: #ffffff;
	border-bottom: solid 1px #fff;
	width: 170px;
}

.menu_1 ul li a.sub_menu_1_flyout:link, .menu_1 ul li a.sub_menu_1_flyout:visited, .menu_1 ul li a.sub_menu_1_flyout:active {
	color: #ffffff;
	background: #d1b3cd; 
	border-bottom: solid 1px #fff;
	border-left: solid 1px #fff;
	border-right: solid 1px #fff;
	width:169px;
}

.menu_1 ul li a.sub_menu_1_flyout:hover { color: #fff; background: #bf95b9; }

/*.menu_1 :hover > a, .menu_1 :link > a, .menu_1 :link > a, .menu_1 :active > a { color: #fff; background: #ff00ff; }*/
.menu_1 :hover > a { color: #fff; background: #d1b3cd; }

/* ---------------------------------------------------------------------------------------------------- */
/* Menu 2 options																																												*/
/* ---------------------------------------------------------------------------------------------------- */

.menu_2_title { position: relative; background: #bf95b9; color: #fff; 	font-weight: bold;}

.menu_2 ul li a.menu_2_title:active { color: #ffffff; background: #bf95b9; }
.menu_2 ul li a.menu_2_title:hover { color: #ffffff; background: #eb772e; }

.menu_2 ul li a.sub_menu_2:link, .menu_2 ul li a.sub_menu_2:visited, .menu_2 ul li a.sub_menu_2:active {
	color: #814c79; 
	border-bottom: solid 1px #fff;
	width: 170px;
}

.menu_2 ul li a.sub_menu_2:hover {
	color: #ffffff;
	border-bottom: solid 1px #fff;
	width: 170px;
}

.menu_2 ul li a.sub_menu_2_flyout:link, .menu_2 ul li a.sub_menu_2_flyout:visited, .menu_2 ul li a.sub_menu_2_flyout:active {
	color: #ffffff;
	background: #d1b3cd; 
	border-bottom: solid 1px #fff;
	border-left: solid 1px #fff;
	border-right: solid 1px #fff;
	width:169px;
}

.menu_2 ul li a.sub_menu_2_flyout:hover { color: #fff; background: #bf95b9; }

/*.menu_2 :hover > a, .menu_2 :link > a, .menu_2 :link > a, .menu_2 :active > a { color: #fff; background: #ff00ff; }*/
.menu_2 :hover > a { color: #fff; background: #d1b3cd; }

/* ---------------------------------------------------------------------------------------------------- */
/* Menu 3 options																																												*/
/* ---------------------------------------------------------------------------------------------------- */

.menu_3_title { position: relative; background: #bf95b9; color: #fff; 	font-weight: bold;}

.menu_3 ul li a.menu_3_title:active { color: #ffffff; background: #bf95b9; }
.menu_3 ul li a.menu_3_title:hover { color: #ffffff; background: #eb772e; }

.menu_3 ul li a.sub_menu_3:link, .menu_3 ul li a.sub_menu_3:visited, .menu_3 ul li a.sub_menu_3:active {
	color: #814c79; 
	border-bottom: solid 1px #fff;
	width: 170px;
}

.menu_3 ul li a.sub_menu_3:hover {
	color: #ffffff;
	border-bottom: solid 1px #fff;
	width: 170px;
}

.menu_3 ul li a.sub_menu_3_flyout:link, .menu_3 ul li a.sub_menu_3_flyout:visited, .menu_3 ul li a.sub_menu_3_flyout:active {
	color: #ffffff;
	background: #d1b3cd; 
	border-bottom: solid 1px #fff;
	border-left: solid 1px #fff;
	border-right: solid 1px #fff;
	width:169px;
}

.menu_3 ul li a.sub_menu_3_flyout:hover { color: #fff; background: #bf95b9; }

/*.menu_3 :hover > a, .menu_3 :link > a, .menu_3 :link > a, .menu_3 :active > a { color: #fff; background: #ff00ff; }*/
.menu_3 :hover > a { color: #fff; background: #d1b3cd; }

/* ---------------------------------------------------------------------------------------------------- */
/* Other menu options																																										*/
/* ---------------------------------------------------------------------------------------------------- */

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

/* style the links */
.menu_1 a, .menu_1 a:visited, .menu_2 a, .menu_2 a:visited, .menu_3 a, .menu_3 a:visited {
	display: block; 
	text-decoration: none;
	height: 25px;
	line-height: 24px;
	width: 170px;
	text-indent: 5px;
	border-width: 0 1px 1px 0;
	border-bottom: 1px solid #fff;
}

/* style the link hover */
* html .menu_1 a:hover {color:#fff; background:#d1b3cd;}

/* style the link hover */
* html .menu_2 a:hover {color:#fff; background:#d1b3cd;}

/* style the link hover */
* html .menu_3 a:hover {color:#fff; background:#d1b3cd;}

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

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

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

/* ---------------------------------------------------------------------------------------------------- */
/* IE6 select box fix left menu																																					*/
/* ---------------------------------------------------------------------------------------------------- */

#menu_ul_1 iframe, #menu_ul_2 iframe, #menu_ul_3 iframe, #menu_ul_4 iframe, #menu_ul_5 iframe, #menu_ul_6 iframe {
	position: absolute; left: -9999px; border: 0; padding: 0; margin: 0; width: 0; height: 0; border-right :solid 0px #d1d1d1;
}

#menu_ul_1 a:hover ul iframe, #menu_ul_1 li a:hover ul a:hover ul iframe, #menu_ul_1 li a:hover ul a:hover ul a:hover ul iframe, #menu_ul_1 li a:hover ul a:hover ul a:hover ul a:hover ul iframe { left:-9999px; }
#menu_ul_2 a:hover ul iframe, #menu_ul_2 li a:hover ul a:hover ul iframe, #menu_ul_2 li a:hover ul a:hover ul a:hover ul iframe, #menu_ul_2 li a:hover ul a:hover ul a:hover ul a:hover ul iframe { left:-9999px; }
#menu_ul_3 a:hover ul iframe, #menu_ul_3 li a:hover ul a:hover ul iframe, #menu_ul_3 li a:hover ul a:hover ul a:hover ul iframe, #menu_ul_3 li a:hover ul a:hover ul a:hover ul a:hover ul iframe { left:-9999px; }

#menu_ul_1 a:hover iframe, #menu_ul_2 a:hover iframe, #menu_ul_3 a:hover iframe {left:170px; top:-1px;}

#menu_ul_1 a:hover a:hover iframe, #menu_ul_1 a:hover a:hover a:hover iframe, #menu_ul_1 a:hover a:hover a:hover a:hover iframe {left:170px; top:-1px;}
#menu_ul_2 a:hover a:hover iframe, #menu_ul_2 a:hover a:hover a:hover iframe, #menu_ul_2 a:hover a:hover a:hover a:hover iframe {left:170px; top:-1px;}
#menu_ul_3 a:hover a:hover iframe, #menu_ul_3 a:hover a:hover a:hover iframe, #menu_ul_3 a:hover a:hover a:hover a:hover iframe {left:170px; top:-1px;}