/* ================================================================ 

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.stunicholls.com/menu/pro_dropdown_3.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(../three_0a.gif);}

.preload2 {background: url(../three_1a.gif);}



#nav {

	padding:0;

	margin:0;

	list-style:none;

	height:28px;

	background:#fff url(../lrimages/three_0.gif) no-repeat;

	position:relative;

	z-index:500;

	font-family: arial, verdana, sans-serif;

	width: 600px;

}

#nav li.top {

	display:block;

	float:left;

}

#nav li a.top_link {

	display:block;

	float:left;

	height:28px;

	line-height:33px;

	color:#fff;

	text-decoration:none;

	font-size: 0.75em;

	font-weight:bold;

	padding:0 0 0 8px;

	cursor:pointer;

	background: url(../lrimages/three_0.gif) no-repeat left top;

}

#nav li a.top_link span {

	float:left;

	display:block;

	padding:0 15px 0 5px;

	height:28px;

	background: url(../lrimages/three_0.gif) right top no-repeat;

}

#nav li a.top_link span.down {

	float:left;

	display:block;

	padding:0 15px 0 5px;

	height:28px;

	background: url(../lrimages/three_0a.gif) no-repeat right top;

}



#nav li:hover a.top_link {

	color:#eee;

	background: url(../lrimages/three_1.gif) no-repeat;

}

#nav li:hover a.top_link span {

	background:url(../lrimages/three_1.gif) no-repeat right top;

}

#nav li:hover a.top_link span.down {

	background:url(../lrimages/three_1a.gif) no-repeat right top;

	padding-bottom:0px;

}



/* Default list styling */



#nav li:hover {

	position:relative;

	z-index:200;

}



#nav li:hover ul.com

{

	left:1px;

	top:28px;

	background-color: #eee;

	padding:3px;

	border:1px solid #ccc;

	white-space:nowrap;

	width:180px;

	height:auto;

	z-index:300;

}

#nav li:hover ul.com li

{

	display:block;

	height:20px;

	position:relative;

	float:left;

	width:180px;

	font-weight:normal;

	background: url(../lrimages/fondo_sub.png) repeat-x ;

}

#nav li:hover ul.com li a

{

	display:block;

	font-size: 0.75em;

	height:18px;

	width:178px;

	line-height:18px;

	text-indent:5px;

	color: #fff;

	text-decoration:none;

	border:1px solid #fff;

	

}

#nav li ul.com li a.fly

{

	background:#FFCC00 url(../lrimages/arrow.gif) 130px 6px no-repeat;

}

#nav li:hover ul.com li a:hover 

{

	color:#333;

	border-color:#fff;

	background: url(../lrimages/fondo_sub2.png) repeat-x ;		

}

#nav li:hover ul.com li ul li a:hover 

{

	color:#FFFFFF;

	border-color:#fff;

	width: 220px;

	

}

#nav li:hover ul.com li a.fly:hover

{

	background:#003D5C url(../lrimages/arrow_over.gif) 130px 6px no-repeat;

	color:#FFFFFF;

}

#nav li:hover ul.car

{

	left:1px;

	top:28px;

	background-color: #eee;

	padding:3px;

	border:1px solid #ccc;

	white-space:nowrap;

	width:180px;

	height:auto;

	z-index:300;

}

#nav li:hover ul.car li

{

	display:block;

	height:20px;

	position:relative;

	float:left;

	width:180px;

	font-weight:normal;

	background: url(../lrimages/fondo_sub.png) repeat-x ;

}

#nav li:hover ul.car li a

{

	display:block;

	font-size:0.75em;

	height:18px;

	width:178px;

	line-height:18px;

	text-indent:5px;

	color: #fff;

	text-decoration:none;

	border:1px solid #fff;

	

}

#nav li ul.car li a.fly

{

	background:#FFCC00 url(../lrimages/arrow.gif) 130px 6px no-repeat;

}

#nav li:hover ul.car li a:hover 

{

	color:#333;

	border-color:#fff;

	background: url(../lrimages/fondo_sub2.png) repeat-x ;		

}

#nav li:hover ul.car li ul li a:hover 

{

	color:#FFFFFF;

	border-color:#fff;

	width: 220px;

	

}

#nav li:hover ul.car li a.fly:hover

{

	background:#003D5C url(../lrimages/arrow_over.gif) 130px 6px no-repeat;

	color:#FFFFFF;

}

#nav li:hover ul.ps

{

	left:1px;

	top:28px;

	background-color: #eee;

	padding:3px;

	border:1px solid #ccc;

	white-space:nowrap;

	width:370px;

	height:auto;

	z-index:300;

}

#nav li:hover ul.ps li

{

	display:block;

	height:20px;

	position:relative;

	float:left;

	width:370px;

	font-weight:normal;

	background: url(../lrimages/fondo_sub.png) repeat-x ;

}

#nav li:hover ul.ps li a

{

	display:block;

	font-size:0.75em;

	height:18px;

	width:368px;

	line-height:18px;

	text-indent:5px;

	color: #fff;

	text-decoration:none;

	border:1px solid #fff;

	

}

#nav li ul.ps li a.fly

{

	background:#FFCC00 url(../lrimages/arrow.gif) 130px 6px no-repeat;

}

#nav li:hover ul.ps li a:hover 

{

	color:#333;

	border-color:#fff;

	background: url(../lrimages/fondo_sub2.png) repeat-x ;		

}

#nav li:hover ul.ps li ul li a:hover 

{

	color:#FFFFFF;

	border-color:#fff;

	width: 220px;

	

}

#nav li:hover ul.ps li a.fly:hover

{

	background:#003D5C url(../lrimages/arrow_over.gif) 130px 6px no-repeat;

	color:#FFFFFF;

}

#nav li:hover ul.cli

{

	left:1px;

	top:28px;

	background-color: #eee;

	padding:3px;

	border:1px solid #ccc;

	white-space:nowrap;

	width:230px;

	height:auto;

	z-index:300;

}

#nav li:hover ul.cli li

{

	display:block;

	height:20px;

	position:relative;

	float:left;

	width:230px;

	font-weight:normal;

	background: url(../lrimages/fondo_sub.png) repeat-x ;

}

#nav li:hover ul.cli li a

{

	display:block;

	font-size:0.75em;

	height:18px;

	width:228px;

	line-height:18px;

	text-indent:5px;

	color: #fff;

	text-decoration:none;

	border:1px solid #fff;

	

}

#nav li ul.cli li a.fly

{

	background:#FFCC00 url(../lrimages/arrow.gif) 130px 6px no-repeat;

}

#nav li:hover ul.cli li a:hover 

{

	color:#333;

	border-color:#fff;

	background: url(../lrimages/fondo_sub2.png) repeat-x ;		

}

#nav li:hover ul.cli li ul li a:hover 

{

	color:#FFFFFF;

	border-color:#fff;

	width: 220px;

	

}

#nav li:hover ul.cli li a.fly:hover

{

	background:#003D5C url(../lrimages/arrow_over.gif) 130px 6px no-repeat;

	color:#FFFFFF;

}



#nav li b {

	display:block;

	font-size:0.688em;

	height:18px;

	width:218px;

	line-height:18px;

	margin-bottom:3px;

	text-indent:6px;

	color:#ff6;

	border-bottom:1px solid #ff6;

	cursor:default;

}



#nav li:hover li:hover ul,

#nav li:hover li:hover li:hover ul,

#nav li:hover li:hover li:hover li:hover ul,

#nav li:hover li:hover li:hover li:hover li:hover ul

{

	left:140px;

	top:-4px;

	background: #FFCC00;

	padding:3px;

	border:1px solid #0b4d97;

	white-space:nowrap;

	width:220px;

	z-index:400;

	height:auto;

}



#nav ul, 

#nav li:hover ul ul,

#nav li:hover li:hover ul ul,

#nav li:hover li:hover li:hover ul ul,

#nav li:hover li:hover li:hover li:hover ul ul

{

	position:absolute;

	left:-9999px;

	top:-9999px;

	width:0;

	height:0;

	margin:0;

	padding:0;

	list-style:none;

	

}



#nav li:hover li:hover a.fly,

#nav li:hover li:hover li:hover a.fly,

#nav li:hover li:hover li:hover li:hover a.fly,

#nav li:hover li:hover li:hover li:hover li:hover a.fly

{

	background:#DB8700 url(../lrimages/arrow_over.gif) 200px 6px no-repeat;

	color:#FFFFFF;

	border-color:#fff;

} 



#nav li:hover li:hover li a.fly,

#nav li:hover li:hover li:hover li a.fly,

#nav li:hover li:hover li:hover li:hover li a.fly

{

	background:#FFCC00 url(../lrimages/arrow.gif) 200px 6px no-repeat;

	color:#000000;

	border-color:#FFCC00;

	

}