/* ================================================================ 
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_2.html
Copyright (c) 2505-2507 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(three_1.gif);}
.preload2 {background: url(three_1a.gif);}

#nav {padding-left: 2px; margin:0; list-style:none; height:51px; position:relative; z-index:500; font-family:arial, verdana, sans-serif;}
#nav li.top {display:block; float:left; height:50px;}
#nav li a.top_link {display:block; float:left; height:50px; line-height:51px; color:#fff; text-decoration:none; font-family:Calibri; text-transform:uppercase; font-size:18px; /*background-image:url(../images/menu_border.jpg); background-position:right; background-repeat:no-repeat;*/ margin:0 1px; padding:0 0 0 13px; cursor:pointer;width: 100%;}
#nav li a.top_link span {float:left; display:block;padding: 0 33px 0 20px; color:#fff !important; height:51px; background: url(three_0.gif) right top no-repeat;}
#nav li a.top_link span.down {float:left; display:block; padding:0 24px 0 12px; height:35px; background: url(three_0a.gif) no-repeat right top;}

#nav li:hover a.top_link {color:#fff;  background-color:#411313;}
#nav li.active {color:#fff;  background-color:#411313;}
#nav li:hover a.top_link span {}
#nav li:hover a.top_link span.down {}

/* Default list styling */

#nav li:hover {position:relative; z-index:250;}

#nav li:hover ul.sub
{left:0px; top:50px; background: #b00808; padding:0;  white-space:nowrap; width:250px; height:auto; z-index:300;}
#nav li:hover ul.sub li
{display:block; /*height:30px;*/ position:relative; float:left; width:250px; }
#nav li:hover ul.sub li a
{display:block; font-size:15px; font-family:Calibri; /*height:30px;*/ line-height:35px; width:100%; text-indent:5px; color:#fff; text-decoration:none;}
#nav li ul.sub li a.fly
{background:#cc0000 url(arrow.gif) 250px 6px no-repeat;}
#nav li:hover ul.sub li a:hover 
{background:#411313; color:#fff; border-color:#fff;}
#nav li:hover ul.sub li a.fly:hover
{background:#411313 url(arrow_over.gif) 250px 6px no-repeat; color:#fff;}


#nav li:hover li:hover ul,
#nav li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover li:hover ul
{left:250px; top:-3px; background: #fcc621; padding:3px;  white-space:nowrap; width:250px; z-index:400; height:auto;}

#nav ul, 
#nav li:hover ul ul,
#nav li:hover li:hover ul ul,
#nav li:hover li:hover li:hover ul ul,
#nav li:hover li:hover li:hover li:hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#nav li:hover li:hover a.fly,
#nav li:hover li:hover li:hover a.fly,
#nav li:hover li:hover li:hover li:hover a.fly,
#nav li:hover li:hover li:hover li:hover li:hover a.fly
{background:#fcc621 url(arrow_over.gif) 250px 6px no-repeat; color:#fff; border-color:#fff;} 

#nav li:hover li:hover li a.fly,
#nav li:hover li:hover li:hover li a.fly,
#nav li:hover li:hover li:hover li:hover li a.fly
{background:#fcc621 url(arrow.gif) 250px 6px no-repeat; color:#000; border-color:#bbd37e;} 



@media screen and (max-width: 768px) {
#nav li.top {
    height: auto;
	width:100%; 
    background-color:#b00808;

}



#nav li a.top_link span.down {

    float: left;
    display: block;
    padding: 0 24px 0 20px;
    height: auto;
    background: url(three_0a.gif) no-repeat right top;

}
}





/*@media and only screen (min-width: 769px) {
#nav li a.top_link span {float:left; display:block;padding: 0 20px 0 20px; color:#fff !important; height:51px; background: url(three_0.gif) right top no-repeat;}
}
@media (min-width: 992px) {
#nav li a.top_link span {float:left; display:block;padding: 0 20px 0 20px; color:#fff !important; height:51px; background: url(three_0.gif) right top no-repeat;}
}
@media (min-width: 1200px) {
#nav li a.top_link span {float:left; display:block;padding: 0 20px 0 20px; color:#fff !important; height:51px; background: url(three_0.gif) right top no-repeat;}
}*/