/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menu/pro_images.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.
=================================================================== */
.preload1 {background: url(../images/blank_over.jpg);}
.preload2 {background: url(../images/blank_overa.gif);}
/* overall menu */
.menu2 {
	text-align:left;
	list-style:none;
	z-index:0;
	font-family:arial, verdana, sans-serif;
	width: 150px;
	border: none;
	background-color: #666666;
	padding-top: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-right: 0px;
	float: left;
	position: relative;
	hieght: 700px;
	margin: 0px 0px 0px 0px;
}
/* top level menu line items */
.menu2 li.top {
	/*display:block;*/
	background-color: #666666;
	width: 145px;
	hieght: 24px;
	/*float: none;*/
	background-image: none;
	background-repeat: no-repeat;
	/*clear: none;*/
	margin: 2px 0px 0px 2px;
	padding: 0px 0px 0px 0px;
	border: none;
	list-style-type: none;
	position: relative;
	visibility: visible;
	/*z-index: 0;*/
	overflow:hidden;
}

/* top level menu items - link attributes */
.menu2 li a.top_link {
	display:block;
	hieght:24px;
	line-height:27px;
	color:#FFFFFF;
	text-decoration:none;
	font-size:11px;
	font-weight:bold;
	cursor:pointer;
	background: #666666;
	width: 147px;
	margin: 0px;
	padding: 0px;
	z-index: 0;
}

/* set the top level menu item looks - for menus with no chidren*/
.menu2 li a.top_link span {
	display:block;
	background:#666666 url(../images/blank.jpg) no-repeat right top;
	width: 134px;
	text-align: left;
	hieght: 29px;
	/*float: left;
	clear: both;*/
	padding-left: 12px;
	z-index: 0;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}

/* set the top level menu item looks - for menus WITH chidren*/
.menu2 li a.top_link span.down {
	display:block;
	background:#666666 url(../images/blanka.jpg) no-repeat right top;
	width: 134px;
	hieght: 29px;
	/*clear: none;*/
	border: none;
	list-style-type: none;
	position: relative;
	z-index: 0;
}
/* what to look like when mouseover */
.menu2 li a.top_link:hover {color:#fff; background: no-repeat;}
.menu2 li a.top_link:hover span {background:url(../images/blank_over.jpg) no-repeat right top;}
.menu2 li a.top_link:hover span.down {background:url(../images/blank_overa.gif) no-repeat right top;}

/*.menu2 li:hover > a.top_link {color:#fff; background: #666666 url(../images/blank_over.jpg) no-repeat;}*/
.menu2 li:hover > a.top_link {color:#fff;}
.menu2 li:hover > a.top_link span {background:url(../images/blank_over.jpg) no-repeat right top;}
.menu2 li:hover > a.top_link span.down {background:url(../images/blank_overa.gif) no-repeat right top;}

/* underlying menu table structure */
.menu2 table {border-collapse:collapse; width:0; hieght:0; position:absolute; top:0;}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

/* when hover over a link make it visible */
.menu2 a:hover {visibility:visible; position:relative;}
.menu2 li:hover {overflow:visible;}

/* keep the 'next' level invisible by placing it off screen. */
.menu2 ul, 
.menu2 :hover ul ul, 
.menu2 :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9000px; top:-9000px; width:0px; hieght:200px; margin:0; padding:0; list-style:none;}

/*1st sub menu popups */
.menu2 :hover ul.sub {
	position:absolute;
	left:50px;
	top:25px;
	background: #fff;
	padding:0px;
	border:1px solid #000000;
	white-space:nowrap;
	width:250px;
	/*hieght:0px;*/
	z-index:5;
	/*float: left;*/
	overflow: hidden;
}
.menu2 :hover ul.sub li {
	display:block;
	hieght:20px;
	position:relative;
	float:left;
	width:250px;
	font-weight:normal;
	overflow: hidden;
	z-index:2010;
}

.menu2 :hover ul.sub li a {display:block; font-size:11px; hieght:20px; width:250px; line-height:20px; text-indent:5px; color:#000; text-decoration:none;}
.menu2 :hover ul.sub li a.fly {background:#fff url(../images/arrow.gif) 80px 7px no-repeat;}
.menu2 :hover ul.sub li a:hover {background:#666666; color:#fff;}
.menu2 :hover ul.sub li a.fly:hover {background:#3a93d2 url(../images/arrow_over.gif) 80px 7px no-repeat; color:#fff;}
.menu2 :hover ul li:hover > a.fly {background:#3a93d2 url(../images/arrow_over.gif) 80px 7px no-repeat; color:#fff;} 


/* next sub levels */
.menu2 :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul :hover ul
{
	left:10px;
	top:0px;
	background: #fff url(none) no-repeat;
	border:1px solid #3a93d2;
	white-space:nowrap;
	width:100px;
	z-index:7000;
	hieght:auto;
	position: relative;
	text-align: left;
	float: left;
	right: 0px;
	bottom: 0px;
	visibility: visible;
}