@charset "UTF-8";
/* CSS Document */

/* ================================================================ 
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/menus/pro_drop10.html
Copyright (c) 2005-2008 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
#nav {
	margin:0;
	list-style:none;
	height:43px;
	width:800px;
	font-family:verdana, arial, sans-serif;
	font-size:12px;
	background:url(images/back.png) repeat-x;
	color: #0066CC;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 20px;
}
#nav li {float:left; width:108px; height:43px;}
#nav li a {display:block; float:left; width:108px; height:43px; line-height:35px; text-decoration:none;}
#nav li a span {display:block; height:35px; width:100px; float:left; text-align:center; background:transparent;}
#nav li a b.p0 {display:block; width:8px; height:35px; background:transparent; float:left;}
#nav li a b.p1 {clear:left; float:left; display:block; height:8px; width:100px; background:transparent; font-size:1px;}
#nav li a b.p2 {display:block; float:left; height:8px; width:8px; background:transparent; font-size:1px;}

#nav li a:hover {position:relative; visibility:visible; cursor:pointer; line-height:32px;}

#nav li:hover {position:relative;}
#nav li:hover > a {line-height:33px;}

#nav li:hover a b.p0 {background:url(images/right2.png);}
#nav li:hover a b.p1 {background:url(images/bottom2.png);}
#nav li:hover a b.p2 {background:url(images/corner2.png);}

#nav li a:hover span {background:url(images/greytab.png);}
#nav li:hover > a span {background:url(images/greytab.png);}


#nav ul {padding:0; margin:0; list-style:none; position:absolute; left:-9999px; width:0; height:0; border-top:0;}

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

#nav :hover ul {left:0; top:35px; width:150px; z-index:500; background:url(images/trans.gif);}
#nav :hover ul ul {position:absolute; left:-9999px;}

#nav :hover ul :hover ul {left:110px; top:0;}

#nav :hover ul li {height:25px; width:150px;}
#nav :hover ul li.pad1 {height:8px; width:150px; background:transparent;}
#nav :hover ul li.pad2 {height:8px; width:150px; background:transparent;}
#nav :hover ul li.pad1 b.p3 {display:block; width:8px; height:8px; font-size:1px; float:right; background:url(images/right2.png);}
#nav :hover ul li b.p4 {display:block; width:8px; height:25px; float:right; background:url(images/side2.png);}
#nav :hover ul li.pad2 b.p5 {display:block; width:142px; height:8px; font-size:1px; float:left; background:url(images/bottom2.png);}
#nav :hover ul li.pad2 b.p6 {display:block; width:8px; height:8px; font-size:1px; float:left; background:url(images/corner2.png);}
#nav :hover ul li.pad1 b.p7 {
	display:block;
	width:141px;
	height:7px;
	font-size:1px;
	float:left;
	border-top:1px solid #a9cfe2;
	border-left:1px solid #a9cfe2;
	background-color: #99CCFF;
}
#nav :hover ul li a {
	height:25px;
	line-height:15px;
	padding-left:10px;
	width:131px;
	border-left:1px solid #a9cfe2;
	background-color: #99CCFF;
}
#nav :hover ul li a.fly {
	background-color: #99CCFF;
	background-image: url(images/arrow.png);
	background-repeat: no-repeat;
	background-position: 120px 5px;
}

#nav :hover ul.green li.pad1 b.p7 {
	border-top:1px solid #c5e98d;
	border-left:1px solid #c5e98d;
	background-color: #99CCFF;
}
#nav :hover ul.green li a {
	border-left:1px solid #c5e98d;
	background-color: #99CCFF;
}

#nav :hover ul.pink li.pad1 b.p7 {
	border-top:1px solid #f9d0e0;
	border-left:1px solid #f9d0e0;
	background-color: #ffcc00;
}
#nav :hover ul.pink li a {
	border-left:1px solid #f9d0e0;
	background-color: #ffcc00;
}

#nav :hover ul li a:hover {color:#fff;}
#nav :hover ul li:hover > a {color:#fff;}

#nav :hover ul :hover ul li.pad1 b.p7 {background:#bab3d5; border-top:1px solid #e1deed; border-left:1px solid #e1deed;}
#nav :hover ul :hover ul li a {background:#bab3d5; border-left:1px solid #e1deed;}

#nav :hover ul :hover ul.orange li.pad1 b.p7 {
	background-color: #FFCC00;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #f8cfb1;
	border-left-color: #f8cfb1;
}
#nav :hover ul :hover ul.orange li a {
	border-left:1px solid #f8cfb1;
	background-color: #FFCC00;
}
.below {
	margin-top:-8px;
	background-color: #FFFFFF;
}

</style>

[if lte IE 6]>
<style type="text/css">
#nav li a:hover b.p0 {
background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/right2.png', sizingMethod='crop');
}
#nav li a:hover b.p1 {
background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/bottom2.png', sizingMethod='crop');
}
#nav li a:hover b.p2 {
background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/corner2.png', sizingMethod='crop');
}
#nav li a:hover ul li.pad1 b.p3 {
background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/right2.png', sizingMethod='crop');
}
#nav li a:hover ul li b.p4  {
background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/side2.png', sizingMethod='crop');
}
#nav li a:hover ul li.pad2 b.p5  {
background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/bottom2.png', sizingMethod='crop');
}
#nav li a:hover ul li.pad2 b.p6  {
background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/corner2.png', sizingMethod='crop');
}
</style>
<![endif]