/* Main Nav 
----------------------------------------------------------*/
.mainNav ul {
    padding: 0px;
    margin: 0px;
    height:40px;
    width: 980px;
    float: left;
    text-align:left;
}
.mainNav ul li {
    list-style: none;
    line-height:40px;
    display: inline;
    float: left;
    color: #fff;
    position:relative;
    text-decoration:none;
}
.mainNav ul li:hover{
    z-index:10;
}
.mainNav ul li:hover ul{
    display:block;
    text-decoration:none;
    z-index:100;
}
.mainNav ul li a span{
    display:none;
}
.mainNav ul li a {
    display:block;
    font-size: 15px;
    font-weight:bold;
    text-decoration:none;
    height:40px;
    background:url(../images/globalnavbg.jpg)  no-repeat;
}
.mainNav ul li#personal_banking a {
    width:189px;
    background-position:0 0;
}
.mainNav ul li#personal_banking.active a {
    background-position:0 -80px;
}
.mainNav ul li#personal_banking a:hover {
    background-position:0 -40px;
}
.mainNav ul li#business_banking  a {
    width:179px;
    background-position:-189px 0;
}
.mainNav ul li#business_banking.active a {
    background-position:-189px -80px;
}
.mainNav ul li#business_banking a:hover {
    background-position:-189px -40px;
}
.mainNav ul li#locations  a {
    width:114px;
    background-position:-368px 0;
}
.mainNav ul li#locations.active a {
    background-position:-368px -80px;
}
.mainNav ul li#locations a:hover {
    background-position:-368px -40px;
}
.mainNav ul li#about_us  a {
    width:106px;
    background-position:-482px 0;
}
.mainNav ul li#about_us.active a {
    background-position:-482px -80px;
}
.mainNav ul li#about_us a:hover {
    background-position:-482px -40px;
}
.mainNav ul li#inverstor_relations  a {
    width:198px;
    background-position:-588px 0;
}
.mainNav ul li#inverstor_relations.active a {
    background-position:-588px -80px;
}
.mainNav ul li#inverstor_relations a:hover {
    background-position:-588px -40px;
}
.mainNav ul li#online_services  a {
    width:194px;
    background-position:-786px 0;
}
.mainNav ul li#online_services.active a {
    background-position:-786px -80px;
}
.mainNav ul li#online_services a:hover {
    background-position:-786px -40px;
}

/* Main Nav Drop down
----------------------------------------------------------*/
.mainNav ul ul {
    position:absolute;
    height:auto;
    display:none;
    border:2px solid #e7e7e7;
    border-top:none;
    width:170px;
}
.mainNav li li a {
    display:block;
    background: url(../images/subNav_line.jpg) no-repeat #fff;
    background-position: 0 0!important;
    width:170px !important;
    color:#4f4f4f;
    font-size:12px;
    font-weight:bold;
    height:30px;
    line-height:30px;
    padding:0 0 0 14px;
    margin:0;
}
.mainNav li li a:hover {
    text-decoration:none;
    display:block;
    color:#a1a1a1;
}

/* Side Nav
----------------------------------------------------------*/
.side_nav ul {
    padding: 0px;
    margin: 0px;
}
.side_nav ul li {
    list-style: none;
    font-size:14px;
    font-weight:bold;
    color:#00653a;
    text-decoration:none;
    margin:0 0 5px 0;
}
.side_nav ul li a {
    text-decoration:none;
    padding:0 0 0 22px;
    background:url(../images/list_icon.jpg) no-repeat;
}
.side_nav ul li a:hover {
    color:#000;
}
.side_nav ul li ul{
    display:none;
}
.side_nav ul li.active ul{
    margin:10px 0 10px 15px;
    padding:0;
    display:block;
}
.side_nav ul li.active li{
    background:#eeeeec;
    margin:0;
    height:24px;
    width:183px;
    line-height:24px;
}
.side_nav ul li.active li#grey{
    background:#f8f8f7;
}
.side_nav ul li.active li a{
    list-style: none;
    font-size:100px;
    font-weight:bold;
    font-size:12px;
    color:#747474;
    text-decoration:none;
    padding:0 0 0 24px;
    background:none;
}
.side_nav ul li.active li a:hover{
    color:#000;
    text-decoration:underline;
}
.side_nav ul li.active li.active a{
    color:#000;
    background:url(../images/side_subnav_list.gif) no-repeat 7px 1px;
}