﻿body {
	margin: 0;
}

#menu {
	width: 770px;
	float: left;
}

#menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;
}

#menu a {
	font: 10px verdana, sans-serif;
	font-weight: bold;
	display: block;
	margin: 0;
	text-decoration: none;
}

#menu h2 {
	margin: 0;
	padding: 0;
	display: block;
	position:relative;
}
/* On over move the viewable portion of the image up */
#topbtn1 h2 a:hover, #topbtn2 h2 a:hover, #topbtn3 h2 a:hover, #topbtn4 h2 a:hover, #topbtn5 h2 a:hover {
	background-position: 0 -26px;
}

/* No active state here so make sure it shows the default portion of the image */
#menu h2 a:active {
	background-position: 0 0;
}

#topmenu1 a, #topmenu2 a, #topmenu3 a, #topmenu4 a, #topmenu5 a {
	color: #333;
	display:block;
	/*this sets the width of the menu*/
	width: 145px;
	/* this addes the padding for each menu item*/
	padding: 2px 0px 2px 4px;
	/* IE opacity */
	filter:
		progid:DXImageTransform.Microsoft.alpha(opacity=90,style=0);
	/* Mozilla */
	-moz-opacity: .9;
	/* Safari 1.1 */
	-khtml-opacity: .9;
	/* Safari 1.2 */
	opacity: .9;
}

#topmenu2 a:hover, #topmenu3 a:hover, #topmenu4 a:hover {
	background: #fff;
}

#topmenu2 a
{
	background-color: #bee7be;
}

#topmenu3 a
{
	background-color: #b6cbe7;
}

#topmenu4 a
{
	background-color: #e7b6e7;
}

#topmenu2 a img
{
	border: 0;
	vertical-align:text-bottom;
}

#menu h2 a {
	height: 26px;
}

#menu h2 span {
	display:	none;
}

#menu li {
	position: relative;
}

#menu ul ul {
	position: absolute;
	
}

#menu ul ul ul {
	position: absolute;
	top: 0;
	left: 100%;
}

div#menu ul ul,
div#menu ul li:hover ul ul
{
	display: none;
}


div#menu ul li:hover ul,
div#menu ul ul li:hover ul
{
	display: block;
}

#spacer h2 a{
	background:  url("../images/GlobalNav/gbl_spacer_left.gif") top left no-repeat;
	background-position: 0 0;
}

#topbtn1 h2 a {
	background:  url("../images/GlobalNav/gblLnk_homepage.gif") top left no-repeat;
	background-position: 0 0;
}

#topbtnsel1 #topbtn1 a,#topbtnsel1 #topbtn1 a:hover,#topbtnsel1 #topbtn1 a:active {
	background-position: 0 -52px;
}

#topbtn2 h2 a {
	background:  url("../images/GlobalNav/gblLnk_homeloans.gif") top left no-repeat;
	background-position: 0 0;
}

#topbtnsel2 #topbtn2 a,#topbtnsel2 #topbtn2 a:hover,#topbtnsel2 #topbtn2 a:active {
	background-position: 0 -52px;
}

#topbtn3 h2 a {
	background:  url("../images/GlobalNav/gblLnk_banking.gif") top left no-repeat;
	background-position: 0 0;
}

#topbtnsel3 #topbtn3 a,#topbtnsel3 #topbtn3 a:hover,#topbtnsel3 #topbtn3 a:active {
	background-position: 0 -52px;
}

#topbtn4 h2 a {
	background:  url("../images/GlobalNav/gblLnk_insurance.gif") top left no-repeat;
	background-position: 0 0;
}

#topbtnsel4 #topbtn4 a,#topbtnsel4 #topbtn4 a:hover,#topbtnsel4 #topbtn4 a:active {
	background-position: 0 -52px;
}

#topbtn5 h2 a {
	background:  url("../images/GlobalNav/gblLnk_yourAccounts.gif") top left no-repeat;
	background-position: 0 0;
}

#topbtnsel5 #topbtn5 a,#topbtnsel5 #topbtn5 a:hover,#topbtnsel5 #topbtn5 a:active {
	background-position: 0 -52px;
}

#spacer li {
	width:42px;
}

#topbtn1 li, #topbtn2 li, #topbtn3 li, #topbtn4 li {
	width:164px;
	margin: 0 0 0 -15px;
}

#topbtn5 li {
	width:147px;
	margin: 0 0 0 -15px;
}

#topmenu1, #topmenu1 ul, #topmenu2, #topmenu2 ul, #topmenu3, #topmenu3 ul, #topmenu4, #topmenu4 ul, #topmenu5, #topmenu5 ul {
	/*this sets up the border */
	border: 0 solid #474747;
	border-width: 0 2px 2px 0;
}
#topmenu1 li, #topmenu2 li, #topmenu3 li, #topmenu4 li {
	margin: 0;
/* this sets the width for the menu items*/
	width: 149px;
}

#topmenu5 li {
	margin: 0;
}

li.separator
{
	background-image:  url("../images/GlobalNav/sep.gif");
	background-position: center left;
	background-repeat: no-repeat;
	height: 8px;
	/* IE opacity */
	filter:
		progid:DXImageTransform.Microsoft.alpha(opacity=90,style=0);
	/* Mozilla */
	-moz-opacity: .9;
	/* Safari 1.1 */
	-khtml-opacity: .9;
	/* Safari 1.2 */
	opacity: .9;
}

#topmenu2 li.separator 
{
 background-color: #bee7be;

} 
 
#topmenu3 li.separator 
{
 background-color: #b6cbe7;
 
}
 
#topmenu4 li.separator 
{
 background-color: #e7b6e7;
 
}

#menu ul ul ul 
{
	border-width: 0 2px 2px 2px;
	margin-left: 1px;
}