@charset "utf-8";
/* CSS Document */
/*
   Styling for CSS-based drop-down menus.

   (C) Copyright 2006 Just Software Solutions Ltd. 
   Distributed under the Boost Software License, Version 1.0. 
   (See http://www.boost.org/LICENSE_1_0.txt)
*/
@media all {
#button1 {width:60px;}
#button2 {width:100px;}
#button3 {width:90px;}
#button4 {width:80px;}
#button5 {width:70px;}
#button6 {width:80px;}
#button7 {width:70px;}
#button8 {width:90px;}
#button9 {width:70px;}
#button10 {width:70px;}
#button11 {width:90px;}
li#button2 a{padding-top: 0.1em; padding-bottom: 0.1em;}
li#button3 a{padding-top: 0.1em; padding-bottom: 0.1em;}
li#button6 a{padding-top: 0.1em; padding-bottom: 0.1em;}
li#button7 a{padding-top: 0.1em; padding-bottom: 0.1em;}
li#button8 a{padding-top: 0.1em; padding-bottom: 0.1em;}
li#button9 a{padding-top: 0.1em; padding-bottom: 0.1em;}
li#button11 a{padding-top: 0.1em; padding-bottom: 0.1em;}
li#button2 ul li a{padding-top: 0.75em; padding-bottom: 0.65em;}
li#button3 ul li a{padding-top: 0.75em; padding-bottom: 0.65em;}
li#button6 ul li a{padding-top: 0.75em; padding-bottom: 0.65em;}
li#button7 ul li a{padding-top: 0.75em; padding-bottom: 0.65em;}
li#button8 ul li a{padding-top: 0.75em; padding-bottom: 0.65em;}
li#button9 ul li a{padding-top: 0.75em; padding-bottom: 0.65em;}
li#button11 ul li a{padding-top: 0.75em; padding-bottom: 0.65em;}
.spacer {padding:0;margin:0;}
.navmenu, .navmenu ul, .navmenu li { padding: 0px; margin: 0px; }
.navmenu > li { float: left; }
.navmenu li { background-color: #087bfa;padding-left: 4px; padding-right: 4px;text-align:center;height:28px; list-style-type: none;
border-left: 1px solid #7d8998;border-right: 1px solid #7d8998;border-bottom: 1px solid #7d8998;color: white;  }
.navmenu ul { display: none; position: absolute; margin-left: -5px; margin-top: 0px; }
.navmenu li:hover > ul { display: block; }
.navmenu ul.parent_hover { display: block; }
.navmenu a { margin: 0;padding-top: 0.75em; padding-bottom: 0.65em; vertical-align:middle;color: white; display: block; text-decoration: none; text-align:center; }
.navmenu li:hover { color: black; background-color: #84cfeb; }
.navmenu li.hover, .navmenu a:hover { color: black; background-color: #84cfeb; }
.navmenu ul ul { margin-top: -2.7em; left: 102%; }
.navmenu span { display: block; }
.navmenu { float: left; width: 100%; background-color: #6699FF; font-weight: bold; font-size: 11px;  color: white; font-family: Verdana, Arial, Helvetica, sans-serif; list-style-type: none;}
.navmenu li#button11 {background-color:#ff5e0d;}
.navmenu li#button11:hover {background-color:#f0a680;}
.navmenu li:hover ul li { z-index: 101; background-image: none; width: 190px; height: 24px; padding-bottom: 7px; border-right: #3f737f 1px solid; font-size: 11px; vertical-align: middle; border-left: #3f737f 1px solid; border-bottom: #3f737f 1px solid; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #25b4e9 }
.navmenu li ul li span { background-position: right center; background-image: url(/img/topnav/arrow-wht.gif); background-repeat: no-repeat;}
.endmenu { clear: left; }
#navbarleft { FLOAT: left; PADDING: 0; Z-INDEX: 99; MARGIN:0; border-left: 1px solid #7d8998;}
}
/*
#nav { background-color: red !important; LIST-STYLE-TYPE: none; }
#nav UL { FONT-WEIGHT: bold; FONT-SIZE: 11px; MARGIN: -1px 0px; COLOR: white; PADDING: 0; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; LIST-STYLE-TYPE: none; }
#nav A { DISPLAY: block; COLOR: white; TEXT-DECORATION: none }
#nav LI { FLOAT: left; VERTICAL-ALIGN: middle; background-position: top right; BACKGROUND-IMAGE: url(/img/topnav/top-nav-button-background.gif); }
#nav LI A { PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 0.80em; MARGIN: 0px; PADDING-TOP: 0.75em; }
#nav LI:hover { COLOR: black; }
#nav LI A:hover { COLOR: black; BACKGROUND: url(/img/topnav/top-nav-button-background.gif) no-repeat right 100%; }
#nav LI UL { BORDER-TOP: #3f737f 1px solid; Z-INDEX: 6; LEFT: -999em; WIDTH: 192px; COLOR: black; POSITION: absolute; }
#nav LI:hover UL LI { Z-INDEX: 101; BACKGROUND-IMAGE: none; WIDTH: 190px; POSITION: relative; HEIGHT: 24px; padding-bottom: 7px; BORDER-RIGHT: #3f737f 1px solid; FONT-SIZE: 11px; VERTICAL-ALIGN: middle; BORDER-LEFT: #3f737f 1px solid; BORDER-BOTTOM: #3f737f 1px solid; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; HEIGHT: 24px; BACKGROUND-COLOR: #25b4e9 }
#nav LI UL LI:hover UL { LEFT: 0px }
#nav LI:hover UL LI UL { PADDING: 0; MARGIN: -31px 0px 0px 190px; }
#nav LI:hover UL LI UL:hover { PADDING: 0px; MARGIN: -30px 0px 0px 190px; }
#nav LI:hover UL LI UL LI:hover { padding: 0; MARGIN: 0; HEIGHT: 30px }
#nav LI:hover UL UL { LEFT: -999em }
#nav LI:hover UL UL UL { LEFT: -999em }
#nav LI.sfhover UL UL { LEFT: -999em }
#nav LI.sfhover UL UL UL { LEFT: -999em }
#nav LI:hover UL { LEFT: auto }
#nav LI UL LI:hover UL { LEFT: auto; POSITION: relative }
.flyout { BACKGROUND-POSITION: right center; BACKGROUND-IMAGE: url(/img/topnav/arrow-wht.gif); BACKGROUND-REPEAT: no-repeat; HEIGHT: 30px }
#nav li#special-promo a:hover { COLOR: black; BACKGROUND: url(/img/topnav/top-nav-button-special-background.gif) no-repeat right 100%; }*/

