/* CSS Document */
html {
height: 102%;
}
body {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #555555;
background: #004488;
}
h1 {
font-size: 15px;
color: #666666;
font-weight: bold;
margin-top: 0;
}
h2 {
font-size: 13px;
color: #666666;
font-weight: bold;
margin-top: 0;
}
p, ul {
line-height: 1.4em;
text-align:justify;
}
a {
color: #444444;
}
a:hover {
color: #000000;
}
#wrapper {
margin: 0 auto;
background: #ffffff;
width: 750px;
padding: 1px;
}
#header {
background: #f7e8c8 url(images/azalea_header.jpg) no-repeat;
height: 140px;
font-weight:bold;
padding: 5px 11px 0px 15px;
}
#header a {
font-size: 11px;
color:#000000;
padding: 4px;
}
/* navigation elements */
#nav {
font-family: Arial, Helvetica, sans-serif;
list-style-type: none;
margin: 0 0 1em 0;
padding: 0;
}
#nav li {
float: left;
text-align: center;
margin: 0;
border-top: 1px solid #000000;
border-bottom: 1px solid #000000;
}
#nav li a {
background: #635b59 url(images/navgrad-off.gif) left 50% repeat-x;
display: block;
font-size: 12px;
font-weight: bold;
color: #eeeeee;
text-decoration: none;
text-transform: uppercase;
word-spacing: 5px;
padding: 4px 0;
display: block;
}
#nav li a:hover {
background: #4a4341 url(images/navgrad-on.gif) left 50% repeat-x;
color: #ffffff;
}
/* custom widths for individual nav elements */
#nav-business {
width: 180px; /* 200 when forms added */
}
#nav-personal {
width: 180px; /* 200 when forms added */
}
#nav-forms {
width: 110px;
}
#nav-wealth {
width: 150px; /* 140 when forms added */
}
#nav-about {
width: 130px; /* 140 when forms added */
}
#nav-home {
width: 110px; /* 100 when forms added */
}
/* subnav menu */
#subnav {
margin: 0;
padding: 0;
list-style-type: none;
}
#subnav li {
border-bottom: 1px solid #eeeeee;
line-height: 2em;
height: 2em;
margin: 0;
padding: 0;
display: block;
}
#subnav li a {
display: block;
text-decoration: none;
color: #555555;
padding: 0 0 0 5px;
}
#subnav li a:hover {
color: #000000;
background: #fdf9f3;
}
#main {
clear: both;
}
#left {
clear: left;
font-size: 11px;
margin: 0;
padding: 0;
width: 190px;
background: #ffffff url(images/leftdiv.gif) right 10px no-repeat;
float: left;
}
#center { /* pages with 3 columns */
margin: 0 200px;
}
#content { /* pages with no right column */
margin: 0 20px 0 200px;
}
#right {
font-size: 11px;
margin: 0;
padding: 0;
width: 190px;
float: right;
}
.column-in {
margin:0;
padding:15px;
}
#left p {
width: 146px;
text-align: center;
}
/*featured products and services */
#featured {
list-style-type: none;
padding: 0;
margin: 0 0 0 10px;
text-align: left;
}
#featured li {
padding: 0 0 0 15px;
margin: 0 0 1.3em 0;
background: transparent url(images/arrow.gif) left .7em no-repeat;
}
#featured a {
text-decoration: none;
}
#featured a:hover {
text-decoration: underline;
}
#login {
border: 1px solid #999;
padding: 1px;
width: 163px;
font-size: 11px;
margin-left: 3px;
}
#login h2 {
background: #777;
color: #fff;
font-weight: bold;
font-size: 12px;
padding: 3px 5px;
text-transform: uppercase;
margin-bottom: 5px;
}
#login h3 {
font-size: 12px;
margin: 0 0 5px 0;
}
#ib {
margin: 0 7px;
padding: 5px 0 20px 0;
border-bottom: 1px solid #eee;
}
#cm {
margin: 0 7px;
padding: 5px 0 20px 0;
}
#team td {
padding-bottom: 2em;
}
#team td a {
text-decoration: none;
}
#press dt {
font-weight: bold;
}
#press dd {
margin: 0 0 1.5em 0;
padding-left: 20px;
background: transparent url(images/pdf.gif) 0% 50% no-repeat;
}
ul.list {
list-style-type: disc;
}
ul.list li {
}
ul.pdf {
list-style-type: none;
padding: 0;
margin: 0 0 1.5em 0;
}
ul.pdf li {
padding: 1px 0 1px 22px;
margin: 0;
background: transparent url(images/pdf-icon.gif) 2px center no-repeat;
}
#footer {
clear: both;
border-top: 1px solid #eeeeee;
margin: 15px;
padding: 10px;
font-size: 11px;
color: #999999;
}
#fdic-ehl {
float: left;
text-align: left;
}
#fdic-ehl img {
padding-right: 10px;
}
#sec-priv {
float: right;
}
#copy {
text-align: center;
}
#footer a {
color: #999999;
}
#footer a:hover {
color: #000000;
}
img.bordered {
padding: 1px;
border: 1px solid #999999;
}
img.left {
margin-right: 10px;
}
img.right {
margin-left: 20px;
}
.smalltext {
font-size: 11px;
color: #666666;
}
.greybox {
border: 1px solid #dddddd;
background: #fafafa;
padding: 10px;
}
.break {
font-size: 1px;
line-height: 1px;
border-bottom: 1px dotted #dddddd;
margin: 15px 0;
}
/* custom styling for myWEALTH text */
span.my {
color: #d79a00;
font-weight: bold;
}
span.wealth {
color: #333333;
font-weight: bold;
}
small, small p {
font-size: 10px;
font-family: Verdana, Helvetica, Arial, sans-serif;
line-height: 1.2em;
color: #555555;
}
small a {
color: #555555;
font-family: Verdana, Helvetica, Arial, sans-serif;
text-decoration: underline;
}
#content .siteBox
{
width:500px;
}
.newHeader a{
font-family:Arial;
font-size:15px;
font-weight:bold;
color:#cc9900;
}
/**************** Accordion*********************/
#accordion
{
width: 500px;
border-bottom: solid 1px #c4c4c4;
margin: 0;
padding: 0;
text-indent: 0;
}
#accordion a.head
{
background: #004488 url(images/collapsed.gif) no-repeat right;
border: 1px solid #000;
color: #fff;
cursor: pointer;
display: block;
font: bold 120%/100% Arial, Helvetica, sans-serif;
font-size:12px;
margin: 0;
padding: 7px 20px 15px 10px;
text-decoration: none;
text-indent: 0px;
}
#accordion a.head:hover
{
background-color: #fff;
color: #000;
}
#accordion a.selected
{
background-image: url(images/expanded.gif);
}
#accordion a.current
{
background-color: #FFFF99;
}
ul.fdic-list
{
color: #555555;
}
#dhtmltooltip{
position: absolute;
font-family: Arial,Verdana !important;
font-size: 12px;
width: 150px;
border: 1px solid black;
padding: 2px;
background-color: lightyellow;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
}