/* ================================================================ 
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.cssmenus.co.uk
Copyright (c) 2009- Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
#menu ul {padding:0; list-style:none; text-align:left; margin:4px 0 1px 2px; background-color: #10218c; height: 30px;
font: bold 15px "Century Gothic", "Trebuchet MS", Helvetica, Arial, Geneva, sans-serif; width:918px; position:relative; z-index:50;}
#menu ul ul {padding:0; margin:0; list-style:none; position:absolute; left:-9999px;}
#menu ul table {border-collapse:collapse; font-size:1em; float:left; margin:-1px;}

#menu ul ul li {float:left; margin:0; text-align:left;}
#menu ul ul li a {display:block; line-height:25px; margin:0; padding:0 5px; background:transparent; width:150px;}

#menu ul li {display:inline; margin:0 -2px; padding:0; text-align:left;}
#menu ul li a {border-left: 1px solid #23d; border-right: 1px solid #0b1755; line-height:30px; text-decoration:none;
float:left; padding:0 14px 0 16px; background:#10218c; color: #bbcc07; cursor:pointer;}
#menu ul li.current a {background:#051580; color: #fff;} 
#menu ul li.current a.sub {background:#051580 url(images/arrowactive.gif) right no-repeat; color: #fff;} 
#menu ul li.exit a {background:url(images/arrowright.gif) right no-repeat;} 
#menu ul li a.sub {background: url(images/arrow.gif) right no-repeat;}

html>/**/body #menu ul li {display:inline-block; padding:0;}

* html #menu ul li a.sub {margin-right:3px;}
* html #menu ul li a {margin-bottom:-4px;}

#menu ul li.current a:hover {background:#051580; color:#fff;}
#menu ul li a:hover {background: #051580 url(images/arrowactive.gif) right no-repeat; color:#fff;}
#menu ul li a.sub:hover {background: #051580 url(images/arrowactive.gif) right no-repeat; color:#fff;}
#menu ul li a.single:hover {background: #051580; color:#fff;}

#menu ul li:hover {position:relative;}
#menu ul li:hover > a {background: #051580 url(images/arrowactive.gif) right no-repeat; color:#fff;}
#menu ul li:hover > a.sub {background: #051580 url(images/arrowactive.gif) right no-repeat; color:#fff;}
#menu ul li:hover > a.single {background: #051580; color:#fff;}
#menu ul li.current:hover > a {background: #051580 url(images/arrowactive.gif) right no-repeat; color:#fff;}
#menu ul li.current:hover > a.single {background: #051580; color:#fff;}
#menu ul li.exit:hover > a {background: #051580 url(images/arrowrightactive.gif) right no-repeat; color:#fff;}


#menu ul :hover ul {left:15px; width:180px; top:25px;}
* html #menu ul :hover ul {top:25px;}

#menu ul :hover ul li {display:block; float:left; margin:0; border-bottom:1px solid #01c; border-top: 1px solid #34f;} /* first level drop-down element*/
#menu ul :hover ul li a {display:block; float:left; margin:0; height:25px; line-height:25px; width:180px; background:#2030d0; color:#bbcc07;} /* first level drop-down element with no fly-out*/
#menu ul :hover ul li a.fly {background: #2030d0 url(images/arrowright.gif) no-repeat right center;} /* first level drop-down element with fly-out*/
#menu ul :hover ul li a:hover {background:#1029ad; color:#fff;}
#menu ul :hover ul li:hover > a {background:#1029ad; color:#fff;} /* first level drop-down element transform with mouse-over*/

#menu ul :hover ul li a.fly:hover {background:#1029ad url(images/arrowrightactive.gif) no-repeat right center;}
#menu ul :hover ul li:hover > a.fly {background:#1029ad url(images/arrowrightactive.gif) no-repeat right center;}

#menu ul :hover ul ul {left:-9999px;}

#menu ul :hover ul :hover ul {left:190px; top:3px; width:180px;}

#menu ul :hover ul :hover ul li {display:block; float:left; margin:0; /*border-bottom: 1px solid #fff;*/}
#menu ul :hover ul :hover ul li a {display:block; float:left; margin:0; height:20px; line-height:20px; background:#2033dd; color:#fff;}
#menu ul :hover ul :hover ul li a:hover {color:#fff; background:#2033dd;}
/* third fly-out level */
#menu ul :hover ul :hover ul li {display:block; float:left; margin:0; /*border-bottom:1px solid #fff; border-left: 1px solid #fff;*/} 
#menu ul :hover ul :hover ul li a {display:block; float:left; margin:0; height:25px; line-height:25px; width:180px; background:#3044ee; color:#bbcc07;} 
#menu ul :hover ul :hover ul li a.fly {background:#2033dd url(images/arrow.gif) no-repeat right center;} 
#menu ul :hover ul :hover ul li a:hover {background:#12e; color:#fff;}
#menu ul :hover ul :hover ul li:hover > a {background:#12e; color:#fff;} 

/***********************/
/* first level submenu */
/***********************/
#submenu1 ul {padding:0; list-style:none; text-align:left; margin:0 0 1px 2px; background-color: #0e3399; height: 25px;
font: bold 15px "Century Gothic", "Trebuchet MS", Helvetica, Arial, Geneva, sans-serif; width:918px; position:relative; z-index:40;}
#submenu1 ul ul {padding:0; margin:0; list-style:none; position:absolute; left:-9999px;}
#submenu1 ul table {border-collapse:collapse; font-size:1em; float:left; margin:-1px;}

#submenu1 ul ul li {float:left; margin:0; text-align:left;}
#submenu1 ul ul li a {display:block; line-height:25px; margin:0; padding:0 5px; background:transparent; width:150px;}

#submenu1 ul li {display:inline; margin:0 -2px; padding:0; text-align:left;}
#submenu1 ul li a {border-left: 1px solid #23e; border-right: 1px solid #0c2866; height: 25px; line-height:25px; text-decoration:none;
float:left; padding:0 14px 0 16px; background:#0e3399; color: #bbcc07; cursor:pointer;}
#submenu1 ul li.current a {background:#0a2096; color: #fff;} 
#submenu1 ul li.current a.sub {background:#0a2096 url(images/arrowactive.gif) right no-repeat; color: #fff;} 
#submenu1 ul li a.sub {background: #0e3399 url(images/arrow.gif) right no-repeat;}

html>/**/body #submenu1 ul li {display:inline-block; padding:0;}

* html #submenu1 ul li a.sub {margin-right:3px;}
* html #submenu1 ul li a {margin-bottom:-4px;}

#submenu1 ul li.current a:hover {background:#1029ad; color:#fff;}
#submenu1 ul li a:hover {background: #1029ad; color:#fff;}
#submenu1 ul li a.sub:hover {background: url(images/arrowactive.gif) right no-repeat; color:#fff;}

#submenu1 ul li:hover {position:relative;}
#submenu1 ul li:hover > a {background: #0a2096; color:#fff;}
#submenu1 ul li:hover > a.sub {background: #0a2096 url(images/arrowactive.gif) right no-repeat; color:#fff;}

#submenu1 ul :hover ul {left:5px; width:180px; top:25px;}

#submenu1 ul :hover ul li {display:block; float:left; margin:0; border-bottom:1px solid #12c;} /* first level drop-down element*/
#submenu1 ul :hover ul li a {display:block; float:left; margin:0; height:25px; line-height:25px; width:180px; background:#34f; color:#bbcc07;} /* first level drop-down element with no fly-out*/

#submenu1 ul :hover ul li a:hover {background:#23e; color:#fff;}
#submenu1 ul :hover ul li:hover > a {background:#23e color:#fff;} /* first level drop-down element transform with mouse-over*/

/***********************/
/* second level submenu */
/***********************/
#submenu2 ul {padding:0; list-style:none; text-align:left; margin:0; background-color: #1144a0; height: 20px;
font: bold 13px "Century Gothic", "Trebuchet MS", Helvetica, Arial, Geneva, sans-serif; width:920px; position:relative; z-index:30;}
#submenu2 ul table {border-collapse:collapse; font-size:1em; float:left; margin:-1px;}

#submenu2 ul li {display:inline; margin:0 -2px; padding:0; text-align:left;}
#submenu2 ul li a {border-left: 1px solid #23e; border-right: 1px solid #0c2866; height: 20px; line-height:20px; text-decoration:none;
float:left; padding:0 14px 0 16px; background:#14a; color: #bbcc07; cursor:pointer;}
#submenu2 ul li.current a {background:#084097; color: #fff;} 

#submenu2 ul li.current a:hover {background:#084097; color:#fff;}
#submenu2 ul li a:hover {background: #084097; color:#fff;}

#submenu2 ul li:hover {position:relative;}
#submenu2 ul li:hover > a {background: #084097; color:#fff;}