ul#menu {
	width:683px;
	height:44px;
background: url(../images/nav_bg.png) no-repeat top right;
clear:both;
margin:0;
padding:0;
margin:0 0 0 242px;
padding:0 26px 0 0;
}

ul#menu li {
	height:44px;
list-style-type:none;
list-style-image:none;
float:left;
background-repeat:none;
position:relative;
margin:0;
padding:0;
z-index:1000;
}

ul#menu li a {
	height: 44px;
display:block;
text-indent:-10000px;
}
ul#menu li#nav_01 {
	background-image: url(../images/nav_01.png);
	width: 123px;
	height: 44px;
}

ul#menu li#nav_02 {
	background-image: url(../images/nav_02.png);
	width: 98px;
	height: 44px;
	background-position: center top;
}

ul#menu li#nav_03 {
	background-image: url(../images/nav_03.png);
	width: 153px;
	height: 44px;
}
ul#menu li#nav_04 {
	background-image: url(../images/nav_04.png);
	width: 126px;
	height: 44px;
}
ul#menu li#nav_05 {
	background-image: url(../images/nav_05.png);
	width: 80px;
	height: 44px;
}
ul#menu li#nav_06 {
	background-image: url(../images/nav_06.png);
	width: 103px;
	height: 44px;
}

#page_client ul#menu li#nav_01 {
	background-image: url(../images/client/nav_01.jpg);
	width: 163px;
	height: 44px;
}
#page_client ul#menu li#nav_02 {
	background-image: url(../images/client/nav_02.jpg);
	width: 217px;
	height: 44px;
	background-position: center top;
}
#page_client ul#menu li#nav_03 {
	background-image: url(../images/client/nav_03.jpg);
	width: 144px;
	height: 44px;
}
#page_client ul#menu li#nav_04 {
	background-image: url(../images/client/nav_04.jpg);
	width: 159px;
	height: 44px;
}

#page_borrower ul#menu li#nav_01 {
	background-image: url(../images/borrower/nav_01.jpg);
	width: 192px;
	height: 44px;
}
#page_borrower ul#menu li#nav_02 {
	background-image: url(../images/borrower/nav_02.jpg);
	width: 188px;
	height: 44px;
	background-position: center top;
}
#page_borrower ul#menu li#nav_03 {
	background-image: url(../images/borrower/nav_03.jpg);
	width: 190px;
	height: 44px;
}
#page_borrower ul#menu li#nav_04 {
	background-image: url(../images/borrower/nav_04.jpg);
	width: 113px;
	height: 44px;
}

ul#menu li .sub {
	width:170px;
display:none;
background:url('images/transpar.gif'); /* I don't know why, but unless if there is an actual background defined for .sub, the submenu will disappear once you mouse out of the main navigation button */
margin:-1px 0 0 5px;
position:relative;
	z-index:10;
}

ul#menu li:hover .sub,
ul#menu li.hover .sub,
ul#menu .sub li:hover .sub,
ul#menu .sub li.hover .sub {
display:block;
}

ul#menu li .sub ul {
margin:0;
padding:0;
}

ul#menu li .sub ul li {
	height:auto;
background:url('../images/menu_rounded.png') no-repeat top left;
float:none;
font-weight:bold;
margin:0;
padding:0;
position:relative;
}

ul#menu li .sub ul li.last-child {
background:url('../images/menu_rounded.png') no-repeat bottom left;
}

ul#menu li .sub ul li a {
	width:auto;
	height:auto;
font-size:11px;
color:#fff;
text-indent:0;
white-space:pre;
padding:5px 10px;
}

ul#menu li .sub ul li.first-child a,
ul#menu li .sub ul li:first-child a {
padding-top:10px;
}

ul#menu li .sub ul li.last-child a,
ul#menu li .sub ul li:last-child a {
padding-bottom:10px;
}

ul#menu li .sub .sub {
display:none;
margin:-1px 0 0 0;
position:absolute;
	left:170px;
	top:0;
}

ul#menu li .sub ul li:hover {
background:url('../images/menu_rounded.png') no-repeat top right;
}

ul#menu li .sub ul li.last-child:hover {
background: url('../images/menu_rounded.png') no-repeat bottom right;
}

.nav ul#menu li .sub ul li.subparent>a {
background-image: url('../images/hover_arrow.png');
background-repeat:no-repeat;
background-position:155px 50% !important;
}