@import url("layout.css");

body {font-family: "Times New Roman", Times, serif; font-size: 1.0em; background-color: #fff; background-image: url("../images/blend_background.gif"); background-repeat: repeat; background-attachment: scroll; text-align: center;}

/* IDs */

#container {width: 700px; margin: 10px auto; text-align: left;}

#navigation {width: 700px; margin: 2px 0px 15px 8px; background-color: #fff;}

#masthead {width: 700px; margin: 25px 0 0 0; background-color: #fff; text-align: center;}

#content {width: 700px; margin: 0 0 5px 8px; background-color: #fff;}

#footer {width: 700px; margin: 8px 0px 0 8px; padding: 3px 0; background-color: #fff;}

/* Elements */

h1 {color: #FF0000; font-size: xx-large; font-weight: bold;}

hr {height: 1px; width: 98%;	color: #CCCCCC; text-align: center; margin: 0 0 0 0;}

img {border-width: 0;}

/* Class Styles */

a:link {color: #0000FF;}
a:visited {color: #0000FF;}
a:active {color: #0099FF;}
a:hover {color: #0099FF;}

.fontred {color: #FF0000;}

.fontxxxred {font-size: xx-large; font-weight: bold; color: #FF0000; line-height: 130%;}
.fontxxred {font-size: x-large; font-weight: bold; color: #FF0000; line-height: 110%;}
.fontxxxblack {font-size: x-large; font-weight: bold; color: #000000; line-height: 110%;}
.fontxxx {font-size: xx-large; font-weight: bold; line-height: 110%;}

.fontmedium {font-size: medium;}
.fontsmall {font-size: small; color: #000000;}
.font120 {font-size: 120%;}
.font140 {font-size: 140%;}

.fontnormal {font-weight: normal;}

.fontwingdings3 {font-family: "Wingdings 3";}

.highlight1 {background-color: #FFFF66;}

.textcenter {text-align: center;}
.textright {text-align: right;}

/* Tables */

table.sampletable caption {font-size: 160%; font-weight: bold; text-align: left; margin-bottom: 4px;}
table.sampletable {width: 97%; border: 1px #C0C0C0 solid; border-collapse: collapse; border: 1px #666 solid; text-align: center; margin: 0 auto 20px auto; font-size: 90%;}
table.sampletable td {border: 1px #C0C0C0 solid; border-collapse: collapse; padding: 6px 2px;}

table.ratetable caption {font-size: 120%; font-weight: bold; text-align: center; padding: 0 0 5px 0;}
table.ratetable {width: 90%;  border: 1px #C0C0C0 solid; border-collapse: collapse; margin: 0 auto; text-align: center; font-weight: bold;}
table.ratetable td {width: 50%; border: 1px #C0C0C0 solid; border-collapse: collapse; padding: 3px 2px;}

table.statenav {width: 100%; margin: 0 auto; padding: 0; border: 0 #66CCFF solid; border-collapse: collapse;}
table.statenav td {margin: 0; padding: 0 0 0 2px; border: 1px #66CCFF solid;}
table.statenav td.noborder {margin: 0; padding: 0; border: 0px #FFFFFF solid;}

table.steps {width: 90%; margin: 0 auto; border: 2px solid #66CCFF; font-weight: bold; }
table.steps td {width: 100%; padding: 5px; margin: 3px; text-align: center; border: 1px solid #66CCFF; background-color: #CCFFFF;}
 
table.join {width: 90%; margin: 0 auto; border: 2px solid #66CCFF; font-weight: bold;}
table.join caption {font-size: 120%; text-align: center; padding: 0 0 5px 0;}
table.join td {width: 33%; padding: 5px; margin: 0px; text-align: center; border: 1px solid #66CCFF; background-color: #CCFFFF;}