a {color: #3595FF; text-decoration: underline;}
a:hover {color: #0B2C83;}
body {font: 12px/16px "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, Verdana; margin: 0px; padding: 0px; background: #F3F3F3 url(../_images/bg-body.gif) top left repeat-y;}
h1 {font-size: 14px; color: #0B2C83; margin: 0px 0px 24px 0px; padding-bottom: 3px; border-bottom: 1px solid #CCCCCC; width: 100%;}
h2 {font-size: 12px; color: #0B2C83; margin: 28px 0px 12px 0px;}
h3 {font-size: 12px; color: #3595FF; margin: 14px 0px 3px 0px;}
hr {color: #FFFFFF; height: 1px; border: none; border-top: 1px dashed #BBBBBB; margin: 0px;}
p {margin: 0px 0px 14px 0px;}
table {border: 2px solid #E1EBC1; border-right: none; border-left: none; width: 100%; margin: 0px 0px 14px 0px;}
table th {border-bottom: 2px solid #E1EBC1; color: #012768; padding: 8px; border-bottom: 2px solid #E1EBC1;}
table td {border: 1px solid #FFFFFF; padding: 11px 3px 11px 3px;}
table td.center {text-align: center;}
table td.highlight {background-color: #EAF7FF;}
table.two-col th {width: 50%;}
table.three-col th {width: 33%;}
table.four-col th {width: 25%;}
table.five-col th {width: 20%;}

form {margin: 0px;}
form table {border: none; width: 100%;}
form table span {color: #CC0000; font-style: normal; font: bold 11px "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, Verdana;} 
form table th {border: none; font-size: 11px; color: #333333; text-align: right; padding: 4px 14px 4px 0px; width: 120px;}
form table td {font-size: 12px; padding: 4px 14px 4px 0px; text-align: left;}
form table td input {width: 288px; font: normal 11px "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, Verdana;}
form table td input.submit {background-color: #699620; width: 70px; color: #FFFFFF; font: bold 12px "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, Verdana;}

.callout {float: right; clear: right; width: 238px; margin: 0px 0px 14px 14px; border: 2px solid #E1EBC1; padding: 0px; background-color: #FFFFFF;}
.callout div {margin: 1px; padding: 13px 14px 1px 14px; background-color: #EAF7FF;}
.callout2 {float: right; clear: right; width: 168px; margin: 0px 0px 14px 14px; border: 2px solid #E1EBC1; padding: 0px; background-color: #FFFFFF;}
.callout2 div {margin: 1px; padding: 13px 14px 1px 14px; background-color: #EAF7FF; text-align: center;}
.callout2 div p a {text-decoration: none;}
.highlighter {background-color: #FFFF00;}
.lower {margin-top: 32px;}
.note {font-size: 10px; line-height: 13px;}
.sub-header {margin: -21px 0px 14px 0px; font-size: 12px; font-style: italic;}
.top {display: block; width: 54px; font-size: 9px; text-decoration: none; margin-top: 12px;}

#container {position: relative; width: 954px;}

#header {position: absolute; top: 0px; left: 0px; height: 85px; width: 955px; background: #FFFFFF url(../_images/bg-header.gif) -6px 10px no-repeat; padding: 0px;}
#header ul {position: absolute; top: 34px; right: 15px; margin: 0px; height: 19px;}
#header ul li {float: right; height: 18px; list-style-type: none; padding: 1px 8px 0px 0px; border-right: 1px solid #CCDDEB; margin-right: 8px;}
#header ul li.last {padding-right: 0px; border: none; margin: 0px;}
#header ul li a {color: #666666; text-decoration: none;}
#header ul li a:hover {color: #000000;}

#nav {z-index: 99; position: absolute; top: 85px; left: 0px; background-color: #97D5FF; padding: 0px; margin: 0px; width: 954px;}
#nav li {position: relative; list-style-type: none; height: 29px; width: 158px; text-align: center; float: left; border: none; border-top: 5px solid #97D5FF; border-right: 1px solid #FFFFFF; background-color: #0B2C83;}
#nav li:hover, #nav li.over {border-top: 5px solid #3595FF;}
#nav li a {display: block; width: 158px; color: #FFFFFF; text-decoration: none; font-weight: bold; height: 24px; padding-top: 5px;}
#nav li ul {display: none; position: absolute; left: 0px; width: 158px; margin: 0px; padding: 0px; border-top: 1px solid #FFFFFF;}
#nav li:hover ul, #nav li.over ul {display: block;}
#nav li ul li {background-color: #A8DFFF; border: none; height: auto;}
#nav li ul li.form {font-size: 10px; line-height: 13px;}
#nav li ul li.form a {padding-left: 12px; width: 144px; background: url(../_images/bg-list.gif) 4px 9px no-repeat;}
#nav li ul li:hover, #nav li ul li.over {border: none;}
#nav li ul li a {padding: 4px 3px 4px 3px; width: 152px; text-align: left; font-weight: normal; color: #000000; background-color: transparent; height: auto;}
#nav li ul li a:hover {color: #FFFFFF; background-color: #0B2C83;}

#sub-nav {position: absolute; left: 18px; top: 134px; width: 168px;}
#sub-nav div {font-size: 12px; color: #000000; margin: 10px 0px 14px 0px; font-weight: bold;}
#sub-nav ul {padding: 0px; margin: 0px; list-style-type: none;}
#sub-nav ul li {margin: 0px 0px 14px 0px;}
#sub-nav ul li a {color: #0B2C83; text-decoration: none;}
#sub-nav ul li a:hover {color: #000000;}

#content {min-height: 400px; border-left: 198px solid #D5E89A; padding: 163px 173px 17px 17px; width: 566px; background-color: #FFFFFF;}
*html #content {height: 400px;}
#content ul {margin: 0px 0px 12px 0px; padding: 0px;}
#content ul li {color: #0B2C83; background: url(../_images/bg-list.gif) 19px 7px no-repeat; list-style-type: none; padding: 0px 0px 2px 29px;}

#footer {border-top: 1px solid #FFFFFF; width: 954px; color: #666666; padding: 14px 0px 12px 0px; text-align: center;}
#footer a {color: #666666;} 
#footer a:hover {text-decoration: none;}
#footer p {margin-bottom: 12px; padding: 0px 100px 0px 100px;}
#footer p.disclosures {border: 1px solid #AAAAAA; width: 400px; padding: 6px; margin: 0px auto 12px auto;}

#home .callout {margin-top: -16px;}
#home .callout h2 {font-size: 14px; color: #3595FF; margin: 4px 0px 3px 0px;}
#home .callout h3 {font-size: 12px; color: #0B2C83; margin: 18px 0px 8px 0px;}

table#debit-info {margin-top: 12px;}
table#debit-info th {text-align: left; border: none; padding: 6px 12px 6px 0px;}
table#debit-info td {padding: 6px 12px 6px 0px;}
table#debit-info td.col2, table#debit-info td.col3 {width: 120px;}

#mutual-funds #content table {border: none; margin: -24px 0px 0px 0px;}
#mutual-funds #content table td {border-bottom: 1px dashed #AAAAAA;}

#debit-card #footer p.disclosures {display: none;}