@charset "utf-8";
/* CSS Document */


/* ================================================================ 
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/hover-select.html
Copyright (c) 2005-2010 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
 #holder-general {width:715px; height:265px; position:relative; float: left; font-family:arial, sans-serif; z-index:100;}
#holder {width:715px; height:265px; position:relative; float: left; font-family:arial, sans-serif; z-index:100;}
#holder table {border-collapse:collapse; margin:-0px;}
#holder ul {float:left; padding:0; margin:0; list-style:none;}
#holder ul.sub {margin-bottom:-4px;}
#menuOuter li a.lv1-a {zoom:1;}
#menuOuter li a.lv1-a:hover {direction:ltr;}
 
#holder ul.sub {float:left;}
#holder ul.sub ul {position:absolute; left:-9999px; top:190px;}
#holder ul.sub li.sub-li a img {display:block; position:absolute; left:-9999px; border:0; height:190px; width:715px;}
 
#holder ul.sub li.sub-li {display:block; float:left; width:143px; height:190px;}
#holder ul.sub li.sub-li a {
	margin-top:166px;
	width:110px;
	display:block;
	padding-bottom: 0px;
	height:24px;
	line-height:20px;
	color:#fff;
	text-decoration:none;
	font-family: arial narrow, sans-serif;
	font-size:13px;
	font-weight: bold;
	padding-right: 17px;
	padding-left: 17px;
}
#holder ul.sub li.sub-li a.a1 {background:#534c92;}
#holder ul.sub li.sub-li a.a2 {background:#9c517c;}
#holder ul.sub li.sub-li a.a3 {background:#b67028;}
#holder ul.sub li.sub-li a.a4 {background:#99a040;}
#holder ul.sub li.sub-li a.a5 {background:#4d935f;}
 
#menuOuter li:hover ul.sub li.current a {margin-top:166px; height:24px;}
#menuOuter li:hover ul.sub li.current ul {left:-9999px;}
#menuOuter li:hover ul.sub li.current a img {left:-9999px;}
 
#menuOuter a:hover ul.sub li.current a {margin-top:166px; height:24px;}
#menuOuter a:hover ul.sub li.current ul {left:-9999px;}
#menuOuter a:hover ul.sub li.current a img {left:-9999px;}
 
#holder ul.sub li.sub-li:hover > a {margin-top:0; height:265px;}
#holder ul.sub li.sub-li a:hover {margin-top:0; height:265px;	padding-bottom: 0px;}
 
#holder ul.sub li.current a {margin-top:0; height:265px;}
#holder ul.sub li.current a.a1 img {left:0; top:0; z-index:-1;}
#holder ul.sub li.current a.a2 img {left:-143px; top:0; z-index:-1;}
#holder ul.sub li.current a.a3 img {left:-286px; top:0; z-index:-1;}
#holder ul.sub li.current a.a4 img {left:-429px; top:0; z-index:-1;}
#holder ul.sub li.current a.a5 img {left:-572px; top:0; z-index:-1;}
 
#menuOuter li:hover ul.sub li.current:hover a {margin-top:0; height:260px;}
#menuOuter li:hover ul.sub li.current:hover ul {left:0;}
#menuOuter li:hover ul.sub li.current:hover ul li {float:left; height:15px; padding:0; margin:0;}
#menuOuter li:hover ul.sub li.current:hover ul li a {height:15px; line-height:15px; margin:0; padding:0 20px;}
#menuOuter li:hover ul.sub li.current:hover ul li a:hover {height:15px; line-height:15px; margin:0; padding:0 20px; text-decoration:none; font-weight: bold;}
 
#menuOuter a:hover ul.sub li.current a:hover {margin-top:0; height:260px;}
#menuOuter a:hover ul.sub li.current a:hover ul {left:0;}
#menuOuter a:hover ul.sub li.current a:hover ul li {float:left; height:15px; padding:0; margin:0;}
#menuOuter a:hover ul.sub li.current a:hover ul li a {
	height:15px;
	line-height:15px;
	margin:0;
	padding-top: 0;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}
#menuOuter a:hover ul.sub li.current a:hover ul li a:hover {height:15px; line-height:15px; margin:0; padding:0 20px; text-decoration:none;}
 
 
#holder ul.sub li {position:relative;}
 
#holder ul.sub li.sub-li:hover ul {left:0; width:130px;}
#holder ul.sub li.sub-li:hover ul li {float:left; height:15px; padding:0; margin:0; padding-bottom:0px;}
#holder ul.sub li.sub-li:hover ul li a {
	height:15px;
	line-height:15px;
	margin:0;
	font-size:11px;
	color: #FFFFFF;
	padding-top: 0;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}
#holder ul.sub li.sub-li:hover ul li a:hover {
	height:15px;
	line-height:15px;
	margin:0;
	text-decoration:none;
	color: #FFFF99;
	padding-top: 0;
	padding-right: 20px;
	padding-left: 20px;
		padding-bottom: 20px;
}
#holder ul.sub li.sub-li:hover a.a1 img {left:0; top:0; z-index:-1;}
#holder ul.sub li.sub-li:hover a.a2 img {left:-143px; top:0; z-index:-1;}
#holder ul.sub li.sub-li:hover a.a3 img {left:-286px; top:0; z-index:-1;}
#holder ul.sub li.sub-li:hover a.a4 img {left:-429px; top:0; z-index:-1;}
#holder ul.sub li.sub-li:hover a.a5 img {left:-572px; top:0; z-index:-1;}
#holder ul.sub li.sub-li a:hover ul {left:0; width:130px;}
#holder ul.sub li.sub-li a:hover ul li {float:left; height:15px; padding:0; margin:0;}
#holder ul.sub li.sub-li a:hover ul li a {
	height:15px;
	line-height:15px;
	margin:0;
	padding:0 20px;
	font-size:11px;
	color: #FFFF99;
	font-weight: bold;
	text-decoration:none;

}
#holder ul.sub li.sub-li a:hover ul li a:hover {
	height:15px;
	line-height:15px;
	margin:0;
	padding:0 20px;
	text-decoration:none;
	font-weight: bold;
	color: #FFFF99;
}
#holder ul.sub li.sub-li a.a1:hover img {left:0; top:0; z-index:-1;}
#holder ul.sub li.sub-li a.a2:hover img {left:-143px; top:0; z-index:-1;}
#holder ul.sub li.sub-li a.a3:hover img {left:-286px; top:0; z-index:-1;}
#holder ul.sub li.sub-li a.a4:hover img {left:-429px; top:0; z-index:-1;}
#holder ul.sub li.sub-li a.a5:hover img {left:-572px; top:0; z-index:-1;}
 
#holder ul.sub li.current ul {left:0; width:130px;}
#holder ul.sub li.current ul li {float:left; height:15px; padding:0; margin:0;}
#holder ul.sub li.current ul li a {height:15px; line-height:15px; margin:0; padding:0 20px; font-weight: bold; font-size:11px;}
 
#holder ul.sub li span {
	display:block;
	position:absolute;
	top:180px;
	left:0;
	line-height:15px;
	width:124px;
	padding-top:10px;
	padding-bottom:10px;
	height:80px;
	z-index:-1;
	color:#ffffff;
	text-decoration:none;
	font-size:11px;
	font-weight: bold;
	padding-right: 10px;
	padding-left: 10px;
}
#holder ul.sub li.p1 span {background:#534c92;}
#holder ul.sub li.p2 span {background:#9c517c;}
#holder ul.sub li.p3 span {background:#b67028;}
#holder ul.sub li.p4 span {background:#99a040;}
#holder ul.sub li.p5 span {background:#4d935f;}
 


