#info {height:3em;}

/* ================================================================ 
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/padding.html
Copyright (c) 2005-2009 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 this div width */
/*.menu {font-size:0.85em; padding-bottom:200px; width:700px;}*/

/*.menu {font-size:0.85em; padding:5px; width:800px; font-family:arial;}*/
/*.menu {font-size:90%; font-weight:bold; padding:0.5em 0 0 0 ;  font-family:Verdana, Arial, Helvetica, sans-serif; position:relative; z-index:1000; }*/

.menu {font-size:90%; padding:0.5em 0 0 0 ;  font-family:Verdana, Arial, Helvetica, sans-serif; position:relative; z-index:1000; }


/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0 0 0 2em; margin:0;list-style-type:none; height:3em; background:maroon; }
.menu ul {padding:0 0 0 0.25em; margin:0;list-style-type:none; height:2em; background:maroon; }

.menu li{ background-color:Orange;} /*Background color for top level.*/
/*.menu ul ul li {background-color:aqua;} /*Background color for all dropdown levels except top.*/



/* style the sub-level lists */
.menu ul ul {width:12em; background-color:Maroon; }


/* float the top list items to make it horizontal and a relative position so that you can control the dropdown menu positon. Also height and line-height determine the height of "buttons"*/
.menu ul li {float:left;height:3em;line-height:3em; display:block; }
.menu ul li {float:left;height:2em;line-height:2em; display:block; }



/* style the sub level list items */
.menu ul ul li {display:block;width:101%;height:auto; line-height:1em; }

/* style the links for the TOP LEVEL - width controls fixed width of top "buttons"*/
/*.menu a, .menu a:visited {display:block;float:left;height:100%; width:7em; font-size:1em;text-decoration:none;color:#000;background:#949e7c url(top_grad.gif) center center; padding:0 3em 0 1em; border-left:1px solid #eee; border-right:1px solid #000;}*/
/*.menu a, .menu a:visited {display:block;float:left;height:100%; font-size:1em;text-decoration:none;color:blue; background:#949e7c center center; padding:0 3em 0 1em; border-left:1px solid #eee; border-right:1px solid #000; }*/
.menu a, .menu a:visited {display:block; float:left; height:100%;font-size:1em; 
                          text-decoration:none; 
                          padding:0 1em 0 1em;/*space between text and border*/ 
                          border-left:1px solid #eee; 
                          border-right:1px solid #000; 

/*border-right-width:3em;*/
/*margin-right:3em;/*The space between the "buttons"*/ 
}


/* hack IE5.x to get the correct the faulty box model and get the width right */
/** html .menu a, * html .menu a:visited {width:11em; w\idth:7em;}*/

#menu2 a.topDown, #menu2 a.topDown:visited, #menu2 a.topDown:hover /* attaches down-arrow to all top-parents */
	{
	background-image: url(images/menu/drop.gif);
	background-position: right center ;
	background-repeat: no-repeat;
	}
#menu2 a.subFly1, #menu2 a.subFly1:visited, #menu2 a.subFly1:hover, #menu2 a.subFly2, 
	#menu2 a.subFly2:visited, #menu2 a.subFly2:hover /* attaches right-arrow to all sub menus */
	{
	background-image: url(images/menu/fly.gif);
	background-position: right center;
	background-repeat: no-repeat;
	}


/* style the sub level links */
/* FIRST dropdown */
/*.menu ul ul a, .menu ul ul a:visited {display:block;background:#5b8686 url(sub_grad.gif); color:#fff;width:12em;height:100%;line-height:1em; padding:0.5em 1em; border-bottom:1px solid #7aa;}*/


.menu ul ul a, .menu ul ul a:visited {display:block; color:#fff; width:12em; height:100%;line-height:1em; padding:0.5em 1em; border-bottom:1px solid #7aa;}
.menu ul ul a, .menu ul ul a:visited {display:block; color:#fff; width:15em; 
                                      height:100%;line-height:1em; padding:0.5em 1em; 
                                      border-bottom:1px solid #7aa;}

* html .menu ul ul a, * html .menu ul ul a:visited  {width:14em; w\idth:15em; }


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


/* style the third level background */
/* SECOND dropdown */
/*.menu ul ul ul a, .menu ul ul ul a:visited {background:#b4be9c url(sub_grad.gif);}*/
.menu ul ul ul a, .menu ul ul ul a:visited {background:yellow;}


/* style the fourth level background */
.menu ul ul ul ul a, .menu ul ul ul ul a:visited {background:#c4ceac url(sub_grad.gif);}
/* style the sub level 1 background */
.menu ul :hover a.sub1 {background:#447b7b;}
/* style the sub level 2 background */
.menu ul ul :hover a.sub2 {background:#447b7b;}

/* style the level hovers */
/* FIRST (TOP) LEVEL */
/** html .menu a:hover {color:#ff0;background:#d4d8bd url(top_grad_2.gif) center center; position:relative; z-index:100;}*/

/*
.menu a:hover {color:#ff0; background:center center; position:relative; z-index:100; text-decoration:none;}
.menu li:hover {position:relative; background-color:yellow;}
*/
#menu2 a:hover {color:black; background:yellow center center; position:relative; z-index:100;text-decoration:none;}
#menu2 li:hover{position:relative; background-color:yellow;}


/*.menu :hover > a {color:#ff0;background:#d4d8bd url(top_grad_2.gif) center center;}*/
.menu :hover > a {color:#ff0; background:#d4d8bd center center; visibility:visible ;}


/* SECOND LEVEL hover */
* html .menu ul ul a:hover{color:#ff0;background:#7aa; position:relative; z-index:110;}
.menu ul ul li:hover {position:relative;}
.menu ul ul :hover > a {color:#ff0;background:GREEN;}

/* THIRD LEVEL hover */
* html .menu ul ul ul a:hover {background:#7aa; position:relative; z-index:120;}
.menu ul ul ul :hover > a {background:#7aa;}
.menu ul ul ul ul a:hover {background:red; position:relative; z-index:130;}


/* hide the sub levels and give them a position absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:3em; left:0; width:14em;}
.menu ul ul {visibility:hidden;position:absolute;height:0;
             top:2em; /*Positions the top of the first dropdown relative to the top menu.*/
             left:0; width:17em;}


/* position the third level flyout menu */
.menu ul ul ul{left:12em;top:0;width:14em;}
.menu ul ul ul{left:12em;top:0;width:17em;}


/* position the fourth level flyout menu */
.menu ul ul ul ul{left:12em;top:0;width:14em;}
.menu ul ul ul ul{left:12em;top:0;width:17em;}




/* make the second level visible when hover on first level list OR link  - transparent bits are the overrun areas*/
.menu ul :hover ul{visibility:visible; height:auto; padding:0 3em 3em 3em; background:transparent url(images/trans.gif); left:-3em;}
/*.menu ul :hover ul{visibility:visible; height:auto; padding:0 3em 3em 3em; background:red; left:-3em;}*/



/* keep the third level hidden when you hover on first level list OR link */
/*.menu ul :hover ul ul{visibility:hidden; }*/
.menu ul :hover ul ul{visibility:hidden; padding-top:3em; /*This gives the overrun to top of sub dropdowns*/ top:-3em;}


/* keep the fourth level hidden when you hover on second level list OR link */
.menu ul :hover 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; left:14em;/*Determine the left position of third level menu*/}

/* make the fourth level visible when you hover over third level list OR link */
.menu ul :hover ul :hover ul :hover ul {visibility:visible;}


/* This div acts as the space between the buttons*/
#spacer1, #spacer2, #spacer3 , #spacer4, #spacer5, #spacer6, #spacer7, #spacer8 {width:0.5em; background-color:red; z-index:300;}