﻿#menu_footer {
	position: absolute;
	width: 775px;
	height: 35px;
	float: left;
	clear:right;
	text-align: left;
	left: 160px;
	margin: 0px;
	padding: 0px;
	z-index: 2;
}
.menu_footer {
clear: right;
width:770px;
height:35px;
font-size:0.85em;
padding-top:0px;
}
/* remove all the bullets, borders and padding from the default list styling */
.menu_footer ul {
padding:0;
margin:0;
list-style-type:none;
}
.menu_footer ul ul {
width:154px;
}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu_footer positon */
.menu_footer li {
float:left;
width:154px;
position:relative;
}

/* style the links for the top level */
.menu_footer a {
display:block;
font-size:12px;
text-decoration:none; 
color:#fff; 
width:143px; 
height:30px; 
border:1px solid #fff; 
border-width:1px 1px 0 1px; 
padding-left:10px; 
line-height:29px;
background:url("blank_bar_blue.gif"); 
}
/* style the second level background links into flyouts*/
.menu_footer ul ul a.drop {
background:url("blank_bar_mediumgrey.gif");
}
/* style the second level hover
.menu_footer ul ul a.drop:hover {
background:#ff00000;
background:url(styles/blank_over.gif);
}
*/
/* style the second level background links on hover into flyouts*/
.menu_footer ul ul :hover > a.drop {
/*background:#ff0000;*/
background:url("blank_bar_mediumgrey.gif");
}
/* style the third level background */
.menu_footer ul ul ul a {
/*background:#ff0000;*/
background:url("blank_bar_lightgrey.gif");
}
/* style the third level hover */
.menu_footer ul ul ul a:hover{
color: white;
/*background:#b2ab9b;*/
background:url("blankover_bar_blue.gif");
}
/* style the third level hover */
.menu_footer ul ul ul :hover > a {
color: white;
/*background:#ff0000;*/
background:url("blankover_bar_blue.gif");
}
/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu_footer ul ul {
visibility:hidden;
position:absolute;
bottom:31px;
left:0; 
width:154px;
}
/* position the third level flyout menu_footer */
.menu_footer ul ul ul{
left:154px; 
bottom:0;
width:154px;
}
/* position the third level flyout menu_footer for a left flyout */
.menu_footer ul ul ul.left {
left:-154px;
}
/* style the second level links */
.menu_footer ul ul a {
color:#000; 
height:auto; 
line-height:1em; 
padding:5px 10px; 
width:133px;
/*background:#ff0000; #d4d8bd;*/
background:url("blank_bar_lightgrey.gif");
}
 
/* style the top level hover */
.menu_footer a:hover, .menu_footer ul ul a:hover {
/*color:#fff;*/
color: white;
background:url("blankover_bar_blue.gif");
}
/* make the second level visible when hover on first level list OR link */
.menu_footer ul li:hover ul,
.menu_footer ul a:hover ul{
visibility:visible;
height:auto;
}
/* keep the third level hidden when you hover on first level list OR link */
.menu_footer ul :hover ul ul{
display:none;
}
/* keep the fourth level hidden when you hover on second level list OR link */
.menu_footer ul :hover ul :hover ul ul {
display:none;
}

/* make the third level visible when you hover over second level list OR link */
.menu_footer ul :hover ul :hover ul {
display:block;
bottom:0;
}
/* make the fourth level visible when you hover over third level list OR link */
.menu_footer ul :hover ul :hover ul :hover ul {
display:block;
bottom:0;
}

