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

.dropList {float: left; clear: both;height:40px; width: 950px; background: url(images/amainmenu_no.png) top repeat-x; font-family:arial, sans-serif; font-size:15px; position:relative; text-transform: uppercase; z-index: 9000 !important; margin-top: 13px; margin-bottom: 5px;font-weight: bold;}
.dropList ul {padding:0; margin:0; list-style:none; }
.dropList ul li div {position:absolute; left:-9999px; top:-9999px;  background: #fff; 
border-left: 1px solid #eee; border-right:1px; 
border-right: 1px solid #eee; 
border-top: 1px solid #444; 
border-bottom: 10px solid #008887;
background: #fff url(images/divBack.gif);
padding-bottom:6px;

}
.dropList ul li div ul {width:210px; float:left;letter-spacing: normal;font-size: 13px;}

/*Main Level:*/
.dropList ul li {float:left; width: 145px; background: url(images/mainmenu_no.png) top right; border-left: 1px solid #fff;}
.dropList ul li.first,
.dropList ul li.first.act > a{width: 74px; border: none;}
.dropList ul li a {display:block; padding:5px 0 15px 0; float:left; line-height:20px; text-decoration:none; font-weight:bold; color:#539aa4; width: 146px; text-align: center; }
.dropList ul li.first a{width: 74px;}
.dropList ul ul li a.fly {background:url(images/arrow.gif) no-repeat right center; width: 160px;}
.dropList ul ul ul li a.fly {background:none;}
.dropList ul ul ul li a:hover {background: #15898C !important;}

.dropList ul ul li a, 
.dropList ul ul li h4 a {margin:0 0 0 0; padding:3px 0 7px 10px; width:190px; line-height:20px; font-weight:normal; text-align: left; list-style-position: outside; text-transform:none; color: #444;padding-right: 0px;}
.dropList ul ul li a{padding: 3px 25px 3px 25px; width: 160px;}
.dropList ul ul li h4 {font-size: 13px;padding-right: 0px;}
.dropList ul ul li h4 a {font-weight:bold; text-transform: uppercase; margin-top: 8px; padding-bottom: 0px; padding-right: 0px;color: #008786; width: 200px;}

/* 1st level*/
.dropList ul li:hover > a {background: url(images/mainmenu_ro.png) top right; color: #fff; border-right: 1px solid #fff; width: 145px;}
.dropList ul li.first:hover a{width: 74px;}
.dropList ul li.act > a {background: url(images/mainmenu_act.png) top right; color: #fff;width: 145px;}

/*2nd level*/
.dropList ul ul li{background: none; border: none;}
.dropList ul ul li:hover > a.fly { color: #fff;background: #7fc3c3 url(images/arrow_white.gif) no-repeat right center;}
.dropList ul ul ul li:hover > a.fly { color: #fff;background:#7fc3c3;}

.dropList ul ul li.act3:hover > a.fly {background: #7fc3c3 url(images/arrow_white.gif) no-repeat right center; color: #fff;}
.dropList ul ul li:hover > a, .dropList ul ul li:hover h4 a {background: #7fc3c3; color: #fff; border: none;}
.dropList ul ul li:hover h4 a {width: 200px;}
.dropList ul ul li.act2bold h4 > a {background: transparent; color: #7fc3c3; }
.dropList ul ul ul li > a {width: 185px !important;padding-left: 13px; padding-right:0;}
.dropList ul ul ul li:hover > a {background: #7fc3c3; color: #fff; width: 185px; padding-left: 13px;}
.dropList ul ul li.act3nosub > a{background: #fff; color: #7fc3c3;}
.dropList ul ul li.act3 > a {background: #fff url(images/arrow.gif) no-repeat right center; color: #7fc3c3;}
.dropList ul ul ul li.act4 > a {background: #7fc3c3; color: #fff; width: 185px; padding-left: 13px;}
.dropList ul .fourCol:hover div {left:-1px; top:40px; width:720px;}

.dropList ul .threeCol:hover {position:relative;}
.dropList ul .threeCol:hover div {left:-1px; top:40px; width:630px;}
.dropList ul .threeCol.menu_right:hover div {left:-470px; top:40px; width:630px;}

.dropList ul .twoCol:hover {position:relative;}
.dropList ul .twoCol:hover div {left:-1px; top:40px; width:420px;}
.dropList ul .twoCol.menu_right:hover div {left:-275px; top:40px; width:420px;}

.dropList ul .oneCol:hover {position:relative;}
.dropList ul .oneCol:hover div {left:-1px; top:40px; width:210px;}
.dropList ul .oneCol.menu_right:hover div {left:-65px; top:40px; width:210px;}


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

/*3rd level*/
.dropList ul :hover div ul .fly:hover {position:relative;}
.dropList ul :hover div ul .fly:hover ul {left:206px; width: 210px;top:-4px; background:#cce7e7;padding:4px 0;
-webkit-border-top-right-radius: 10px;
-webkit-border-bottom-right-radius: 10px;
-moz-border-radius-topright: 10px;
-moz-border-radius-bottomright: 10px;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
border-left: 2px solid #15898C;
}

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

.dropList ul :hover div ul .fly:hover ul .fly:hover ul {left:170px; top:-7px; background: #7fc3c3; color: #fff; border:1px solid #aaa;}

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