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

.preload1 {background: url(blank_over.gif);}
.preload2 {background: url(blank_overa.gif);}

#nav {
    text-align: left;
    padding:0; 
    margin:0 150 0 0;
    list-style:none; 
    height:37px; 
    width:850px;
    background:#22568a; /*FFF*/
    position:relative; left:0px;
    z-index:500; 
    font-family:arial, verdana, sans-serif;
    }
#nav li.top {
    display:block; 
    float:left;
    }
#nav li a.top_link {
    display:block; 
    float:left; 
    height:37px; 
    line-height:28px; 
    color: #ddd; 
    text-decoration:none; 
    font-size:12px; 
    font-weight:bold; 
    padding:0 0 0 12px; 
    cursor:pointer;
    background: url(blank.gif);
    }
#nav li a.top_link span {
    float:left; 
    display:block; 
    padding:0 24px 0 12px; 
    height:37px;
    background:url(blank.gif) right top;
    }
#nav li a.top_link span.down {
    float:left; 
    display:block; 
    padding:0 24px 0 12px; 
    height:37px; 
    background:url(blanka.gif) no-repeat right top;
    }
#nav li a.top_link:hover {
    color:#fff; 
    background: url(blank_over.gif) no-repeat;
    }
#nav li a.top_link:hover span {
    background:url(blank_over.gif) no-repeat right top;
    }
#nav li a.top_link:hover span.down {
    background:url(blank_overa.gif) no-repeat right top;
    }
#nav li:hover > a.top_link {
    color:#fff; 
    background: url(blank_over.gif) no-repeat;
    }
#nav li:hover > a.top_link span {
    background:url(blank_over.gif) no-repeat right top;
    }
#nav li:hover > a.top_link span.down {
    background:url(blank_overa.gif) no-repeat right top;
    }
/* Default list styling */
#nav li:hover {
    position:relative; z-index:200;
    }
/* keep the 'next' level invisible by placing it off screen. */
#nav ul,
  #nav li:hover ul ul, 
  #nav li:hover ul li:hover ul ul,
  #nav li:hover ul li:hover ul li:hover ul ul,
  #nav li:hover ul li:hover ul li:hover ul li:hover ul ul {
    position:absolute; 
    left:-9999px; 
    top:-9999px; 
    width:0; 
    height:0; 
    margin:0; 
    padding:0; 
    list-style:none;
    }
#nav li:hover ul.sub {
    left:0; 
    top:32px; 
    background: #22568a;  /*FFF*/
    padding:3px; 
    border:1px solid #ccc; 
    white-space:nowrap; 
    width:150px; 
    height:auto; 
    z-index:300;
    }
#nav li:hover ul.sub li{
    display:block; 
    height:21px; 
    position:relative; 
    float:left; 
    width:150px; 
    font-weight:normal;
    }
#nav li:hover ul.sub li a {
    display:block; 
    font-size:12px; 
    height:21px; 
    width:150px; 
    line-height:21px; 
    text-indent:5px; 
    color:#ccc; 
    text-decoration:none;
    }
#nav li ul.sub li a.fly{
    background:#22568a url(arrow.gif) 100px 7px no-repeat;/*FFF*/
    }
#nav li:hover ul.sub li a:hover {
    background:#3a93d2; 
    color:#fff;
    }
#nav li:hover ul.sub li a.fly:hover {
    background:#3a93d2 url(arrow_over.gif) 100px 7px no-repeat; 
    color:#fff;
    }
#nav li:hover ul li:hover > a.fly {
    background:#3a93d2 url(arrow_over.gif) 100px 7px no-repeat; 
    color:#fff;
    } 
#nav li:hover ul li:hover ul,
  #nav li:hover ul li:hover ul li:hover ul,
  #nav li:hover ul li:hover ul li:hover ul li:hover ul,
  #nav li:hover ul li:hover ul li:hover ul li:hover ul li:hover ul {
    left:150px; 
    top:-4px; 
    background: #22568a;
    padding:3px; 
    border:1px solid #3a93d2; 
    white-space:nowrap; 
    width:150px; 
    z-index:400; 
    height:auto;
    }