﻿#menu { width:100%;
	

}
img, div, input { behavior: url("iepngfix.htc") }
#menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;
}

#menu a {
	font: 11px 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, #topbtn6 h2 a:hover, #topbtn7 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: #BDD24B;
}

#topmenu3 a
{
	background-color: #BDD24B;
}

#topmenu4 a
{
	background-color: #BDD24B;
}

#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%;
	border-width: 0 2px 2px 2px;
	margin-left: 1px;
}

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-position: 0 0;
}

#topbtn1 h2 a {
	background:  url("../images/gblLnk_homepage.png") top left no-repeat;
	background-position: 0 0; behavior: url("iepngfix.htc");
}

#topbtnsel1 #topbtn1 a,#topbtnsel1 #topbtn1 a:hover,#topbtnsel1 #topbtn1 a:active {
	background-position: 0 -52px;
}

#topbtn6 h2 a {
	background:  url("../images/gblLnk_home.png") top left no-repeat;
	background-position: 0 0; behavior: url("iepngfix.htc");
}

#topbtnsel6 #topbtn6 a,#topbtnsel6 #topbtn6 a:hover,#topbtnsel6 #topbtn6 a:active {
	background-position: 0 -52px;
}

#topbtn7 h2 a {
	background:  url("../images/gblLnk_gaq.png") top left no-repeat;
	background-position: 0 0; behavior: url("iepngfix.htc");
}

#topbtnsel7 #topbtn7 a,#topbtnsel7 #topbtn7 a:hover,#topbtnsel7 #topbtn7 a:active {
	background-position: 0 -52px;
}


#topbtn2 h2 a {
	background:  url("../images/gblLnk_homeloans.png") top left no-repeat;
	background-position: 0 0; behavior: url("iepngfix.htc");
}

#topbtnsel2 #topbtn2 a,#topbtnsel2 #topbtn2 a:hover,#topbtnsel2 #topbtn2 a:active {
	background-position: 0 -52px;
}

#topbtn3 h2 a {
	background:  url("../images/gblLnk_banking.png") top left no-repeat; behavior: url("iepngfix.htc");
	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/gblLnk_insurance.png") top left no-repeat; behavior: url("iepngfix.htc");
	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/gblLnk_yourAccounts.png") top left no-repeat; behavior: url("iepngfix.htc");
	background-position: 0 0;
}

#topbtnsel5 #topbtn5 a,#topbtnsel5 #topbtn5 a:hover,#topbtnsel5 #topbtn5 a:active {
	background-position: 0 -52px;
}

#spacer li {
	width:1px;
}

#topbtn1 li{
	width:182px;
	margin: 0 0 0 -15px;
}
#topbtn6 li{
	width:121px;
	margin: 0 0 0 0px;
}

#topbtn7 li{
	width:103px;
	margin: 0 0 0 -15px;
}

#topbtn3 li{
	width:148px;
	margin: 0 0 0 -15px;
}

#topbtn2 li, #topbtn4 li {
	width:166px;
	margin: 0 0 0 -15px;
}

#topbtn5 li {
	width:140px;
	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/sep.gif");
	background-position: center left;
	background-repeat: no-repeat;
	background-color:#67A12F;
	height: 1px;
	/* 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: #e1e1e1;

} 
 
#topmenu3 li.separator 
{
 background-color: #e1e1e1;
 
}
 
#topmenu4 li.separator 
{
 background-color: #e1e1e1;
 
}

