/* ================================================================ 
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/slide_fly.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.
=================================================================== */

#menu {
	list-style-type:none;
	padding:0;
	margin:0;
	width:170px;
	z-index:100;
	float:left;
	height:250px;
	background:#C7CCE0;
}
#menu ul {list-style-type:none; padding:0; margin:0;}
#menu li {padding-bottom:4px; float:left; background:url(../../images/slide_0a.gif) no-repeat;}

#menu li.sub {background:url(../../images/slide_0a.gif) no-repeat;}

#menu li, #menu li a {
	display:block;
	color:#fff;
	font-family:arial, sans-serif;
	font-size:11px;
	line-height:21px;
	width:170px;
	text-decoration:none;
	cursor:pointer;
	font-weight:bold;
	text-align:center;
}

#menu table {border-collapse:collapse; padding:0; margin:0 -1px -1px;}

#menu ul,
#menu :hover ul ul,
#menu :hover ul :hover ul ul {padding-top:5px; position:absolute; left:-9999px; width:170px;}

#menu :hover {
	color:#ff0;
	background:url(../../images/slide_1a.gif) no-repeat;
	z-index:99;
	white-space:nowrap;
}

#menu :hover > a {color:#ff0; background:#fff url(../../images/slide_1a.gif) no-repeat; z-index:500; white-space:nowrap;}

#menu :hover ul {position:static; height:250px; margin-top:-1px; background:#45416b;}
#menu :hover ul :hover ul, 
#menu :hover ul :hover ul :hover ul {display:block; position:absolute; left:160px; top:0; height:auto; z-index:500; border:1px solid #fff;}

#menu :hover ul li, #menu :hover ul li a {background:#45416b; text-align:left; text-indent:10px; }
#menu :hover ul li.fly a {background: #45416b url(../../images/arrow.gif) no-repeat 150px center;}
#menu :hover ul :hover {background:#6A6AFF; position:relative; z-index:100;}
#menu a:hover ul li.fly a:hover {background:#6A6AFF url(../../images/arrow.gif) no-repeat 150px center; color:#ff0;}
#menu :hover ul li.fly:hover > a {background:#6A6AFF url(../../images/arrow.gif) no-repeat 150px center; color:#ff0;}

#menu :hover ul :hover ul li, 
#menu :hover ul :hover ul li a
{background:#45416B;}
#menu :hover ul :hover ul :hover ul li {background:#45416B; z-index:500;}

#menu :hover ul :hover ul li.fly a {background: #6A6AFF url(../../images/arrow.gif) no-repeat 150px center;}
#menu :hover ul :hover ul :hover {z-index:500; background:#6A6AFF; color:#ff0;}
#menu a:hover ul a:hover ul li.fly a:hover {background:#6A6AFF url(../../images/arrow.gif) no-repeat 150px center; color:#ff0;}
#menu :hover ul :hover ul li.fly:hover > a {background:#6A6AFF url(../../images/arrow.gif) no-repeat 150px center; color:#ff0;}

#menu :hover ul :hover ul :hover ul li, 
#menu :hover ul :hover ul :hover ul li a {background:#45416B;}

#menu :hover ul :hover ul :hover ul :hover {background:#6A6AFF; color:#ff0;}
#menu :hover ul :hover ul :hover ul :hover a {color:#ff0;}

.menu_text {float:left; width:500px; font: 11px verdana, arial, sans-serif; border:1px solid #000; height:358px;}
.menu_text img  {display:block;}
.menu_text p {margin:0; padding:5px 10px; line-height:15px;}