/* ================================================================ 
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 {padding:0; margin:0; list-style:none; height:36px; background:#fff; position:relative; 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:36px; line-height:27px; color:#ffc; text-decoration:none; font-size:13px; font-weight:bold; padding:0 0 0 0px; cursor:pointer;background: url(blank.gif);}
#nav li a.top_link span {float:left; display:block; padding:0 12px 0 12px; height:36px;background:url(blank.gif) right top;}
#nav li a.top_link span.down {float:left; display:block; padding:0 24px 0 12px; height:36px; 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:31px; background: #fff; padding:3px; border:1px solid #941b34; white-space:nowrap; width:200px; height:auto; z-index:300;}
#nav li:hover ul.sub li
{display:block; height:20px; position:relative; float:left; width:200px; font-weight:normal;}
#nav li:hover ul.sub li a
{display:block; font-size:13px; height:20px; width:200px; line-height:20px; text-indent:5px; color:#000; text-decoration:none;}
#nav li ul.sub li a.fly
{background:#fff url(arrow.gif) 100px 7px no-repeat;}
#nav li:hover ul.sub li a:hover 
{background:#941b34; color:#fff;}
#nav li:hover ul.sub li a.fly:hover
{background:#941b34 url(arrow_over.gif) 100px 7px no-repeat; color:#fff;}

#nav li:hover ul li:hover > a.fly {background:#941b34 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:190px; top:-4px; background: #fff; padding:3px; border:1px solid #3a93d2; white-space:nowrap; width:100px; z-index:400; height:auto;}


.blueblock{
width: 180px;
border-right: 1px solid #000;
padding: 0 0 1em 0;
margin-bottom: 1em;
font-family: 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
font-size: 90%;
background-color: #90bade;
color: #333;
}

* html .blueblock{ /*IE 6 only */
width: 147px; /*Box model bug: 180px minus all left and right paddings for #blueblock */
}

.blueblock ul{
list-style: none;
margin: 0;
padding: 0;
border: none;
}

.blueblock li {
border-bottom: 1px solid #90bade;
margin: 0;
}

.blueblock li a{
display: block;
padding: 5px 5px 5px 8px;
border-left: 10px solid #1958b7;
border-right: 10px solid #508fc4;
background-color: #2175bc;
color: #fff;
text-decoration: none;
width: 100%;
}

html>body .blueblock li a{ /*Non IE6 width*/
width: auto;
}

.blueblock li a:hover{
border-left: 10px solid #1c64d1;
border-right: 10px solid #5ba3e0;
background-color: #2586d7;
color: #fff;
}

/*
 * Revised to include:
 * 1. Headings with no links attached in the nav menu ("redblockheading" selectors)
 * 2. Dropdown menus off of nav menu items ("dropdown" selectors)
 *    Reference: https://www.w3schools.com/howto/howto_css_dropdown.asp
 */
.redblock
{
    width: 180px;
    border-right: 1px solid #000;
    padding: 0 0 1em 0;
    font-family: 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
    font-size: 90%;
    font-weight: bold;
    background-color: #ce8e9b;
    color: #333;
}

.redblockheading
{
    border-right: 1px solid white;
    padding: 0;
    margin-bottom: 0;
}

* html .redblock{ /*IE 6 only */
width: 147px; /*Box model bug: 180px minus all left and right paddings for #redblock */
}

.redblock ul
{
    list-style: none;
    margin: 0;
    padding: 0;
    border: none;
}

/* .redblock li div a => Nav dropdown menu content */
.redblock li, .redblock li div a
{
    border-bottom: 1px solid #ce8e9b;
    margin: 0;
}

li.redblockheadingli
{
    border-bottom: 1px solid white;
    padding: 7px 5px 7px 10px;
    color: #ab2a45;
    background-color: #fff;
    text-align: left;
    font-size: 1.1em;
}

/* .redblock li a => Nav menu */
/* .redblock .DropdownContent a => Links inside a nav dropdown menu */
.redblock li a, .redblock .DropdownContent a
{
    display: block;
    padding: 7px 5px 7px 10px;
    border-left: 10px solid #9a1934;
    border-right: 10px solid #b75367;
    background-color: #ab2a45;
    color: #fff;
    text-decoration: none;
    width: 100%;
}

/* Nav dropdown menu container - needed to position the dropdown content */
.redblock .Dropdown
{
    position: relative;
    display: inline-block;
    width: 100%;
}

/* Nav dropdown menu item */
/* The width is specified in the dropdown menu container, not here */
.redblock div.DropdownButton
{
    display: block;
    padding: 7px 5px 7px 10px;
    border-left: 10px solid #9a1934;
    border-right: 10px solid #b75367;
    background-color: #ab2a45;
    color: #fff;
    text-decoration: none;
}

html>body .redblock li a
{ /*Non IE6 width*/
    width: auto;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.redblock li a:hover, .Dropdown:hover .DropdownButton
{
    border-left: 10px solid #be1f40;
    border-right: 10px solid #d15e75;
    background-color: #c62849;
    color: #fff;
}

/* Dropdown content (hidden by default) */
.DropdownContent
{
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    width: 180px;
    margin-left: 70px;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
    z-index: 1;
}

/* Change color of dropdown links on hover */
.DropdownContent a:hover
{
    background-color: #f1f1f1;
}

/* Show the dropdown menu on hover */
.Dropdown:hover .DropdownContent
{
    display: block;
}