@charset "utf-8";
#pad {
height: 140px;
}
/* ================================================================ 
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.cssmenus.co.uk
Copyright (c) 2009- Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/*
	<!-- main nave color class is "current" -->
	<!-- main nave font color class is "#menu li a:hover" -->
	<!-- SUBMENU  #menu :hover ul :hover ul li a check color code and make replacement for all-->
	
*/


#menu {
padding: 0; 
margin: 0; 
list-style: none; 
height: 22px; 
position: relative; 
z-index: 500; 
font-family: arial, verdana, sans-serif;
text-align: left;
}
#menu li {
float: left; 
margin-right: 1px;
}
#menu li a {
display: block; 
float: left; 
height: 22px; 
line-height: 22px; 
background: #faafc6; 
background-image: url('../images/menu_back.jpg');
color: #162061; 
text-decoration: none; 
font-size: 11px; 
font-weight: bold; 
padding: 0 10px 0 10px;
}

#menu table {
border-collapse: collapse; 
width: 0; 
height: 0; 
position: absolute; 
top: 0; 
left: 0;
}

/* Default link styling */
/* Style the list OR link hover. Depends on which browser is used */

#menu li a:hover {
z-index: 200; 
position: relative;
color: #162061;
background-color: #e889a7;
}
#menu li:hover {
position: relative; 
z-index: 200;
}

#menu li:hover > a {
color: #162061; 
background: #4F3B76;
background-image: url('../images/menu_back.jpg');
}

#menu li:hover > a.sub {
color: #fff; 
background-color: #4F3B76;
}

#menu li.current a {
color:  #fff; 
background: #d693c7;
}

#menu li a.sub {
background: #faafc6 url(down-arrow.gif) no-repeat right center;
}
#menu li.current a.sub {
color:  #fff; 
background: #4F3B76 url(down-arrow.gif) no-repeat right center;
}

#menu :hover ul {
left: 0; 
top: 22px; 
width: 200px; 
background: #444;
}

/* keep the 'next' level invisible by placing it off screen. */
#menu ul, #menu :hover ul ul {
position: absolute; 
left: -9999px; 
top: -9999px; 
width: 0; 
height: 0; 
margin: 0; 
padding: 0; 
list-style: none;
}

#menu :hover ul :hover ul {
left: -200px; 
top: -1px; 
background: #222; 
white-space: nowrap; 
width: 200px; 
z-index: 200; 
height: auto;
}

#menu :hover ul li {
margin: 0; 
border-top: 1px solid #666;
}
#menu :hover ul li a {
width: 200px; 
padding: 0; 
text-indent: 10px; 
background: #faafc6; 
color: #162061; 
height: 30px; 
line-height: 30px;
}
#menu :hover ul li a.fly {
background: #faafc6 url('../right-arrow.gif') no-repeat right center;
}

#menu :hover ul :hover {
background-color: #161F60; 
color: #fff;
}
#menu :hover ul :hover a.fly {
background-color: #161F60; 
color: #fff;
}

#menu :hover ul li.currentsub a {
background: #161F60; 
color: #fff;
}
#menu :hover ul li.currentsub a.fly {
background: #161F60 url('../right-arrow.gif') no-repeat right center; 
color:  #fff;
}

#menu :hover ul :hover ul li a {
width: 200px; 
padding: 0; 
text-indent: 10px; 
background: #faafc6; 
color: #162061;
}
#menu :hover ul :hover ul :hover {
background-color: #161F60; 
color:  #fff;
}

#menu :hover ul :hover ul li.currentfly a, #menu :hover ul :hover ul li.currentfly a:hover {
background: #4F3B76; 
color:  #fff;
}