/* ================================================================ 
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_pullup.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.
=================================================================== */
/* No javascript file is needed to accomplish this. CSS controls the pop-up functionality. */

#footermenu-ie6 {display: none;}

/* style the outer div to give it width */
#footermenu {
width:960px;
min-height:24px;
padding: 2px 10px 6px 10px;
margin-right: auto;
margin-left: auto;
}
/* remove all the bullets, borders and padding from the default list styling */
#footermenu ul {
padding:0;
margin:0;
list-style-type:none;
}
#footermenu ul ul {
width:150px;
z-index: 100;
}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
#footermenu li {
float: left;
width:auto;
position: relative;
}
	#footermenu li.divider {
	  color: #eee;
	  padding: 10px 0;
	}
/* style the links for the top level */
	#footermenu li a {
	  font-size: 1em;
	  color: #fff;
	  font-family: sans-serif;
	  text-decoration: none;
	  height: 20px;
	  display: block;
	  padding: 12px 14px;
	  margin: -2px 0px 0px 0px;
	  float: left;
	}
	#footermenu li a:hover {
	  color: #555;
	  background-color: #e0e0e0;
	  text-decoration: none;
	}
	
	#footermenu ul li ul li  {		/*** controls the popup menu li's ***/
	  
	}

/* a hack so that IE5.5 faulty box model is corrected */
* html #footermenu a, * html #footermenu a:visited {
width:150px;
w\idth:150px;
}

/* style the second level background */
#footermenu ul ul a.drop, #footermenu ul ul a.drop:visited {
background:#b0b1b3;
}

/* style the second level hover */
#footermenu ul ul a.drop:hover {
background:#eef3f9;
}
#footermenu ul ul :hover > a.drop {
background:#c9ba65;
}
/* style the third level background */
#footermenu ul ul ul a, #footermenu ul ul ul a:visited {
background:#b0b1b3;
}
/* style the third level hover */
#footermenu ul ul ul a:hover{
background:#b2ab9b;
}
#footermenu ul ul ul :hover > a {
background:#b2ab9b;
}

/* style the table so that it takes no part in the layout - required for IE to work */
#footermenu table {border-collapse:collapse; border:0; position:absolute; left:0; bottom:-1px;}

/* hide the sub levels and give them a positon absolute so that they take up no room */
#footermenu ul ul {
visibility:hidden;
position:absolute;
bottom: 44px; /***** controls where the popup menus begin *****/
left:0; 
display: block;
width: 180px;
margin: 0px;
padding: 0px;
background-color: #b0b1b3;
  	  -moz-border-radius-topright: 6px;
	  -webkit-border-top-right-radius: 6px;
	  border-top-right-radius: 6px;
	  -moz-border-radius-topleft: 6px;
	  -webkit-border-top-left-radius: 6px;
	  border-top-left-radius: 6px;
	  -moz-border-radius-bottomright: 0px;
	  -webkit-border-bottom-right-radius: 0px;
	  border-bottom-right-radius: 0px;
	  -moz-border-radius-bottomleft: 0px;
	  -webkit-border-bottom-left-radius: 0px;
	  border-bottom-left-radius: 0px;
}


/* position the third level flyout menu */
#footermenu ul ul ul{
left:150px; 
bottom:0;
width:150px;
}
/* position the third level flyout menu for a left flyout */
#footermenu ul ul ul.left {
left:-150px;
}


/* style the second level links - controls the active (non-hovered) links in popup menu */
#footermenu ul ul a, #footermenu ul ul a:visited {
background:#b0b1b3; 
color:#fff; 
height:auto; 
line-height:1em; 
padding:8px 10px; 
width:160px;   /*  controls the width of the pop up menus  */
text-align: left;
z-index: 10;
/* yet another hack for IE5.5 */
}
* html #footermenu ul ul a{
width:150px;
w\idth:129px;
}


/* style the top level hover */

#footermenu a:hover, #footermenu ul ul a:hover{
color:#ffffff; 
background:#e0e0e0;
}

#footermenu :hover > a { /* controls the footer tab when the popup menu is opened */
color:#555;
background:#e0e0e0;
}

#footermenu ul ul :hover > a { /* controls the look of the popup menu */
color:#555;
background:#e0e0e0;
}




/* make the second level visible when hover on first level list OR link */
#footermenu ul li:hover ul,
#footermenu ul a:hover ul {
visibility:visible;
height:auto;
min-width: 150px;
padding-bottom: 10px;
padding-top: 10px;
}
/* keep the third level hidden when you hover on first level list OR link */
#footermenu ul :hover ul ul{
display:none;
}
/* keep the fourth level hidden when you hover on second level list OR link */
#footermenu ul :hover ul :hover ul ul{
display:none;
}
/* make the third level visible when you hover over second level list OR link */
#footermenu ul :hover ul :hover ul{ 
display:block;
bottom:0;
}
/* make the fourth level visible when you hover over third level list OR link */
#footermenu ul :hover ul :hover ul :hover ul { 
display:block;
bottom:0;
}