/* Navigation CSS */
/* Last Updated 03/03/10 JHL */

/* Utility Navigation */
#headertopnav {float: right; height: 33px; clear: right; top: 0px; right: 0px;}
#headertopnav span {font-size:7.5pt;padding-top:8px; padding-left:12px; padding-right:12px; display:block; float:left; height:24px; border-left:#3d4554 1px solid;}
/*Service Status*/
#headertopnav span.status{background-color:#489625;}
/*#headertopnav span.status{background-color: #FF0000;}*/
#headertopnav a {text-decoration: none; color: #FFFFFF; }
#headertopnav a:hover {text-decoration:underline;}
#sfield p{color:#909db8;}

/* Product Navigation   */
#topnav {padding:0; font-size:6.5pt; float:left; width:995px; display:block; border-bottom:1px solid #ffffff; background-color:#e2d5a7;}
#menu{padding-left:10px;}
.productnav ul{margin-left: 0; padding-left:0; white-space: nowrap;}
.productnav li{display:inline;  height:31px; line-height:31px;}
.productnav a {float:left; display:block; padding: 0px 5px 0px 20px; color:#000000;}
.access{background:#e2d5a7 url(/images/global/access_bullet.gif) 8px 10px no-repeat;}
.account{background:#e2d5a7 url(/images/global/account_bullet.gif) 8px 10px no-repeat;}
.check {background:#e2d5a7 url(/images/global/check_bullet.gif) 8px 10px no-repeat;}
.fedach {background:#e2d5a7 url(/images/global/fedach_bullet.gif) 8px 10px no-repeat;}
.fedcash {background:#e2d5a7 url(/images/global/fedcash_bullet.gif) 8px 10px no-repeat;}
.fedwire {background:#e2d5a7 url(/images/global/fedwire_bullet.gif) 8px 10px no-repeat;}
.settlement {background:#e2d5a7 url(/images/global/settlement_bullet.gif) 8px 10px no-repeat;}
.treasury {background:#e2d5a7 url(/images/global/treasury_bullet.gif) 8px 10px no-repeat;}
.centralbank {background:#e2d5a7 url(/images/global/centralbank_bullet.gif) 8px 10px no-repeat;}
.central{padding-left:90px; margin-left:90px;}
.productnav a, .productnav a:visited{color: #000000; text-decoration: none;}
.productnav a:active {background-color:#ffffff;}
.productnav a:hover, .productnav a:visited:hover {color:#000000; text-decoration: underline;}

/* Left Navigation */
#leftnav{width:212px; display:block; float:left; padding-right:35px; position:relative; z-index:2;}
#nav {padding:0px; margin-bottom:1px; width: 212px; list-style-type: none;}
#nav ul {padding: 9px 0px 0px 0px; float: left; margin: 0px; width: 2px; list-style-type: none;}
#nav li {float: left; margin-bottom: -1px; width: 207px; line-height: 17px; position: relative;}
#nav li ul {margin-top: -1.4em; left: -999em; margin-left: 213px; position: absolute;}
#nav li ul ul {left: -999em}
#nav li a {background-color:#e7ebf0; display: block; padding-left: 0.5em; font-size: 8pt; font-weight: bold; padding-bottom: 8px; width: 207px; color: #464b5f; padding-top: 8px; text-decoration: none; background-image: url(../images/global/navbg.gif);}
#nav li a:hover {background-color:#fff; color:#474b5f; background-image: url(../images/global/navbg.gif); background-repeat: no-repeat; background-position: -212px 0px;}
#nav li a:active {background-color:#e7ebf0; color: #474b5f; text-decoration:underline; background-image: url(../images/global/navbg.gif); background-repeat: no-repeat; background-position: -424px;}
#nav li:hover ul ul {left: -999em}
#nav li:hover ul ul ul {left: -999em}
#nav li.sfhover ul ul {left: -999em}
#nav li.sfhover ul ul ul {left: -999em}
#nav li:hover ul {left: -1px; top: 7px;}
#nav li li:hover ul {left: -1px; top: 7px;}
#nav li li li:hover ul {left: -1px; top: 7px;}
#nav li.sfhover ul {left: -1px; top: 7px;}
#nav li li.sfhover ul {left: -1px; top: 7px;}
#nav li li li.sfhover ul {left: -1px; top: 7px;}
#subnav li a {background-color:#fff; color:#474b5f; background-image: url(../images/global/navbg.gif);  background-position: -212px 0px;}
#subnav li a:hover {background-color:#fff; color: #474b5f;  background-image: url(../images/global/navbg.gif);  background-position: -424px;}
.navhead{background-color: #474b5f; font-weight: bold; color: #FFFFFF; width: 207px; padding-top: 8px; padding-bottom: 8px; padding-left: .5em; font-size: 8pt;}
#leftnav #ql_header a {background-color: #474b5f; font-weight: bold; color: #FFFFFF; width: 207px; font-size: 8pt; background-image: none; text-decoration: none;}
#ql_header img {position:relative; bottom:-2px; left:80px;}
#nav .quicklink {width:207px;}
#nav .quicklink a {font-size:8pt; vertical-align:middle; line-height:normal; padding-top:0px; padding-bottom:0px; width:207px; height:31px; padding-top:2px; vertical-align:middle; }
#nav .quicklink a:active {line-height:normal; }
#nav .quicklink .qlsingleline {padding-top:9px; height:24px;}