/* ================================================================
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/sfmenus/final_pullup.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any
way to fit your requirements.
=================================================================== */
/* style the outer div to give it width */
.sfmenu {
width:30px;
height:8px;
margin-left: -5px;
}

.footerlinks {
color: #000;
font-family: Verdana !important;
font-size: 9px !important;
text-transform: none;
}

* html .sfmenu
{
margin-right:168px;
margin-top:-63px;
}

/* remove all the bullets, borders and padding from the default list styling */
.sfmenu ul {
width:45px;
padding:0px;
margin:0px;
list-style-type:none;
background-color: transparent;
}
.sfmenu ul ul {
width:560px !important;
background-color:white;
border:1px solid white;
}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.sfmenu li {
float:left;
height:12px;
position: relative;
margin: 0px;
}

.sfmenu ul ul li {
float:left;
width:650px;
height:30px;
position: relative;
padding: auto;
margin: 0px;
}

/* style the links for the top level */
.sfmenu a, .sfmenu a:visited {
/*display: inline;*/

/*font-size:9px;*/
text-transform:none;
text-decoration: underline;
color:#616161;
height:30px;
background:transparent;
padding-left:4px;
line-height:10px;
}
/* a hack so that IE5.5 faulty box model is corrected */
* html .sfmenu a, * html .sfmenu a:visited {
width:50px;
w\idth:39px;
}

/* style the second level background
.sfmenu ul ul a.drop, .sfmenu ul ul a.drop:visited {
background:#949e7c;
}*/
/* style the second level hover
.sfmenu ul ul a.drop:hover {
background:#c9ba65;
}
.sfmenu ul ul :hover > a.drop {
background:#c9ba65;
}*/
^
/* style the table so that it takes no part in the layout - required for IE to work */
.sfmenu 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 */
.sfmenu ul ul {
display:none;
position:absolute;
bottom:11px;
left:0;
height:30px;

}
* html .sfmenu ul ul {
bottom:12px;
}

/* style the second level links */
.sfmenu ul ul a, .sfmenu ul ul a:visited {
/*font-size:12px;*/
position:relative;
background:white;
color:#616161;
text-transform:none;
height:30px !important;
top: 8px;
margin-left: auto;
margin-right: auto;
line-height: 18px;
vertical-align: middle;
}

/* yet another hack for IE5.5 */
}
* html .sfmenu ul ul a{
width:150px;
w\idth:129px;
}


/* style the top level hover */
.sfmenu a:hover{
background:transparent;
}
.sfmenu :hover > a {
background:transparent;
}

/* style the second level hover */
.sfmenu ul ul a:hover{
background:white;
}
.sfmenu ul ul :hover > a {
background:white;
}


/* make the second level visible when hover on first level list OR link */
.sfmenu ul li:hover ul,
.sfmenu ul a:hover ul{
display:inline;
height:auto;
}