/* ================================================================ 
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/droplist-images.html
Copyright (c) 2005-2009 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
#nav ul { margin:0; padding:0; list-style:none; float:left; }
#nav ul li, { float:left; background:url(site_images/sep.jpg) 0px 6px no-repeat; padding-left:2px; }
#nav li:first-child {background:none;} 
#nav ul, #nav ul li a {float:left; margin:0; padding:0; list-style:none; font:bold 14px Arial, Helvetica, sans-serif;  color:#fff;}
#nav ul li a {color:#fff; display:block; padding:0 0 0px 12px; font:13px "Arial Rounded MT Bold", Arial, Helvetica, sans-serif; }
#nav ul li a span {padding:9px 11px 15px 0; display:block;}

#nav ul li a.current, #nav ul li a:hover {background:url(site_images/current.png) top left no-repeat;}
#nav ul li a.current span, #nav ul li a:hover span {background:url(site_images/currentspan.png) top right no-repeat; color:#fff;}
#nav ul li a.current-blue {background:url(site_images/current-blue.png) top left no-repeat;}
#nav ul li a.current-blue span {background:url(site_images/current-blue-span.png) top right no-repeat; color:#FFF;}
#nav ul li.last {float:right; margin:0 15px 0 0; background:none;}
#nav ul li.last a {background:url(site_images/last.png) top left no-repeat; padding-left:24px;}
#nav ul li.last a span {background:url(site_images/lastspan.png) top right no-repeat; padding:9px 26px 12px 8px; width:80px;}
#nav ul li.last a:hover span {color:#FFF;}



ul#level1 table {border-collapse:collapse; margin:-1px 0; z-index:300;}

ul#level1 li div {position:absolute; left:-9999px; font:11px/22px verdana,sans-serif; padding:0; text-transform:uppercase; z-index:1;}
ul#level1 li div div {float:left; width:190px; left:0; position:relative; background:#511967 !important; z-index:400; float:left; }
ul#level1 li div div h2 {margin:0 0 10px; padding:5px 0; font:bold 14px Arial, Helvetica, sans-serif; letter-spacing:1px; color:#fff; border-bottom:#fff solid 1px; width:100%; float:left;}
ul#level1 li div div h2 a { background:0  none!important; }
ul#level1 li div div ul li{ background:0 none!important; }
ul#level1 li div div ul li a {float:left; display:block; color:#fff; width:172px; padding:2px 10px; line-height:22px; border:0 !important; background:0 none!important;}
ul#level1 li div div ul li a.more {width:235px;}

ul#level1 li.level1-li:hover {position:relative;}
ul#level1 li.level1-li a.level1-a:hover {border:0; position:relative;}
ul#level1 :hover div.holder {z-index:100; top:35px; left:-90px; background:#511967; border:1px solid #531b69; padding:20px; text-align:left; }
div.holder ul, div.holder ul li, div.holder ul li a {font:12px Arial, Helvetica, sans-serif !important; }

#level2 {padding:0; margin:0; list-style:none; width:750px; height:25px; margin-top:-25px;}
#level2 li.level2-li {width:115px; height:25px; margin:0 12px 0 0; float:left; display:inline;}
#level2 li.last {margin:0;}
#level2 li.level2-li a.level2-a {display:block; width:115px; text-align:center; height:25px; font:normal 11px/25px nerdana,sans-serif; color:#069; text-decoration:none;background:url(plain.png) left bottom;}
#level2 li.level2-li a.level2-a:hover {text-decoration:underline;}

ul.sublevel {padding:0 0 5px 10px; margin:0; list-style:none;width:1000px;}
ul.sublevel li {float:left; width:180px; margin-right:10px; display:inline;}
ul.sublevel li a {display:block; color:#FFFFFF; text-decoration:none; margin:0 0 5px; padding:5px 0 !important; border:none !important;  }

ul#level1 :hover div.col6 {width:390px; left:-150px !important;}
ul#level1 :hover div.col5 {width:910px;}
ul#level1 :hover div.col4 {width:883px; left:-280px !important;}
ul#level1 :hover div.col3 {width:665px;}
ul#level1 :hover div.col2 {width:763px;}

ul#level1 div.col5 div#showonly4 { width:100%!important; margin:0 0 5px 0; border:0 none!important; }

ul#level1 div.col5 div div {width:224px;}
ul#level1 div.col3 div {width:330px;}
ul#level1 div.col4 div {width:220px;}
ul#level1 div.col3 div ul {width:155px; float:left; padding:0 10px 30px 0;}

ul#level1 :hover div.col5 {left:-800px !important;}

ul#level1 :hover div.left {left:auto; right:0;}
ul#level1 div.left span {display:block; width:113px; height:1px; background:#fff; overflow:hidden; position:absolute; left:auto; right:0; top:-1px; z-index:500;}

ul#level1 a:hover div.left {right:-1px;} /* fix for IE6 only */
ul#level1 a:hover div.left span.flyLeft {right:-1px;} /* fix for IE6 only */


.holder div {float:left; width:180px; background:#006600 !important; min-height:250px; _height:250px; border-left:#CCCCCC solid 1px;}
.holder div.sub1 { width:360px; border:none;}


/* for toggle effect in botton section */
h2.trigger {
	padding: 0 0 0 50px;
	margin: 0 0 5px 0;
	height: 46px;
	line-height: 46px;
	width: 1000px;
	font-weight: normal;
	float: right;
}
h2.trigger a {
	color: #fff;
	text-decoration: none;
	display: block;
}
h2.trigger a:hover {
	color: #ccc;
}
h2.active {background-position: left bottom;}
.toggle_container {
	margin: 0 0 5px;
	padding: 0;
	border-top: 1px solid #d6d6d6;
	background: #f0f0f0 url(toggle_block_stretch.gif) repeat-y left top;
	overflow: hidden;
	font-size: 1.2em;
	width: 1000px;
	clear: both;
}
.toggle_container .block {
	padding: 20px;
	}
.toggle_container .block p {
	padding: 5px 0;
	margin: 5px 0;
}
.toggle_container h3 {
	font: 2.5em normal Georgia, "Times New Roman", Times, serif;
	margin: 0 0 10px;
	padding: 0 0 5px 0;
	border-bottom: 1px dashed #ccc;
}
.toggle_container img {
	float: left;
	margin: 10px 15px 15px 0;
	padding: 5px;
	background: #ddd;
	border: 1px solid #ccc;
}