/* reset */
#menu, #menu ul, #menu li {
	margin: 0;
	padding: 0;
	list-style: none;
}

html { height: 100%; border-bottom: 1px solid #fff } /* force scrollbar */


/* global styles */
#menu { 
	height: 25px;
	list-style: none;
	margin: 0;
	padding: 0;
	position: absolute;
	bottom: 0;
	right: 0;
}

#menu li li { text-align: left }
#menu a {
	display: block;
	width: 100%;
	height: 100%;
	color: #2b458f;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
#menu a:hover {
	color: #fbe64d;
}
#menu ul a:hover { background: #2b458f; }

/* Top level menus */
#menu li { 
	height: 25px;
	background-color: #fbe64d;
	background-repeat: no-repeat;
	background-position: 0 0;
	float: left;
	text-indent: -9999px;
	position: relative;
}
#menu li:hover, #menu li.sfhover {
	background-position: 0 -25px; 
}

#menu li.about { background-image: url(../images/m1.gif); width: 119px; }
#menu li.mainservices { background-image: url(../images/m2.gif); width: 119px; }
#menu li.extraservices { background-image: url(../images/m3.gif); width: 119px; }
#menu li.sponsorship { background-image: url(../images/m4.gif); width: 119px; }
#menu li.creditapp { background-image: url(../images/m5.gif); width: 119px; }
#menu li.contactus { background-image: url(../images/m6.gif); width: 119px; }
#menu li.links { background-image: url(../images/m7.gif); width: 119px; }
#menu img { display: block; border: none }

/* second level menus */
#menu ul {
    position: absolute;
	left: -9999px;
	top: -9999px;
    background: #fbe64d;
	border: 1px solid #2b458f;
	padding-top: 0px;
	z-index: 1;
}
#menu ul li { background-color: #fbe64d }
#menu ul ul {
  padding: 10px 0;
  z-index: 2;
}
#menu li:hover ul, #menu li.sfhover ul {
	left: 0;
	top: 25px;
}
#menu li:hover ul ul, #menu li.sfhover ul ul { left: -9999px; top: -9999px; padding: 0; }
#menu ul li {
	text-indent: 0;
	height: auto;
	line-height: 1.3em;	
}
#menu ul li.last { border: none }
#menu ul a {
	display: block;
	width: 148px;
	padding: 6px 10px;
	font-size: 11px;
}
#menu ul ul a { 
	padding: 4px 10px;

}

/* Adds background image >> for nested menus */
#menu ul li.sub a {
	background: transparent url(../images/menu_arrow_right.gif) no-repeat 97% 50%;
}

/* Third level menus */
#menu ul li.sub li a { background: #fbe64d }
#menu ul li.sub li a:hover { background: #2b458f }
#menu ul ul li { border: none }
#menu ul li:hover ul, #menu ul li.sfhover ul {
	left: 125px;
	top: -6px;
	background: #fbe64d;
	border: 1px solid #2b458f;
}
#menu ul li ul a:hover { background: #2b458f }


/* IE crazy stacking fix */
#menu li:hover, #menu li.sfhover {z-index:999}
#menu li li:hover,#menu li li.sfhover {z-index:999}