body {
 font-size: 17px;
 font-family: serif;
 margin: 0;
 padding: 0;
}

/* Main Page Container */
#main {
 width: 700px;
 position: absolute;
 left: 50%;
 margin-left: -350px;
 margin-top: 5px;
}

#main > div { 
 clear: both;
}

p {
 margin: 0 0 0.5em 0;
}

a {
 color: #003372;
 text-decoration: none;
}
a:hover { text-decoration: underline; }
a:link { color: #003372; }
a:active { color: #AC2023; }
a:visited { color: #AC2023; }

img { border: none; }

h1, h2, h3, h4, h5, h6 { margin: 0; }
h1 { font-size: 23px; }
h2 { font-size: 21px; }
h3 { font-size: 19px; }
h4 { font-size: 17px; }
h5 { font-size: 15px; }
h6 { font-size: 13px; }

ul {
 margin: 0 0 0 1em;
 padding-left: 0.5em;
}

ul li {
 padding-bottom: 0.5em;
 list-style-position: outside;
 list-style-type: square;
}

ol li {
 padding-bottom: 0.5em;
 list-style-position: outside;
}

.callout {
 float: right;
 width: 180px;
}

.callout_p {
 float: right;
 clear: left;
 width: 200px;
}

.box {
 border-color: #AC2023 gray #AC2023 gray;
 border-width: 5px 1px 5px 1px;
 border-style: solid dashed solid dashed;
 padding: 5px;
 margin: 10px;
 line-height: 100%;
}

/* Questions Style */
div.questions {
 float: left;
 width: 300px;
 display: block;
 margin: 0 15px 0 15px;
 border: 0;
 padding: 0;
}

div.questions li a {
 display: block;
 text-decoration: none;
 color: black;
}

div.questions li a:hover {
 display: block;
 text-decoration: none;
 color: black;
 background-color: #EEEEFF;
}

div.questions li a:visited {
 display: block;
 text-decoration: none;
 color: black;
}

dl {
 border-width: 5px 0 0 0;
 border-color: #AC2023;
 border-style: solid;
 padding: 0 0 1em 0;
 margin: 0;
 float: left;
 width: 100%
}

dt {
 font-size: 20px;
}

dd {
 margin: 0 0 1em 0;
 padding-bottom: 1em;
 border-width: 0 0 1px 0;
 border-style: dashed;
}

.alert {
 color: #AC2023;
 font-weight: bold;
}

/* Navigation Styles */
div.nav {
 border-width: 5px 0 5px 0;
 border-color: #AC2023;
 border-style: solid;
 padding: 0;
 margin: 0;
}

div.nav ul {
 margin: 0;
 padding: 0;
 display: inline;
}

div.nav ul li {
 padding: 0px 5px 0px 5px;
 border-left: 2px solid #003372;
 list-style: none;
 display: inline;
}

div.nav ul li.first {
 margin-left: 0;
 border-left: 0;
}

div.nav ul li a {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 14px;
 color: #003372;
 font-weight: bold;
}

div.nav ul li a:visited {
 color: #003372;
}

/* Interest Rate Styles */
div.rates {
 margin: 30px 0 0 130px;
}

div.rates div {
 display: inline;
 float: left;
 padding: 0 10px 0 10px;
}

div.rates h3 {
 display: inline;
 border-width: 0 0 5px 0;
 border-color: #AC2023;
 border-style: solid;
 padding: 0;
 margin: 0;
}

div.rates p {
 font-family: sans-serif;
 font-size: 30px;
 font-weight: bold;
 margin-top: 3px;
 text-align: center;
}

/* Two-column Layout Styles */
#column_one {
 position: relative;
 float: left;
 padding: 10px;
 margin: 0px;
 width: 320px; 
 
 border-width: 0 1px 0 0;
 border-style: dashed;
 border-color: gray;
}

#column_two {
 float: right;
 padding: 10px;
 margin: 0px;
 width: 320px; 
}

div.spacer { clear: both; }

#footer {
 border-width: 5px 0 0 0;
 border-color: #003372;
 border-style: solid;
 padding: 0;
 margin: 0;
}

#nav_extra {
 clear: both;
 float: right;
 border-width: 0 0 5px 0;
 border-color: #003372;
 border-style: solid;
 padding: 0;
 margin: 0;
}

#nav_extra a {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 color: black;
 font-weight: bold;
}

table.ages {
 border-width: 5px 0 0 0;
 border-color: #AC2023;
 border-style: solid;
 padding: 0;
 margin: 0;
 clear: left;
 margin: 0 0 0 165px;
}

table.ages tr td {
 border-width: 0 0 3px 0;
 border-color: #003372;
 border-style: solid;
 font-family: Arial, Helvetica, sans-serif;
}

table.ages tr td.label {
 font-size: 20px;
 text-align: center;
}

table.ages tr td.data {
 font-size: 30px;
 padding-left: 30px;
}

.smoothbox {
 background-color: #405CA1;
 color: #A5BBFF;
 border: 3px solid #003372;
 padding: 0.5em;
 margin-bottom: 1em;
 font-family: Helvetica, Verdana, sans-serif;
}

.smoothbox img {
 float: left;
 padding-right: 1em;
}

.smoothbox big {
 vertical-align: top;
 font-weight: bold;
 font-size: 25px;
}

.smoothbox span {
 vertical-align: middle;
 font-size: 20px;
}

a:link .smoothbox {
 text-decoration: none;
}

a:visited .smoothbox {
 text-decoration: none;
}

a:hover .smoothbox {
 background-color: #6B84CD;
 cursor: hand;
}

a:active .smoothbox {
 background-color: #6B84CD;
}

.smoothbox_wrapper  a:link {
 text-decoration: none;
}

.smoothbox_wrapper  a:visited {
 text-decoration: none;
}

.smoothbox_wrapper  a:hover {
 text-decoration: none;
}

.smoothbox_wrapper  a:active {
 text-decoration: none;
}

.smoothbox_wrapper label {
 color: #A5BBFF;
}

#body {
 float: left;
 width: 510px;
}