/* ================================================================ 
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-flyout.html
Copyright (c) 2005-2010 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

.menu
{
   height: 30px;
   background: #eee;
   font-family: arial, sans-serif;
   font-size: 13px;
   position: relative;
   z-index: 100;
   border-style: solid;
   border-color: #94AFE6; /* AAA */ /*#9baffb; //#6d8bf9;*/
   border-width: 1px 0 1px 0;
   -o-box-shadow: 0px 3px 8px rgba(17, 65, 245, 0.2);
   -icab-box-shadow: 0px 3px 8px rgba(17, 65, 245, 0.2);
   -khtml-box-shadow: 0px 3px 8px rgba(17, 65, 245, 0.2);
   -moz-box-shadow: 0px 3px 8px rgba(17, 65, 245, 0.2);
   -webkit-box-shadow: 0px 3px 8px rgba(17, 65, 245, 0.2);
   box-shadow: 0px 3px 8px rgba(17, 65, 245, 0.2);
}
.menu ul
{
   padding: 0;
   margin: 0;
   list-style: none;
}
.menu ul li div
{
   position: absolute;
   left: -9999px;
   top: -9999px;
   background: white;
   border: 1px solid #aaa;
   border-top-color: #ddd;
   padding-bottom: 6px;
   -o-box-shadow: 0px 3px 8px rgba(17, 65, 245, 0.2);
   -icab-box-shadow: 0px 3px 8px rgba(17, 65, 245, 0.2);
   -khtml-box-shadow: 0px 3px 8px rgba(17, 65, 245, 0.2);
   -moz-box-shadow: 0px 3px 8px rgba(17, 65, 245, 0.2);
   -webkit-box-shadow: 0px 3px 8px rgba(17, 65, 245, 0.2);
   box-shadow: 0px 3px 8px rgba(17, 65, 245, 0.2);
   -o-border-radius: 0 0 6px 6px;
   -icab-border-radius: 0 0 6px 6px;
   -khtml-border-radius: 0 0 6px 6px;
   -moz-border-radius: 0 0 6px 6px;
   -webkit-border-bottom-right-radius: 6px;
   -webkit-border-bottom-left-radius: 6px;
   border-radius: 0 0 6px 6px;
}

/*.menu ul li div ul
{
   width: 180px;
   float: left;
}*/

.menu ul li
{
   float: left;
}

.menu ul li a
{
   display: block;
   padding: 0 12px 0 12px;
   float: left;
   line-height: 30px;
   text-decoration: none;
   color: inherit;
}
.menu ul li a.fly:hover
{
   background-color: #ddd;
}
.menu ul li a.fly
{
   background: url(arrow.gif) no-repeat right center;
}
.menu ul ul li a
{
   padding: 0;
   width: 180px;
   text-indent: 10px;
   line-height: 20px;
   font-weight: normal;
}
.menu ul ul li h4
{
   padding: 8px 0 4px 0;
   margin: 0;
}
.menu ul ul li h4 a
{
   padding: 0;
   width: 180px;
   text-indent: 10px;
   line-height: 20px;
   font-size: 14px;
}

.menu ul li a:hover
{
   background-color: #ddd;
}
.menu ul li:hover > a
{
   background-color: #ddd;
}

.menu ul li.fourCol:hover
{
   position: relative;
   z-index: 100;
}
.menu ul .fourCol:hover div
{
   left: -1px;
   top: 30px;
   width: 720px;
}

.menu ul li.threeCol:hover
{
   position: relative;
   z-index: 100;
}
.menu ul .threeCol:hover div
{
   left: -1px;
   top: 30px;
   width: 540px;
}

.menu ul li.twoCol:hover
{
   position: relative;
   z-index: 100;
}
.menu ul .twoCol:hover div
{
   left: -1px;
   top: 30px;
   width: 360px;
}

.menu ul li.oneCol:hover
{
   position: relative;
   z-index: 100;
}
.menu ul .oneCol:hover div
{
   left: -1px;
   top: 30px;
   width: 180px;
}

.menu ul :hover div ul ul
{
   position: absolute;
   left: -9999px;
   top: -9999px;
}

.menu ul :hover div ul .fly:hover
{
   position: relative;
}
.menu ul :hover div ul .fly:hover ul
{
   left: 170px;
   top: -30px;
   background: #fff;
   border: 1px solid #aaa;
   padding: 6px 0;
   -o-box-shadow: 0px 3px 8px rgba(17, 65, 245, 0.2);
   -icab-box-shadow: 0px 3px 8px rgba(17, 65, 245, 0.2);
   -khtml-box-shadow: 0px 3px 8px rgba(17, 65, 245, 0.2);
   -moz-box-shadow: 0px 3px 8px rgba(17, 65, 245, 0.2);
   -webkit-box-shadow: 0px 3px 8px rgba(17, 65, 245, 0.2);
   box-shadow: 0px 3px 8px rgba(17, 65, 245, 0.2);
   -o-border-radius: 6px;
   -icab-border-radius: 6px;
   -khtml-border-radius: 6px;
   -moz-border-radius: 6px;
   -webkit-border-radius: 6px;
   border-radius: 6px;
}

.menu ul :hover div ul .fly:hover ul ul
{
   left: -9999px;
   top: -9999px;
}

.menu ul :hover div ul .fly:hover ul .fly:hover ul
{
   left: 170px;
   top: -30px;
   background: #fff;
   border: 1px solid #aaa;
}

.menu table
{
   border-collapse: collapse;
   width: 0;
   height: 0;
   margin-bottom: -1px;
}

.menu ul li a.current_page
{
   font-weight: bold;
}





.menu
{
    white-space: nowrap;
}

a.fly[rel=anchor]
{
   cursor: default;
}

.menu ul div .twoCol:hover {position:relative;}
.menu ul div .twoCol:hover ul {left:-1px; top:30px; width:360px;}

.menu ul div .threeCol:hover {position:relative;}
.menu ul div .threeCol:hover ul {left:-1px; top:30px; width:540px;}

.menu > ul > li > a.fly.oneCol, .menu > ul > li > a.fly.twoCol, .menu > ul > li > a.fly.threeCol, .menu > ul > li > a.fly.fourCol
{
   background: url(arrow_down.gif) no-repeat right center;
   padding: 0 20px 0 12px;
}

.menu ul :hover div ul .fly.menu_up:hover ul, .menu ul :hover div ul .fly:hover ul .fly.menu_up:hover ul
{
   top: -60px;
}

.menu ul :hover div ul .fly.menu_up_up:hover ul, .menu ul :hover div ul .fly:hover ul .fly.menu_up_up:hover ul
{
   top: -80px;
}