body{
top: 0 auto;
margin: 0 auto;
padding: 0;
width:900px;
text-align:center;
background-color:#f2f1ec;
background-image:url(images/bg.jpg);
background-repeat:repeat-x;
font-family: Arial, Helvetica, sans-serif;
}

.frame {
margin:0px auto;
text-align:center;
width:900px;
height: 130px;
}

.content {
top: 0 auto;
margin-top: 10px;
width:900px;
height: 100%;
background-color: #ffffff;
text-align: center;
overflow: hidden;
}

.contact{
position:relative;
margin-top: 45px;
float: right;
font-size: .8em;
color: #2e5281;   /* DK BLUE COLOR 2e5281*/
}

.contact a {
text-decoration: none;
color: #01396c;
}

.contact a:hover {
text-decoration: underline;
color: #600000;
}

.joinnow{
font-size: .85em;
text-align: right;
}

.joinnow a{
color: #01396c;
}

.joinnow a:hover{
text-decoration: none;
color: #600000;
}

.logo{
margin-top: 3px;
margin-bottom: -3px;
position: relative;
float:left;
margin-left: -36px;
background-image:url(images/logo_new.gif);
background-repeat: none;
width: 279px;
height: 79px;
}

.navtext{
clear: left;
margin-top: 18px;
margin-bottom: 5px;
padding-bottom: 2px;
float: left;
width: 880px;
font-size: 11px;
}

.navtext ul{
margin: 0px auto;
line-height: 23px;
margin-left: -40px;
}

.navtext li{
display: block;
float: left;
width: 135px;
margin-top: 5px;
list-style-image: none;
list-style-position: inside;
color: #ffffff;
line-height: 15px;
border-right: 1px solid #ffffff;
font-weight: bold;
letter-spacing: 1px;
}

.navtext li.end{
border-right: none;
}

.navtext a{
color: #ffffff;
text-decoration: none;
}

html>body .navtext a:hover { 				/*  Everything but IE 6  */
position: static;
display: block;
border: none;
background-image:url(images/rollover-bg.jpg);
background-repeat: repeat-x;
height: 34px;
#height: 32px;
line-height: 34px;
margin-top: -10px;
margin-right: -1px;
margin-left: -1px;
#margin-bottom: -10px;
border: 1px solid #ffffff;
color: #600000;
font-weight: bolder;
}

.navtext a:hover{ 				/*  IE 6  */
display: block;
position: relative;
height: 34px;
margin-top: -10px;
margin-bottom: -10px;
line-height: 32px;
background-image:url(images/rollover-bg.jpg);
background-repeat: repeat-x;
color: #600000;
font-weight: bolder;
}

.search{
position: relative;
margin-top: 22px;
#margin-bottom: -22px;
float: right;
padding-left: 2px;
font-size: .7em;
color: #ffffff;
clear: right;
font-weight: bold;
}

input {
font-size: 10px;
}

.content {
top: 0 auto;
margin-top: 10px;
width:900px;
height: 100% auto;
background-color: #ffffff;
text-align: center;
}

table.service {
margin-left: 15px;
}

td.service {
list-style-position: inside;
}

#thanks {
display: block;
margin-top: -55px;
}

.text {
top: 0 auto;
display: block;
float: right;
width: 700px;
height: 100%px;
text-align: left;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
background-color:#ffffff;
}

.text-long {
top: 0 auto;
display: block;
float: right;
width: 700px;
height: 100%;
text-align: left;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
background-color:#ffffff;
}

.text-legal {
top: 0 auto;
display: block;
width: 850px;
height: 100%;
text-align: left;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
background-color:#ffffff;
margin: 10px;
}

@media all and (min-width: 0px){
.text {
top: 0 auto;
display: block;
float: right;
width: 700px;
height: 100%;
text-align: left;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
background-color:#ffffff;
}
}

p {
margin-bottom: 10px;
padding-right: 15px;
padding-left: 10px;
}

.text a, .text-long a {
color: #2e5281;
font-weight: bold;
}

.text a:hover, .text-long a:hover{
text-decoration: none;
}

.text li, .text-long li {
list-style-type:circle;
line-height: 22px;
}

blockquote {
line-height: 20px;
margin-top: -20px;
margin-left: 10px;
}


.side{
position: relative;
display: block;
float: left;
width: 200px;
background: #ffffff;
height: 100%;
}

/* --------------------------------------------------- REGULAR side nav -----------------------------*/

html>body .sidenav {        /*  everything but IE 6  */
display: block;
float: left;
height: 350px;
width: 180px;
background-color:#01396c;
margin-left: 10px;
margin-top: 5px;
text-align: left;
list-style-image: none;
font-size: 11px;
font-family: Arial, Helvetica, sans-serif;
letter-spacing: 1px;
}

.sidenav {					/*   IE 6   */
float: left;
height: 340px;
width: 180px;
background-color:#01396c;
margin-left: 5px;
margin-top: 5px;
text-align: left;
list-style-image: none;
font-size: 11px;
font-family: Arial, Helvetica, sans-serif;
letter-spacing: 1px;
}

@media all and (min-width: 0px){
.sidenav {					/*   OPERA */
float: left;
height: 350px;
width: 180px;
background-color:#01396c;
margin-left: 5px;
margin-top: 5px;
text-align: left;
list-style-image: none;
font-size: 11px;
font-family: Arial, Helvetica, sans-serif;
letter-spacing: 1px;
line-height: 16px;
}
}



.sidenav ul {
#padding-top: 10px;
margin-left: -10px;
padding-left: 30px;
}

.sidenav ul li {
list-style-type:none;
list-style-position:outside;
}

.sidenav ul li a{
display: block;
color: #ffffff;
text-decoration: none;
padding-top: 5px;
}

.sidenav li a:hover {
display: block;
color: #600000;
width: 160px;
}


/* --------------------------------------------------- REO side nav -----------------------------*/


html>body .sidenavREO {        /*  everything but IE 6  */
display: block;
float: left;
height: 440px;
width: 180px;
background-color:#660000;
margin-left: 10px;
margin-top: 5px;
text-align: left;
list-style-image: none;
font-size: 11px;
font-family: Arial, Helvetica, sans-serif;
letter-spacing: 1px;
}

.sidenavRE0 {					/*   IE 6   */
float: left;
height: 440px;
width: 180px;
background-color:#660000;
margin-left: 5px;
margin-top: 5px;
text-align: left;
list-style-image: none;
font-size: 11px;
font-family: Arial, Helvetica, sans-serif;
letter-spacing: 1px;
}

@media all and (min-width: 0px){
.sidenavREO {					/*   OPERA */
float: left;
height: 440px;
width: 180px;
background-color:#660000;
margin-left: 5px;
margin-top: 5px;
text-align: left;
list-style-image: none;
font-size: 11px;
font-family: Arial, Helvetica, sans-serif;
letter-spacing: 1px;
line-height: 16px;
}
}

.sidenavREO ul {
#padding-top: 10px;
margin-left: -10px;
padding-left: 30px;
}

.sidenavREO ul li {
list-style-type:none;
list-style-position:outside;
}

.sidenavREO ul li a{
display: block;
color: #ffffff;
text-decoration: none;
padding-top: 5px;
}

.sidenavREO li a:hover {
display: block;
color: #0099FF;
width: 160px;
}

/* ---------------------------------------------- END OF REO Side Nav ------------------------------ */



h1 {
width: 680px;
height: 40px;
margin-top: 5px;
padding-left: 10px;
padding-top: 5px;
background-image:url(images/h1-bg.jpg);
background-repeat:repeat-x;
font-size: 14px;
color: #600000;
text-align: left;
}

h2 {
font-size: 13px;
color: #600000;
font-weight: bolder;
text-align: left;
padding-left: 10px;
line-height: 12px;
}

h3 {
font-size: 20px;
letter-spacing: 1px;
color: #600000;
font-weight: bolder;
text-align: left;
padding-left: 10px;
text-align: center;
}

#title {
font-size: 12px;
letter-spacing: 1px;
color: #600000;
font-weight: bolder;
}

hr {
width: 90%;
height: .1em;
color: #600000;
text-align:center;
}

.right {
text-align:right;
padding-right: 25px;
}


/*   CONTACT US FORM  */

.wide {width: 500px;}

#security img { float: left; border: 1px solid #000; }
      
.error { color: red;}

legend { font-size: 1.2em; font-weight: bold; color: #000; }




html>body .footer {     /*   Everything but IE 6  */
height: auto !important;
height: 100%;
min-height: 10%;
position: absolute;
width: 100%;
float: left;
left: 0;
background-color: #01396c;
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
text-align: center;
color: #ffffff;
border-top: 2px solid #aca686;
overflow: auto;
}

.footer a{
color: #ffffff;
}

.footer a:hover{
color: #600000;
text-decoration: none;
}

.footer {					/*   IE 6    */
position: realtive;
width: 900px;
left: 0;
background-color: #01396c;
color: #ffffff;
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
text-align: center;
overflow: auto;
}