/* --- Minified typography.css from 3357 bytes to 1731 bytes
 - CSSTidy --- */
/* --------------------------------------------------------------

   typography.css
   * Sets up some sensible default typography.

-------------------------------------------------------------- */

/* Default font settings.
   The font-size percentage is of 16px. (0.75 * 16px = 12px) */
body {
  font-size: 88%;
  color: #404040;
  background: #fff;
  font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
}


/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-weight: bold; }

h1 { font-size: 2em; margin-bottom: 0.75em; }
h2 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; }
h3 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }
h4 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h5 { 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: #009; text-decoration: underline; }*/
a:link, a:visited {
  text-decoration: none;
  color: #009;
}
a:hover, a:active {
  text-decoration: underline;
}

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;}


/* Tables
-------------------------------------------------------------- */

table       { margin-bottom: 1.4em; width:100%; }
th          { font-weight: bold; }
thead th 		{ background: #d2ccb8; }
th,td,caption { padding: 4px 10px 4px 5px; }
tr.even td  { background: #eFe9d3; }
tfoot       { font-style: italic; }
caption     { background: #eee; }


/* Misc classes
-------------------------------------------------------------- */

.small      { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large      { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.hide       { display: none; }

.quiet      { color: #666; }
.loud       { color: #000; }
.highlight  { background:#ff0; }
.added      { background:#060; color: #fff; }
.removed    { background:#900; color: #fff; }

.first      { margin-left:0; padding-left:0; }
.last       { margin-right:0; padding-right:0; }
.top        { margin-top:0; padding-top:0; }
.bottom     { margin-bottom:0; padding-bottom:0; }


/* --- Minified layout.css from 2899 bytes to 2280 bytes
 - CSSTidy --- */
.wrap {
  width:900px;
  margin: auto;
}
body {
  background: #fff9e7 url('img/main-bg.png') repeat-x 50% 32px; /* 32px for noscript - body.js overrides */
}
body.js {
  background-position: 50% 0; /* override noscript when js is enabled */
}
a:link, a:visited {
  color: #d33b27;
  text-decoration: underline;
}
a:hover, a:active {
  text-decoration: none;
}

#top {
  background: transparent url('img/page-header.png') no-repeat 50% 0;
  margin-top: 32px; /* 32px for noscript - body.js overrides */
}
body.js #top {
  margin-top: 0;
}
#header {
  position: relative;
  height: 180px;
}
#header h6 {
  text-indent: -999em;
  overflow: hidden;
}
#nav {
  position: absolute;
  bottom: 0; left: 7px;
}
#nav ul {
  margin: 0;/* 13px;*/
  padding: 0;
}
#nav li {
  float: left;
}
#nav li a:link, #nav li a:visited {
  color: #FFF;
  font-weight: bold;
  font-size: 1em;
  padding: 5px 15px;
  text-decoration: none;
}
#nav li a:hover, #nav a:active,
#nav li a.current {
  text-decoration: underline;
  color: #ffcd5d;
}

#content {
  margin: 30px 0 0 25px;
}
#content li {
  list-style: none;
  padding-left: 30px;
  line-height: 25px;
  background: transparent url('img/side-nav-bg.png') no-repeat 0 0;
}
#content li.std-link {
  background: transparent url('img/std-link-bullet.png') no-repeat 0 0;
}

/* fee calculator styles depend on js - these override 'noscript' styles */
body.js #feecalculator {
  border: 3px solid #d3cdb8;
  background: #fff9e6;
  padding: 8px;
  margin: 0 0 1em;
  text-align: left;
}
body.js #feecalculator h2 {
  display: block;
  font-size: 35px;
  margin: 0 0 20px;
  color: #d3cdb8;
}
body.js #feecalculator label,
body.js #feecalculator th {
  color: #4c3900;
  font-size: 18px;
  text-align: left;
}
body.js #feecalculator div.step {
  display: none;
  width: 500px;
  margin: 0 auto;
  border-top: 3px solid #d3cdb8;
  line-height: 35px;
  padding-top: 10px;
}
body.js #feecalculator div.step1 {
  padding-top: 0;
  border: none;
  display: block;
}
body.js #feecalculator th,
body.js #feecalculator td {
  padding: 5px 3px;
  line-height: 1em;
  border-bottom: 1px solid #d3cdb8;
  background: transparent;
}
body.js #feecalculator td {
  font-weight: normal;
  font-size: 16px;
  color: #4c3a00;
}
body #feecalculator button {
  width: 67px;
  height: 26px;
  background: transparent url('img/updatebtn.gif') no-repeat 0 0;
  border: 0;
  margin-left: 10px;
  overflow: hidden;
  text-indent: -999em;
}
body #feecalculator button:hover {
  background-position: 0 -26px;
  cursor: pointer;
}

#sidebar {
  margin: 30px 25px 0 0;
}
#sidebar h4 {
  font: normal 1.6em Lucida,Georgia,serif;
  margin-bottom: 5px;
}
#sidebar ul {
  margin: 0;
  border-top: 1px solid #3777a6;
}
#sidebar li {
  border-bottom: 1px solid #3777a6;
}
#sidebar li a:link, #sidebar li a:visited {
  display: block;
  text-decoration: none;
  background: transparent url('img/side-nav-bg.png') no-repeat 190px 2px;
  padding: 4px 15px 4px 0;
}
#sidebar li a:hover, #sidebar li a:active,
#sidebar li a.current {
  text-decoration: underline;
  background-color: #fff5d9;
}
#sidebar #howmuch:link, #sidebar #howmuch:visited {
  display: block;
  margin-top: 25px;
  overflow: hidden;
  width: 210px; height: 93px;
  background: transparent url('img/sidebar-howmuch.png') no-repeat 0 0;
  text-indent: -999em;
}
#sidebar #howmuch:hover, #sidebar #howmuch:active {
  background: transparent url('img/sidebar-howmuch.png') no-repeat 0 100%;
}
#sidebar #billpay:link, #sidebar #billpay:visited {
  display: block;
  margin-top: 25px;
  overflow: hidden;
  width: 210px; height: 93px;
  background: transparent url('img/sidebar-billpay.png') no-repeat 0 0;
  text-indent: -999em;
}
#sidebar #billpay:hover, #sidebar #billpay:active {
  background: transparent url('img/sidebar-billpay.png') no-repeat 0 100%;
}
#bottom {
  background: transparent url('img/page-footer.png') repeat-x 50% 0;
  padding-top: 153px;
  /*font: 1em Lucida,Georgia,serif;*/
  word-spacing: .75em;
}
#bottom a, #bottom span {
  word-spacing: .1em;
}

/* --- noscript styling --- */
body { background-position: 50% 32px; }
#noscript {
  position: absolute;
  left: 0; top: 0;
  width: 100%;
  padding: 10px 0;
  text-indent: 30px;
  background: #ffffe1 url('ie6/iconShield.png') no-repeat 0 50%;
  border-bottom: 1px solid #000;
  color: #000;
  font: 11px "Segoe UI",Calibri,Verdana,Tahoma,Arial,Helvetica,Sans-serif,Sans;
}
body #feecalculator {
  background: #FCC;
  border: 1px solid #F99;
  padding: 1em;
  text-align:center;
  font-weight: bold;
  margin: 0 0 1em;
}
body #feecalculator h2,
body #feecalculator div.step {
  display: none;
}

/* --- Minified forms.css from 370 bytes to 372 bytes
 - CSSTidy --- */
div.frmrow {
  overflow: hidden;
  padding: 2px 0 3px;
  margin: auto;
}
span.errmsg {
  display: block;
}
label {
  display: block;
  float: left;
  text-align: right;
  padding-right: 5px;
}
input, textarea, select {
  padding: 3px;
}
input.txt, textarea.txt, select.txt {
  border: 1px solid #ccc;
  background: #FFF;
  font: 12px/18px Helvetica, Arial, sans-serif;
}