iz@charset "utf-8";
/* CSS Document */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address,
code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot,
thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
body {
line-height: 1.5;
font-size: 62.5%;
color: #222;
background: #000 url(../images/BankDirBG.jpg) no-repeat top center;
font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
}
/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }
/* Remove possible quote marks (") from , . */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
/* Remove annoying border on linked images. */
a img { border: none; }
/* Headings
-------------------------------------------------------------- */
h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #111; }
h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; }
h2 { font-size: 2em; margin-bottom: 0.75em; }
h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; }
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }
h1 img, h2 img, h3 img,
h4 img, h5 img, h6 img { margin: 0; }
/* Text elements
-------------------------------------------------------------- */
p { margin: 0 0 1.5em; }
p img.left { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }
a:focus,
a:hover { color: #000; }
a { color: #6C3930; text-decoration: none; border-bottom: 1px solid; }
a img { border: none; }
blockquote { margin: 1.5em; color: #666; font-style: italic; }
strong { font-weight: bold; }
em,dfn { font-style: italic; }
dfn { font-weight: bold; }
sup, sub { line-height: 0; }
abbr,
acronym { border-bottom: 1px dotted #666; }
address { margin: 0 0 1.5em; font-style: italic; }
del { color:#666; }
pre { margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }
/* Lists
-------------------------------------------------------------- */
li ul,
li ol { margin:0 1.5em; }
ul, ol { margin: 0 1.5em 1.5em 1.5em; }
ul { list-style-type: disc; }
ol { list-style-type: decimal; }
dl { margin: 0 0 1.5em 0; }
dl dt { font-weight: bold; }
dd { margin-left: 1.5em;}
/* Shortcuts
-------------------------------------------------------------- */
.clear {clear: both; }
/* Structure
-------------------------------------------------------------- */
#container { margin: 0 auto; width: 960px; }
#coreNav { float: left; width: 960px; padding: 0 0 10px 0; font-family: Arial, Helvetica, sans-serif; font-size: 120%; color: #D8D4D4; }
#coreNav a:link, #coreNav a:visited { text-decoration: none; color: #D8D4D4; }
#coreNav a:hover, #coreNav a:active { border-bottom: 1px solid #D8D4D4; color: #fff; }
#coreNav ul { float: left; width: 400px; margin: 0; padding: 0; }
#coreNav ul.right { float: right; width: 240px; text-align: right; }
#coreNav ul li { display: inline; }
#coreNav ul li a { display: inline; margin-right: 8px; }
#coreNav ul li.divider { border-right: 1px solid #6C3930; margin-right: 7px; }
#header { float: left; background: url(../images/bankdirbanner.jpg) no-repeat; width: 960px; height: 133px; }
#logo {
float: left;
width: 310px;
height: 133px;
position: relative;
}
#logo span {
background: url(../images/bankdirbanner.jpg) no-repeat;
position: absolute;
width: 100%;
height: 100%;
}
#logo h1 { margin-bottom: 0; line-height: 0; }
#header form { float: right; margin: 30px 19px 0 0; }
#header form input.search { float: left; color: #544D4C; padding: 4px; border: 1px solid #a39b99; width: 124px; font-size: 120%; }
#header form input.button { float: left; background-color: #C3BBB8; border: 1px solid #a39b99; vertical-align: text-bottom; margin-left: -4px; height: 25px; padding: 3px; color: #6C3930; }
#header form input.button:hover { background-color: #6C3930; border: 1px solid #a39b99; color: #F3F1F1; }
#contentWrapper { float: left; width: 960px; min-height: 600px; background: url(../images/bankdirtile.jpg) repeat-y; }
#nav { float: left; width: 180px; }
#nav ul { margin: 0; list-style: none; padding: 0; }
#nav ul li { border-bottom: 1px solid #D1C5C2; }
#nav ul li a { border-bottom: none; width: 167px; padding: 7px 0 7px 8px; display: block; text-decoration: none; font-size: 140%; }
/* first level nav */
#nav ul a { background: #3F211C; color: #D1C5C2; border-left: 4px solid #702F1A; }
#nav ul a.expand { background: #3F211C url(../images/expand.gif) no-repeat right; }
#nav ul a.expandCAMELS { background: #3F211C url(../images/expand.gif) no-repeat right; }
#nav ul a.close { background: #3F211C url(../images/close.gif) no-repeat right; }
#nav ul a:hover, #nav ul a.selected { background-color: #6C3930;color: #D1C5C2; border-left: 4px solid #913F25; }
/* second level nav */
#nav ul ul a { padding: 3px 0 3px 8px; }
#nav ul ul a:link, #nav ul ul a:visited { background: #C3BBB8 url(../images/expand.gif) no-repeat right; color: #3F211C; border-left: 4px solid #D2CDCB; }
#nav ul ul a:hover, #nav ul ul a:active, #nav ul ul a.selected { background-color: #F3F1F1; color: #6C3930; border-left: 4px solid #FFF; }
#nav ul ul a.noexpand { background-image: none !important; }
/* thrid level nav */
#nav ul ul ul li { border-bottom: none; }
#nav ul ul ul a { font-size: 120%; }
#nav ul ul ul a:link, #nav ul ul ul a:visited { background-image: none; background-color: #C3BBB8; color: #544D4C; border-left: 4px solid #D2CDCB; }
#nav ul ul ul a:hover, #nav ul ul ul a:active, #nav ul ul ul a.selected { background-color: #F3F1F1; color: #6C3930; border-left: 4px solid #FFF; }
#breadcrumbs { float: left; color: #6C3930; width: 520px; height: 50px; font-family: Arial, Helvetica, sans-serif; font-size: 100%; }
#breadcrumbs ul { padding: 8px 7px; }
#breadcrumbs ul li { display: inline; }
#breadcrumbs a { color: #544D4C; text-decoration: none; border-bottom: 1px solid; }
#breadcrumbs a:hover { color: #6C3930; text-decoration: none; border-bottom: 1px solid #6C3930; }
#mainColumn { float: left; width: 560px; padding: 0 20px 20px; margin-top: 0; }
#mainColumn h1, #mainColumn h2, #mainColumn h3, #mainColumn h4, #mainColumn h5, #mainColumn h6 {
color: #6C3930;
font-family: Garamond, Georgia, serif;
font-style: normal;
font-weight: bold;
text-transform: capitalize;
letter-spacing: normal;
line-height: 1.2em;
}
#mainColumn h1 { font-size: 240%; font-weight: bold; text-transform: capitalize; line-height: 1.2em; margin: 0 0 8px; }
#mainColumn h2 { font-size: 220%; font-weight: bold; text-transform: capitalize; line-height: 1.2em; margin: 0 0 8px; }
#mainColumn h3 { font-size: 180%; font-weight: bold; text-transform: capitalize; line-height: 1.2em; margin: 0 0 8px; }
#mainColumn h4 { font-size: 140%; font-weight: bold; text-transform: capitalize; line-height: 1.2em; margin: 0 0 8px; }
#mainColumn h5 { font-size: 100%; font-weight: bold; text-transform: capitalize; line-height: 1.2em; margin: 0 0 8px; }
#mainColumn h6 { font-size: 90%; font-weight: bold; text-transform: capitalize; line-height: 1.2em; margin: 0 0 8px; }
/*#mainColumn h2:first-letter { font-size: 120%; }*/
#mainColumn p { font-family: Arial, Helvetica, sans-serif; color: #000; font-size: 120%; }
#mainColumn ul li { font-family: Arial, Helvetica, sans-serif; color: #000; font-size: 120%; }
#mainColumn ol li { font-family: Arial, Helvetica, sans-serif; color: #000; font-size: 120%; margin-left: 7px; }
/***********************************************************************************************************************************************************/
.mainColumn { float: left; width: 560px; padding: 0 20px 20px; margin-top: 0; }
.mainColumn h1, .mainColumn h2, .mainColumn h3, .mainColumn h4, .mainColumn h5, .mainColumn h6 {
color: #6C3930;
font-family: Garamond, Georgia, serif;
font-style: normal;
font-weight: bold;
text-transform: capitalize;
letter-spacing: normal;
line-height: 1.2em;
}
.mainColumn h1 { font-size: 240%; font-weight: bold; text-transform: capitalize; line-height: 1.2em; margin: 0 0 8px; }
.mainColumn h2 { font-size: 220%; font-weight: bold; text-transform: capitalize; line-height: 1.2em; margin: 0 0 8px; }
.mainColumn h3 { font-size: 180%; font-weight: bold; text-transform: capitalize; line-height: 1.2em; margin: 0 0 8px; }
.mainColumn h4 { font-size: 140%; font-weight: bold; text-transform: capitalize; line-height: 1.2em; margin: 0 0 8px; }
.mainColumn h5 { font-size: 100%; font-weight: bold; text-transform: capitalize; line-height: 1.2em; margin: 0 0 8px; }
.mainColumn h6 { font-size: 90%; font-weight: bold; text-transform: capitalize; line-height: 1.2em; margin: 0 0 8px; }
/*#mainColumn h2:first-letter { font-size: 120%; }*/
.mainColumn p { font-family: Arial, Helvetica, sans-serif; color: #000; font-size: 120%; }
.mainColumn ul li { font-family: Arial, Helvetica, sans-serif; color: #000; font-size: 120%; }
.mainColumn ol li { font-family: Arial, Helvetica, sans-serif; color: #000; font-size: 120%; margin-left: 7px; }
/***********************************************************************************************************************************************************/
#sidebar { float: left; width: 180px; margin-top: 10px; }
#sidebar h4 {
color: #6C3930;
font-family: Garamond, Georgia, serif;
font-size: 140%;
font-style: normal;
font-weight: bold;
text-transform: uppercase;
letter-spacing: normal;
line-height: 1.2em;
margin-bottom: 8px;}
#sidebar ul { padding-left: 7px; margin-top: 10px; margin-bottom: 40px; }
#sidebar ul li {
color: #000;
font-family: Arial, Helvetica, sans-serif;
font-size: 120%;
font-style: normal;
font-weight: normal;
letter-spacing: normal;
line-height: 1.2em;
padding-bottom: 3px;
list-style-image: url(../images/redbullet.jpg);
}
#sidebar #actions { float: left; margin-bottom: 5px; }
#sidebar #actions ul { padding: 7px; margin: 0 0 15px; width: 160px; }
#sidebar #actions ul li { display: inline; }
#sidebar #actions ul li a { border: none; }
#footer { float: left; width: 960px; height: 30px; background: url(../images/BankDirFooter.jpg) no-repeat; }
#reference { float: left; width: 180px; padding: 7px 0; font-family: Arial, Helvetica, sans-serif; font-size: 120%; color: #544D4C; }
#reference a:link, #reference a:visited { text-decoration: none; color: #544D4C; }
#reference a:hover, #reference a:active { border-bottom: 1px solid #6C3930; color: #6C3930; }
#reference ul { float: left; width: 400px; margin: 0; padding-left: 20px; }
#reference ul.right { float: right; width: 230px; }
#reference ul li { display: inline; }
#reference ul li.divider { border-right: 1px solid #6C3930; padding-right: 5px; margin-right: 10px; }
#pagination { float: right; width: 180px; margin: 0; padding: 0; }
#pagination ul { float: left; width: 180px; margin: 1px 0 0 -1px; padding: 0; }
#pagination ul li { display: inline; }
#pagination ul li a { color: #544D4C; }
#pagination ul li a:link, #pagination ul li a:visited { text-align: center; background-color: #A39B99; float: left; text-transform: uppercase; width: 67px; padding: 6px 9px 5px; margin: 0; display: block; text-decoration: none; font-size: 100%; }
#pagination ul li a:hover, #pagination ul li a:active { background-color: #C3BBB8; }
#pagination ul li a.prev:link, #pagination ul li a.prev:visited { border-left: 3px solid #702F1A; border-right: 2px solid #544D4C; }
#pagination ul li a.next:link, #pagination ul li a.next:visited { border-right: 3px solid #702F1A; border-left: none; }
/*
SUB MENU hide FOR EXPANDING VERTICAL MENUS AND DYNAMIC MENUS
*/
.showSwitch {
display: block;
}
.hideSwitch {
display: none;
}
ul#sitemapUl li {
font-size: 12px;
}
ul#sitemapUl li ul li {
list-style-type: circle;
font-size: 12px;
}
ul#sitemapUl li ul li ul li{
list-style-type: square;
font-size: 12px;
}