/* 
Blutique CSS Document
Author: Marcel Trenchard
$1 main layout 
$2 header elements 
$3 content area elements (general/common elements like buttons, etc..)
$4 index pages (elements unique to directory indexes)
$5 interior pages (elements unique to interior pages..sidebar..etc..)
$6 footer elements
 */

/* $1 main layout */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
}
body {
  font: 11px "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
  margin:0 auto;
  background:#39939C;
  line-height: 14px;
  padding: 12px;
  text-align: center;
  color:#666;
}
#preload{display:none;}
h1, h2, h3 {
  font-family:"Myriad Web", Verdana, Helvetica, Arial, sans-serif;
  letter-spacing:1px;
  line-height:1.5em;
}
h1 {
  color:#006A71;
  font-size: 28px;
  font-weight:normal;
  line-height:1.5em;
}
h2 {
  font-size:14px;
  font-weight:normal;
  color:#72AFB6;
}
h3 {
  font-size:16px;
  font-weight:normal;
  color:#006A71;
}
h4 {
  font-size:14px;
  font-weight:normal;
  color:#72AFB6;
  letter-spacing:1px;
}
a, a:link {
  color: #b4985a;
  text-decoration: none;
}
a:visited {
  color: #b4985a;
  text-decoration: none;
}
a:hover {
  color: #b4985a;
  text-decoration: underline;
}
a, img { border:0; }
#outerWrapper {
  background-color: #fff;
  margin: 0 auto 0 auto;
  padding: 0 0px 0px 0px;
  width: 955px;
}
#outerWrapper #header {
  text-align:left;
  background:#fff url(/i/bg_header.gif) repeat-x bottom left;
  border-bottom: solid 1px #FFFFFF;
  padding: 10px;
  height:116px;
}
#outerWrapper #contentWrapper {
  background-color: #FFFFFF;
}
#outerWrapper #contentWrapper #sidebar {
  text-align:left;
  background-color: #FFFFFF;
  float: right;
  width: 320px;
  line-height:1.8em;
  overflow :hidden; /*safari issue*/
}
#outerWrapper #contentWrapper #content {
  text-align:left;
  background-color: #FFFFFF;
  margin-bottom: 0;
  margin-right:320px;
  margin-top: 0;
  padding: 22px 42px 22px 42px;
  font-size:12px;
  line-height:1.5em;
  background-repeat:no-repeat;
  background-position: top right;
  border-right: solid 1px #EDF2D4;
  min-height:465px;
}
#emergency {
  display:block;
  background: #fff6bf url(/i/icon_alert.gif) center no-repeat;
  background-position: 15px 50%;
  padding:6px 4px 8px 36px;
  text-align:left;
  border-bottom:1px dotted #CC0000;
  color:#000;
  font-size:11px;
}
#outerWrapper #contentWrapper .clearFloat {
  clear: right;
  display: block;
}
#outerWrapper #footer {
  border-top:1px solid #E7EFC6;
  padding: 16px 10px 10px 10px;
  height:198px;
  color:#B4985A;
  background: #39939C url(/i/bg_footer.png) no-repeat;
  font-size:10px;
  text-align:center;
  line-height:24px;
}

/* ///////////////////////////////////////////////////////////// */
/* $2 header elements */
#corpnav {
  float:right;
  font-size:10px;
  text-align:right;
  color:#39939C;
  padding-right:10px;
}
#corpnav a, #corpnav a:link {
  padding:0 6px 0 6px;
  color:#39939C;
  font-size:10px;
}
#corpnav a:hover {
  text-decoration:underline;
}
#corpnav input[type="text"] {
  padding:4px 16px 4px 4px;
  font-size:10px;
  margin:8px 4px 10px 0;
  width:138px;
  color:#39939C;
  background:url(/i/bg_search.gif) bottom right no-repeat;
}
#corpnav button {
  padding:4px;
  margin:0 2px 22px 0;
  background:#E4ECB9;
  font-size:10px;
  cursor:pointer;
  border:none;
  color:#006A71;
  height:auto;
}
/*quicklinks menu elements */
#quicklinks {
  text-align:left;
  width:465px;
  background: #7BB2B9 url(/i/bg_quicklinks.png) bottom right no-repeat;
  height:auto;
  position:absolute;
  top:125px;
  line-height:21px;
  font-size:12px;
  border-bottom:2px solid #39939C;
  border-right:2px solid #39939C;
  padding:8px;
  z-index:100;
}
#quicklinks a, #quicklinks a:link {
  color:#EEF5D4;
  text-decoration:none;
  font-size:12px;
}
#quicklinks a:visited {
  color:#EEF5D4;
}
#quicklinks a:hover {text-decoration:underline;}
#quicklinks dl {
  padding: 4px 8px 8px 8px;
  display:block;
  margin:0;
  border-bottom:1px solid #9BC6CD;
  border-top:1px solid #39939C;
}
#quicklinks dt {
  font-weight:bold;
  display:block;
  color:#fff;
  padding:0 0 4px 0;
  font-family:"Myriad Web", Verdana, Helvetica, Arial, sans-serif;
  letter-spacing:1px
}
#quicklinks dd {
  display:inline;
  list-style-type:none;
  padding:0;
  margin:0;
  color:#9BC6CD;
  white-space: nowrap;
}
#quicklinks #closebn {
  float:right;
  padding:6px 14px 6px 0;
  font-size:9px;
}

/* ///////////////////////////////////////////////////////////// */
/* $3 content styles */
#banner {
   background:url(/i/bg_banner.jpg) no-repeat;
   width:955px;
   height:276px;
   margin:0;
   overflow:hidden;
   padding:0 0 0 42px;
   display:block;
   margin-right:-42px;
   color:#0F6E77;
   font-family:"Myriad Web", Verdana, Helvetica, Arial, sans-serif;
   font-size:14px;
 }
#content #banner a, #content #banner a:link {
   color:#0F6E77;
   font-size:14px;
 }
 #bannerphoto {
   float:right;
   margin-right:43px;
 }
 #bannerheadline {
   padding-top:27px;
 }
 #bulletin {
   background:#E8eec8;
   color:#39939c;
   margin:0;
   padding:12px;
   font-size:16px;
   text-align: center
 }
#content a, #content a:link {
  color: #b4985a;
  text-decoration: none;
  font-size:12px;
}
#content a:hover {
  color: #b4985a;
  text-decoration: underline;
}
hr {
  border-width: 0 0 1px 0;
  border-bottom:1px dashed #00A0AF;
  height:1px;
  margin:12px 0 12px 0;
}
hr.solid {
  border-bottom:1px solid #EDF2D4;
}
#bread {
  color: #9AD7DB;
  padding: 3px;
  margin-bottom: 38px;
  font-size:10px;
}
#bread ul {
  margin-left: 0;
  padding-left: 0;
  display: inline;
  border: none;
} 
#bread ul li {
  margin-left: 0;
  padding-left: 2px;
  border: none;
  list-style: none;
  display: inline;
}
#bread-gen ul li:before {
  content: "\0020 \0020 \0020 \00BB \0020";
  color: #ff9;
}	
#bread-gen ul li.first:before {
  content: " ";
}
#bread a, #bread a:link {
  color: #9AD7DB;
  text-decoration:none;
  font-size:10px;
}
#bread a:hover {
  color: #38939B;
  text-decoration:none;
}
.lead-in {
  color:#38939B;
  font-weight:bold;
}
button {
  font-family:"Myriad Web", Verdana, Helvetica, Arial, sans-serif;
  text-align:center;
  vertical-align:middle;
  color:#fff;
  border:0;
  cursor:pointer;
  overflow:visible;
  margin:4px;
  font-size:12px;
  padding-bottom:6px;
  background:transparent;
  height:30px;
}
button.narrow_dark {
  background:transparent url(/i/button_narrow_dark_up.png) no-repeat;
  width:80px;
}
button.narrow_dark:hover {
  background:transparent url(/i/button_narrow_dark_over.png) no-repeat;
}
button.narrow_light {
  background:transparent url(/i/button_narrow_light_up.png) no-repeat;
  width:80px;
}
button.narrow_light:hover {
  background:transparent url(/i/button_narrow_light_over.png) no-repeat;
}
button.wide_light {
  background:transparent url(/i/button_wide_light_up.png) no-repeat;
  width:140px;
}
button.wide_light:hover {
  background:transparent url(/i/button_wide_light_over.png) no-repeat;
}
#content dl.deflinks { cursor:pointer; padding:4px;}
#content dl.deflinks a { 
  color:#39939C;
  font-size:12px;
  margin:4px;
}
#content dt { 
  font-weight:bold;
  color:#b4985a;
 }
#content dd { 
  padding:2px 0 4px 0;
  margin:0;
}
#content dt a, #content dt a:link, #content dt a:visited { 
  margin:0;
  color:#b4985a;
  display:block;
 }
.index_links {
  background:#fff;
  vertical-align: middle;
  font-size:10px;
  color:#ccc;
  padding:4px;
 }
#content ul.features { 
  list-style-image: url(/i/bullet.gif);
  line-height:1.8em;
  padding-left:18px;
}
#content li.features {padding-left:0;}
#content blockquote {
  font-style:italic;
  width:180px;
  float:right;
  color:#39939C;
}
.fine {
  font-style:italic;
  font-size:10px;
}
.disclaimer {
  padding:6px;
  border:1px solid #ccc;
}
.ctabox {
  background:url(/i/bg_cta.gif) no-repeat top right;
  padding: 12px 56px 12px 16px;
  border:1px solid #E7EFC6;
  margin:18px 0 12px 0;
  min-height:40px;
  color:#39939C;
}
ol li {margin-bottom:8px;}
.secure{
	display: block;
	height: 25px;
	border: none;
	font-style:italic;
	font-size:10px;
	background-image: url(/i/lockbar.jpg);
	background-repeat: no-repeat;
	padding: 5px 0 0 30px;
}
/* ///////////////////////////////////////////////////////////// */
/* $4 index pages (elements unique to directory indexes (var pagetype eq dir) */

#grid {
  margin:0;
  padding:0;
  background:#fff;
  height:381px;
}
#grid ul {
  list-style-type:none;
  margin:0;padding:0;
  float:left;
  overflow:hidden;
}
#grid li {
  color:#B4985A;
  float:left;
  margin:0;
  padding:20px 20px 20px 35px;
  width:262px;
  min-width:262px;
  height:150px;
  border-right:1px solid #E7EFC6;
  border-bottom:1px solid #E7EFC6;
  background-repeat:no-repeat;
  background-position:bottom right;
}
#grid #signon {
  background:url(/i/bg_grid_accounts.jpg) repeat-x;
}
#grid p {
  width:150px;
  line-height:1.5em;
  font-size:10px;
}
#grid ul ul {
  width:250px;
  display:block;
  float:none;
  margin-bottom:6px;
  font-size:10px;
}
#grid li ul li {
  margin: 4px 0 4px 16px;
  padding:0;
  float:none;
  width:auto;
  height:auto;
  border:0;
  list-style-type:disc
}
#grid a, #grid a:link {
  text-decoration:none;
  text-transform:uppercase;
  line-height:1.5em;
 }
#grid a:hover {
  text-decoration:underline;
}
#grid a.primary {
  color:#38939B;
}
#grid a.secondary {
  color:#71CBD2;
}
table { margin:12px 0 12px 0; }
th {
  background:#E8EFBC;
  vertical-align: top;
  padding:4px;
}
td { 
  vertical-align: top;
  padding:4px;  
}
td, form {  
  font: 12px "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}
.zebra { background:#EEF4D2;}/*for alternate row color */
/*forms*/
form {display:block;}
fieldset {
  float:left;
  width:257px;
  border:0;
  margin:0;
  vertical-align: middle;
  border-top:1px solid #EEF4D2;
}
fieldset.full {
  width:530px;
}
label {
  font-weight:bold;
  float:left;
  width:75px;
  vertical-align: middle;
}
input, select, textarea {
  font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
  color:#39939C;
  font-size:12px;
  padding:2px;
  margin:0 0 0 12px;
}
input, textarea { background:url("/i/bg_input.gif") no-repeat; }
.alert {
  color:#ff0000;
  font-weight:bold;
  background:#FEF;
  padding:4px;
  margin:8px 0 8px 0;
  border:1px dotted #ff0000;
}
input[type="radio"], input[type="checkbox"] {
  margin-top:8px;
}
/* ///////////////////////////////////////////////////////////// */
/* $5 interior pages (elements unique to interior pages..mainly the sidebar */

#sidebar h3 {
  color:#38939B;
  font-size:12px;
}
#sidebar ul {
  list-style-type:none;
  margin:0;padding:0;
  float:left;
  overflow:hidden;
}
#sidebar li {
  color:#B4985A;
  float:left;
  margin:0;
  padding:20px 20px 20px 35px;
  border-bottom:1px solid #E7EFC6;
  background-repeat:no-repeat;
  background-position:bottom right;
  width:320px;
}
#sidebar #signon {
  background:url(/i/bg_grid_accounts_sidebar.jpg) repeat-x;
}
#sidebar p {
  width:200px;
  line-height:1.5em;
  font-size:10px;
}
#sidebar ul ul {
  width:200px;
  display:block;
  float:none;
  margin-bottom:6px;
}
#sidebar li ul li {
  margin: 4px 0 6px 14px;
  padding:0;
  float:none;
  width:auto;
  height:auto;
  border:0;
  list-style-type:disc
}
#sidebar a, #sidebar a:link {
  color:#B4985A;
  text-decoration:none;
  text-transform:none;
  line-height:1.5em;
  padding:0;
 }
#sidebar a:visited {
  color:#B4985A;
 } 
#sidebar a:hover {
  text-decoration:underline;
}
#sidebar span {
  color:#72AFB6;
}
#sidebar select {
  width:160px;
  color:#39939C;
  font-size:12px;
  padding:2px;
}

/* ///////////////////////////////////////////////////////////// */
/* $6 footer elements */
#footer a, #footer a:link {
  font-size:11px;
  color:#B4985A;
  text-decoration:none;
  text-transform:none;
  line-height:1.5em;
  padding:0 6px 0 4px;
  font-weight:bold;
 }
 #footer a:visited {
  color:#B4985A;
 }
 #footer a:hover {
  text-decoration:underline;
 }
 #footer #fdic {
   float:right;
   padding-top:28px;
 }