/* ================================================================ 
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_pullup_1.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.
=================================================================== */

/* top margin for this demo only */



#linx {
padding:0; 
margin:0px 0 0;
list-style:none; 
height:36px; 
position:relative; 
z-index:500;
font-family: Verdana;
font-size:10px; 
color: #5579a7;
text-decoration: uppercase;}

#linx li.top {
display:block; 
float:left; 
color: #5579a7;
padding-top:5px;}

#linx li a.top_link {
display:block; 
float:left; 
height:36px; 
line-height:27px; 
text-decoration:none; 
font-size:10px; 
padding:0 0 0 12px; 
cursor:pointer;
font-family: Verdana;
color: #5579a7;}

#linx li a.top_link span {float:left; display:block; padding:0 24px 0 12px; height:36px;color: #5579a7;}
#linx li a.top_link span.down {float:left; display:block; padding:0 24px 0 12px; height:36px; color: #5579a7;}
#linx li a.top_link:hover {color:#86424b;}
#linx li a.top_link:hover span { line-height:29px;}
#linx li a.top_link:hover span.down { line-height:29px;}

#linx li:hover > a.top_link {color:#86424b; }
#linx li:hover > a.top_link span {line-height:29px;}
#linx li:hover > a.top_link span.down {line-height:29px;}

/* Default list styling */

#linx li:hover {position:relative; z-index:50; }

/* keep the 'next' level invisible by placing it off screen. */
#linx ul, 
#linx li:hover ul ul,
#linx li:hover ul li:hover ul ul,
#linx li:hover ul li:hover ul li:hover ul ul,
#linx li:hover ul li:hover ul li:hover ul li:hover ul ul {
position:absolute; 
left:-9999px; 
top:-9999px; 
width:100px; 
height:0; 
margin:0; 
padding:0; 
color: #5579a7;
list-style:none; 
background-color:#7896bc;
font-family: Verdana;}


/* This is pretty much the hover menu */
#linx li:hover ul	{
left:15px; 
bottom:27px; 
top:auto; 
background-color: #e4ecf7; 
padding:3px;
white-space:nowrap; 
width:170px; 
height:auto; 
z-index:300;
font-family: Verdana;
font-size:10px; 
color: #5579a7;
filter:alpha(opacity=95);
-moz-opacity:0.95;
-khtml-opacity: 0.95;
opacity: 0.95;}

*html #linx li:hover ul {width:0;}

#linx li:hover ul li {
display:block; 
position:relative; 
float:left; 
font-weight:normal; 
clear:left; 	 
height:18px;
text-align: left;
width:170px; 
font-size:10px; 
color: #5579a7;
font-family: Verdana;}

#linx li:hover ul li a {
display:block; 
font-size:10px;
font-family: Verdana;
height:18px;
line-height:20px; 
padding:0 5px; 
color: #5579a7;
text-decoration:none;}

#linx li ul li a.fly	{
font-family: Verdana;
font-size:10px; 	
height:18px;
color: #5579a7;
border: 0px}

#linx li:hover ul li:hover {background: #e5e5e5;font-size:10px;color: #5579a7; font-family: Verdana;height:18px}

#linx li:hover ul li a:hover {text-decoration:underline;font-size:10px;color: #5579a7; font-family: Verdana;height:18px}

#linx li:hover ul li a.fly:hover {
background: #aeaeae;
color:#86424b; 
font-size:10px;
height:18px; 
font-family: Verdana;
text-decoration:none;}

#linx li:hover ul li:hover.fly {background:#fff; height:18px}

#linx li:hover ul li:hover.fly > a.fly {
background:#fff; 
color:#86424b;
height:18px;
text-decoration:none;
font-size:10px;
font-family: Verdana;} 

#linx li:hover ul li:hover ul,
#linx li:hover ul li:hover ul li:hover ul,
#linx li:hover ul li:hover ul li:hover ul li:hover ul,
#linx li:hover ul li:hover ul li:hover ul li:hover ul li:hover ul {
left:-5px; 
margin-left:100%; 
bottom:-4px; 
top:auto; 
height:18px;
padding:3px;
white-space:nowrap; 
width:auto; 
z-index:500; 
height:auto;
font-size:10px;
font-family: Verdana;
color: #7896bc;