/* CSS Document */

/*
The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/tab_padding.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

UL LI{list-style-type:none;}
UL LI LI{ list-style-type:none;}
UL LI LI LI{list-style-type:none;}
OL LI{list-style-type:none;}
OL OL LI{list-style-type:none;}
OL OL OL LI{ list-style-type:none;}
OL UL LI{list-style-type:none;}

.menu {
font-family:Arial,verdana,sans-serif;
font-size:1em;
position:relative;
width:960px;
text-align:center;
z-index:1000;
}
.menu ul {
list-style:none;
list-style-type:none;
margin:0;
padding:0;
}
.menu ul li {
float:left;
position:relative;
text-align:center
}
.saved{background:#A5AECE none repeat scroll 0 0;}
.menu ul li a, .menu ul li a:visited {

border-color:#ccc;
border-style:solid;
border-width:0px 1px 0 0;
color:#333333;
font-weight:bold;
display:block;
height:2.1em;
line-height:2.7em;
padding-left:10px;
text-decoration:none;
width:120px;
z-index:1000

}

* html .menu ul li a, .menu ul li a:visited {
width:120px;
}
.menu ul li ul {
display:none;
}
.menu table {
border-collapse:collapse;
font-size:1em;
margin:-1px;
}

.saved{background:#fff none repeat scroll 0 0;}
.menu ul li:hover a, .menu ul li a:hover {

color:#999999;
}
.menu ul li:hover ul, .menu ul li a:hover ul {
display:block;
left:0;
margin-top:1px;
position:absolute;
top:2em;
width:120px;
}
* html .menu ul li a:hover ul {
margin-top:1px;
}
.menu ul li:hover ul li ul, .menu ul li a:hover ul li a ul {
height:0;
position:absolute;
visibility:hidden;
width:0;
}
.menu ul li:hover ul li a, .menu ul li a:hover ul li a {
background:#fff none repeat scroll 0 0;
border-bottom:#000 dotted .01em;
color:#000000;
display:block;
height:auto;
line-height:1.2em;
padding:7px 10px;
width:130px;
text-align:left
}
* html .menu ul li a:hover ul li a {
width:130px;
}
.menu ul li:hover ul li a.drop, .menu ul li a:hover ul li a.drop {
background:#C9C9A7 url(drop.gif) no-repeat scroll right bottom; text-align:left
}
.menu ul li:hover ul li a:hover, .menu ul li a:hover ul li a:hover {
background:#C9C9A7 none repeat scroll 0 0;
color:#000000;
text-align:left;
}

.menu ul li:hover ul li:hover ul, .menu ul li a:hover ul li a:hover ul {
left:150px;
position:absolute;
top:0;
visibility:visible;
width:130px;
}
.menu ul li:hover ul li:hover ul.left, .menu ul li a:hover ul li a:hover ul.left {
left:-150px;
}
/*
.outerTop {font-family:verdana,sans-serif;position:relative;width:750px;z-index:2000;}
.hmenu {padding:0; margin:0px; width:200px;list-style-type:none; z-index:100 }
.hmenu ul {padding:0;font-weight:normal; margin:0; list-style-type:none; }
.hmenu li {list-style-type:none; width:200px; height:25px; margin:0px 0px;  clear:both; padding:0px 0 0 0; }
.hmenu a, .hmenu a:visited {position:relative; display:block; width:206x; height:20px; padding-left:40px; border-bottom:1px solid #eee; background-color:#fff; color:#666666;  text-decoration:none;  background:transparent url(images/Bull_03.gif) no-repeat left 0px; }
.hmenu li a:hover, .hmenu li a.CurrentItem {background:#fff url(down_arrow.gif) no-repeat center top; color:#000; background:#fff url(images/Bull_03.gif) no-repeat right 0px; }
 
* html .hmenu a:hover span {width:8px; height:16px; w\idth:0; he\ight:0;}*/




.hmenu {font-family: arial, sans-serif; width:170px; height:150px; position:relative; margin:0; font-size:12px; margin:0px 0;}
.hmenu ul li a, .hmenu ul li a:visited {display:block; text-decoration:none; color:#fff; width:170px;  text-align:left; padding:3px;   font-size:12px;}
.hmenu ul {padding:0; margin:0;list-style-type: none; }
.hmenu ul li {float:left; margin-right:1px; position:relative; list-style-type: none; }
.hmenu ul li ul {display: none; }

/* specific to non IE browsers */
.hmenu ul li:hover a {color:#fff; background:#838d0e; border:1px #fff solid;}
.hmenu ul li:hover ul {display:block; position:absolute; top:0; left:169px;background:#838d0e; border:1px #fff solid; z-index:1000}
.hmenu ul li:hover ul li a.hide {background:#006600; color:#000; top:2px}
.hmenu ul li:hover ul li:hover a.hide {width:150px;}
.hmenu ul li:hover ul li ul {display: none;}
.hmenu ul li:hover ul li a {display:block; background:#f89c1d; color:#fff; width:150px;}
.hmenu ul li:hover ul li a:hover {background:#dfc184; color:#000;}
.hmenu ul li:hover ul li:hover ul {display:block; position:absolute; left:151px; top:0; color:#000;}
.hmenu ul li:hover ul li:hover ul li a {display:block; width:200px; background:#dfc184; color:#000;}
.hmenu ul li:hover ul li:hover ul li a:hover {background:#bd8d5e; color:#fff;}
.style1 {color: #fff}



/* ================================================================ 
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/tab_padding.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* style the outer div to give it width */
.menu2 {font-size:0.85em; padding:4px 0 0px 6px; font-family:Arial, Helvetica, sans-serif; }

/* remove all the bullets, borders and padding from the default list styling */
.menu2 ul {padding:0px;margin:0px;list-style-type:none; height:25px; background:transparent;}

/* style the sub-level lists */
.menu2 ul ul {width:625px;}

/* float the top list items to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu2 ul li {float:left; height:25px; line-height:24px; display:block; margin:0px 0 0 0px; padding:0px 0 0 0; border:0}

/* style the sub level list items */
.menu2 ul ul li {display:block; width:170px; height:auto; line-height:1em;}
.menu2 ul ul li.last {padding-bottom:10px; background:url(images/menuFirstBottom.gif) bottom left no-repeat;}
.menu2 ul ul ul li.last {padding-bottom:10px; background:url(images/menuFirstBottom.gif) bottom left no-repeat;}
.menu2 ul ul ul ul li.last {padding-bottom:10px; background:url(images/menuFirstBottom.gif) bottom left no-repeat;}

/* style the links for the top level */
.menu2 a, .menu2 a:visited {display:block; float:left; height:24px; width:115px; font-size:14px; text-decoration:none; color:#fff; background:transparent url(images/but_mainmenu.gif); padding:0 0 0 10px; text-align:left;border:0; font-weight:bold; margin:0 0 0 0px}
/* hack IE5.x to get the correct the faulty box model and get the width right */
* html .menu2 a, * html .menu2 a:visited {width:125px; w\idth:115px;}

/* style the sub level links */
.menu2 ul ul a, .menu2 ul ul a:visited {display:block;background:#f8981d; color:#fff;width:168px; font-size:12px; height:100%; line-height:1.3em; padding:10px 10px; border:3px solid #CCC; border-width:0 3px 1px 3px;}

.menu2 ul  il .sub{background-color:#000 }
* html .menu2 ul ul a, * html .menu2 ul ul a:visited  {width:170px; w\idth:168px;}


/* style the table so that it takes no part in the layout - required for IE to work */
.menu2 table {border-collapse:collapse; padding:0; margin:-1px; width:0; height:0; font-size:1em; z-index:1;}


/* style the third level background */
.menu2 ul ul ul a, .menu2 ul ul ul a:visited {background:#f8981d;;}
/* style the fourth level background */
.menu2 ul ul ul ul a, .menu2 ul ul ul ul a:visited {background:#f8981d;;}
/* style the sub level 1 background */
.menu2 ul :hover a.sub {background:#fff;}
/* style the sub level 2 background */
.menu2 ul ul :hover a.sub {background:#eee;}

/* style the level hovers */
/* first */
* html .menu2 a:hover {color:#fff; border:0; height:25px; position:relative; z-index:100;}
.menu2 li:hover {position:relative;}

.menu2 :hover > a {color:#E9E9E9; border:0; height:25px;}
/* second */
* html .menu2 ul ul a:hover{color:#bdc731; background:#fff; position:relative; z-index:110; height:100%; border:3px solid #f8981d; border-width:0 3px 1px 3px;}

.menu2 ul ul li:hover {position:relative;}
.menu2 ul ul :hover > a {color:#fff;background:#bdc731; z-index:110; height:100%; border:1px solid #CCC; border-width:0 3px 1px 3px;}
/* third */
* html .menu2 ul ul ul a:hover {background:#bdc731;; position:relative; z-index:120;}
.menu2 ul ul ul :hover > a {background:#bdc731;}
/* fourth */
.menu2 ul ul ul ul a:hover {background:#E1F0FF; position:relative; z-index:130;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu2 ul ul {visibility:hidden;position:absolute;height:0; top:25px; left:0; width:170px;}

/* position the third level flyout menu */
.menu2 ul ul ul{top:-10px; width:170px;}


/* make the second level visible when hover on first level list OR link */
.menu2 ul :hover ul {visibility:visible; height:auto; padding:24px 30px 30px 30px; background:transparent url(images/MenuFirstTop.jpg) 30px 0 no-repeat; left:-20px;}
.menu2 ul :hover ul.left {visibility:visible; height:auto; padding:28px 30px 30px 30px; background:transparent url(tab/sub_top_left.gif) 30px 0 no-repeat; left:-55px;}


/* keep the third level hidden when you hover on first level list OR link */
.menu2 ul :hover ul ul{visibility:hidden;}
/* keep the fourth level hidden when you hover on second level list OR link */
.menu2 ul :hover ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu2 ul :hover ul :hover ul{visibility:visible; left:120px; height:auto; padding:24px 30px 30px 30px; background:transparent url(images/MenuFirstTop.jpg) 30px 0 no-repeat;}
.menu2 ul :hover ul.left :hover ul {left:-150px;}
/* make the fourth level visible when you hover over third level list OR link */
.menu2 ul :hover ul :hover ul :hover ul {visibility:visible; left:120px; height:auto; padding:24px 30px 30px 30px; background:transparent url(images/MenuFirstTop.jpg) 30px 0 no-repeat;}