@charset "utf-8";
/* CSS Document */

/* ================================================================ 
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/final_drop.html
Copyright (c) 2005-2008 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* style the links for the top level 1 */
li#menu1, li#menu1 a  {width:113px;}
li#menu1 a { background-image:url(../images/menu_lo_01.gif); height:0px; padding-top:25px; overflow:hidden; }
li#menu1 a:hover {background:url(../images/menu_hi_01.gif);}
#menu1 a.active  {background-image:url(../images/menu_hi_01.gif);}
li#menu1 ul li a {width:158px; height:auto; background:url(../../common/images/level_2_up.gif) no-repeat; color:#FFF; padding-top:5px; padding-bottom:2px; border-left:4px solid #5daa35;border-right:4px solid #5daa35; border-bottom:4px solid #5daa35;}
li#menu1 ul li a:hover, li#menu1 ul li a.active {width:158px; background:url(../../common/images/level_2_down.gif) no-repeat; color:#006600;}
li#menu1 ul {width:186px; height:auto; left:15px; border:1px solid #FFF;}

/* style the links for the top level 2 */
li#menu2, li#menu2 a  {width:228px;}
li#menu2 a { background-image:url(../images/menu_lo_02.gif); height:0px; padding-top:25px; overflow:hidden; }
li#menu2 a:hover {background:url(../images/menu_hi_02.gif);}
#menu2 a.active  {background-image:url(../images/menu_hi_02.gif);}
li#menu2 ul li a {width:158px; height:auto; background:url(../../common/images/level_2_up.gif) no-repeat; color:#FFF; padding-top:5px; padding-bottom:2px; border-left:4px solid #5daa35;border-right:4px solid #5daa35; border-bottom:4px solid #5daa35;}
li#menu2 ul li a:hover, li#menu2 ul li a.active {width:158px; background:url(../../common/images/level_2_down.gif) no-repeat; color:#006600;}
li#menu2 ul {width:186px; height:auto; left:0px; border:1px solid #FFF;}
/* style the links for the sub level 2-1 */
li#menu2 ul ul {width:278px;left:186px; top:-1px; height:auto; border:1px solid #FFF;}
li#menu2 ul ul li a {width:250px;  height:auto; background:url(../../common/images/level_3_up.gif) no-repeat; color:#FFF; border-left:4px solid #73b155;border-right:4px solid #73b155; border-bottom:4px solid #73b155;}
li#menu2 ul ul li a:hover, li#menu2 ul ul li a.active {width:250px; background:url(../../common/images/level_3_down.gif) no-repeat; color:#006600;}

/* style the links for the top level 3 */
li#menu3, li#menu3 a  {width:216px;}
li#menu3 a { background-image:url(../images/menu_lo_03b.gif); height:0px; padding-top:25px; overflow:hidden; }
li#menu3 a:hover {background:url(../images/menu_hi_03b.gif);}
#menu3 a.active  {background-image:url(../images/menu_hi_03b.gif);}
li#menu3 ul li a {width:158px; height:auto; background:url(../../common/images/level_2_up.gif) no-repeat; color:#FFF; padding-top:5px; padding-bottom:2px; border-left:4px solid #5daa35;border-right:4px solid #5daa35; border-bottom:4px solid #5daa35;}
li#menu3 ul li a:hover, li#menu3 ul li a.active {width:158px; background:url(../../common/images/level_2_down.gif) no-repeat; color:#006600;}
li#menu3 ul {width:186px; height:auto; left:0px; border:1px solid #FFF;}
/* style the links for the sub level 3-1 */
li#menu3 ul ul {width:278px;left:186px; top:-1px; height:auto; border:1px solid #FFF;}
li#menu3 ul ul li a {width:250px;  height:auto; background:url(../../common/images/level_3_up.gif) no-repeat; color:#FFF; border-left:4px solid #73b155;border-right:4px solid #73b155; border-bottom:4px solid #73b155;}
li#menu3 ul ul li a:hover, li#menu3 ul ul li a.active {width:250px; background:url(../../common/images/level_3_down.gif) no-repeat; color:#006600;}

/* style the links for the top level 4 */
li#menu4, li#menu4 a  {width:83px;}
li#menu4 a { background-image:url(../images/menu_lo_04.gif); height:0px; padding-top:25px; overflow:hidden; }
li#menu4 a:hover {background:url(../images/menu_hi_04.gif);}
#menu4 a.active  {background-image:url(../images/menu_hi_04.gif);}
li#menu4 ul li a {width:158px; height:auto; background:url(../../common/images/level_2_up.gif) no-repeat; color:#FFF; padding-top:5px; padding-bottom:2px; border-left:4px solid #5daa35;border-right:4px solid #5daa35; border-bottom:4px solid #5daa35;}
li#menu4 ul li a:hover, li#menu4 ul li a.active {width:158px; background:url(../../common/images/level_2_down.gif) no-repeat; color:#006600;}
li#menu4 ul {width:226px; height:auto; border:1px solid #FFF;}

li.level_2_closer {padding-top:1px; width:178px; background:url(../../common/images/level_2_up.gif);border-left:4px solid #5daa35;border-right:4px solid #5daa35; height:1px; overflow:hidden;}
li.level_3_closer {padding-top:1px; width:270px; background:url(../../common/images/level_3_up.gif);border-left:4px solid #73b155;border-right:4px solid #73b155; height:1px; overflow:hidden;}

.menu {width:663px; height:25px; position:relative; z-index:100; top:8px; font-family:arial, sans-serif;background-image:url(../images/bg_nav.gif); background-repeat:repeat-x;}
/* hack to correct IE5.5 faulty box model */
* html .menu {width:663px; w\idth:710px;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;position:relative;}
/* style the links for the top level */
.menu a, .menu a:visited {display:block;font-size:12px;text-decoration:none; color:#fff; height:0px; background:#007700; padding-left:10px; line-height:20px; font-weight:normal;}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {width:149px; w\idth:138px;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:25px;left:15px; width:149px;}
/* another hack for IE5.5 */
* html .menu ul ul {top:24px;t\op:25px;}

/* position the third level flyout menu */
.menu ul ul ul{left:149px; top:-1px; width:149px;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-149px;}

/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background:#d4d8bd; color:#000; height:auto; line-height:14px; padding:5px 10px; width:128px;border-width:0 1px 1px 1px;}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:150px;w\idth:128px;}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}