/* CSS Document */

/* CSS Document */

* {margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 12px;}
body {background: url(../images/body-background.jpg) repeat-x; }
a { color:#0000FF }
a:hover { color:#FF9900 }

.font11 { font-size:11px; }
.font12 { font-size:12px; }
.font14 { font-size:14px; }
.font20 { font-size:20px; }
.dateGreen { font-size:12px; color:#36a45d;}


#header {height: 78px; width: 810px; margin: 0 auto;}
#header #logo {background: url(../images/logo.gif) no-repeat; width: 180px; height: 78px; text-indent: -1234em; float: left;}
#header h2 {background: url(../images/logo.gif) no-repeat; width: 180px; height: 78px; text-indent: -1234em; float: left;}
#header h1 {background: url(../images/logo.gif) no-repeat; width: 180px; height: 78px; text-indent: -1234em; float: left;}
#header h1 a {display: block; width: 180px; height: 78px;}

#header #ratelogo {background: url(../images/logo_rate.gif) no-repeat; width: 180px; height: 78px; text-indent: -1234em; float: left;}
#header rdh2 {background: url(../images/logo_rate.gif) no-repeat; width: 180px; height: 78px; text-indent: -1234em; float: left;}
#header rdh1 {background: url(../images/logo_rate.gif) no-repeat; width: 180px; height: 78px; text-indent: -1234em; float: left;}


#header-nav { float:left; width:300px; padding-top:20px; text-align:center; }
#header-nav a { margin:0 6px; font-size:11px; color:#3366CC; font-weight:bold; }
#header-nav a:hover { color:#33a658}

#header2 {height: 78px; width: 810px; margin: 0 auto;}
#header2 h1 {background: url(../images/ratedeallogo.jpg) no-repeat; width: 180px; height: 78px; text-indent: -1234em; float: left;}
#header2 h1 a {display: block; width: 180px; height: 78px;}

#header2-nav { float:left; width:300px; padding-top:20px; text-align:center; }
#header2-nav a { margin:0 6px; font-size:11px; color:#3366CC; font-weight:bold; }
#header2-nav a:hover { color:#33a658}

#callbox {width: 288px; height: 59px; float: right; margin: 10px 10px 0 0}
#callboxcc {width: 116px; height: 25px; float: right; margin: 10px 10px 0 0}

#contentwrap {width: 850px; margin: 0 auto;}

#nav {
    BACKGROUND:url(../images/top-nav-bg2.gif) no-repeat; MARGIN: 0px 21px; HEIGHT: 45px
}
#nav UL {
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif! important; LIST-STYLE-TYPE: none
}
#nav UL LI {
    BORDER-RIGHT: red 0px solid; BORDER-TOP: red 0px solid; BACKGROUND: url(../images/tab-divider2.gif) no-repeat right 8px; FLOAT: left; BORDER-LEFT: red 0px solid; COLOR: white; BORDER-BOTTOM: red 0px solid; TEXT-ALIGN: center; FONT-SIZE: 12px
}
#nav A {
    PADDING-RIGHT: 20px; font-size:12px; MARGIN-TOP: 6px; DISPLAY: block; PADDING-LEFT: 18px; PADDING-BOTTOM: 6px; COLOR: white; PADDING-TOP: 3px
}
#nav A:hover {
    BACKGROUND-COLOR: #33a658
}
#nav #selected {
    PADDING-RIGHT: 0px! important; PADDING-LEFT: 0px! important; FONT-SIZE: 16px; BACKGROUND: url( ../images/top-nav-selected2.gif) no-repeat; PADDING-BOTTOM: 0px! important; PADDING-TOP: 0px! important; HEIGHT: 45px; width:150px
}
#nav #selected STRONG {
    DISPLAY: block; PADDING-BOTTOM: 0px! important; PADDING-TOP: 10px! important; HEIGHT: 45px; width:150px
}
#nav .med#selected STRONG {
    BACKGROUND: url(../images/top-nav-selected-r.gif) no-repeat right top; WIDTH: 130px
}
#nav #lasttab {
    BACKGROUND: none transparent scroll repeat 0% 0%
}

#main { background:url(../images/main-background.jpg) repeat-y center; width: 850px; margin: 0 auto; clear: both; float:left; padding: 10px 0 17px 0;}

#content {width: 560px; background: #FFFFFF; padding: 10px; float: right; margin-right: 33px; display: inline; padding-bottom:190px;}
#form {width: 560px; background: #FFFFFF; padding: 10px; text-align: center; float: right; margin-right: 33px; display: inline;}
#form2 {width: 560px; background: #FFFFFF; padding: 10px; text-align: left; float: right; margin-right: 33px; display: inline;}
#content h1, #form h1 { text-align:left; font-size:18px; margin-bottom:10px; border-bottom:1px solid #ccc; padding-bottom:4px; color:#3366CC; font-weight:bold}
#form h1#replace, #form span#top_date {color: black; text-align:center; font-size: 22px; font-weight:bold; height: 22px; width: 417px; border: 0px; margin: 0px; padding: 0px}
#form span#top_date {color: #FF6600; font-size: 20px; padding-bottom: 3px; display: block;}
#form table {text-align: left; margin: 0;}
#form  td {padding: 5px ;}
#debtTable1 td { padding: 0 5px; text-align:center }
#debtTable2 td { padding: 0 5px; text-align:right }
#form select {width: 130px;}
#form #state {width: 90px !important;}
#form h2 {text-indent: -1234em; }
.label {text-align: right; width: 120px;}


#form2 {width: 560px; background: #FFFFFF; padding: 10px; text-align: left; float: right; margin-right: 33px; display: inline;}
#form2 h1 {background: url(../images/form-headline2.gif) no-repeat; text-indent: -1234em; height: 29px; width: 417px; margin: 0 auto;}
#form2 h2 { font-size:18px; margin:20px 0; }
#form2 p { text-align:left }

#form3 {width: 560px; background: #FFFFFF; padding: 10px; text-align: center; float: right; margin-right: 33px; display: inline;}
#form3 h1 {background: #FFFFFF; text-indent: -1234em; height: 29px; width: 417px; margin: 0 auto;}
#form3 h2 { font-size:18px; margin:20px 0; }
#form3 p { text-align:left }

#greenFormBg {margin: 0 auto; padding:8px; float:left; width:541px; background-color:#e9f5ed; border:1px solid #b3d5c0; text-align:left}
#greenFormLft {margin: 0 auto; padding:8px; float:left; width:242px}
#greenFormRgt {margin: 0 auto; padding:8px 8px 8px 0; float:left; width:260px}
.drpDwn {margin: 0 auto; padding:1px 0 3px 28px; float:left; width:240px}
.frmHdrs {margin: 0 auto; padding:0; float:left; width:240px}
.frmBtn {margin: 0 auto; padding:8px 0 0 20px; float:left; width:110px}
.frmBtnTxt {margin: 0 auto; padding:8px 0 0 0; float:left; width:130px; font-size:11px; color:#cc3300; line-height:13px}
.toolBox {margin:8px 0 0 0; padding:0; float:left; width:176px; height:120px; background-image:url(../images/boxLg.gif); text-align:left}
.toolBox2 {margin:8px 0 0 15px; padding:0; float:left; width:176px; height:120px; background-image:url(../images/boxLg.gif); text-align:left}
.toolTxt {margin: 0 auto; padding:9px 0 9px 12px; float:left; width:150px;}
.sm a, .toolTxt a { color:#000000; text-decoration: none;}
.sm a:hover, .toolTxt a:hover {text-decoration: underline;}
.toolTxt2 {margin: 0 auto; padding:5px 0 0 12px; float:left; width:150px;}
.calculator {margin:8px 0 0 0; padding:0; float:left; width:555px; height:134px; background-image:url(../images/calculatorBg.gif)}
#calcLeft {margin: 0 auto; padding:0; float:left; width:350px; }
#calcRgt {margin: 0 auto; padding:0; float:left; width:190px}
.calTxt{margin: 0 auto; padding:30px 0 0 112px; float:left; width:160px; text-align:right}
.calInp{margin: 0 auto; padding:30px 0 0 0; float:left; width:50px}
.calTxt2{margin: 0 auto; padding:30px 0 0 0; float:left; width:120px; text-align:right}
.calInp2{margin: 0 auto; padding:30px 0 0 0; float:left; width:50px}

#checkboxtable {margin: 0 !important;}
#checkboxtable td {padding: 0 !important;}

.textfield {width: 125px;}
p {margin-bottom: 16px; line-height: 16px;}

.leftcolpc {margin:0 auto; padding:0; float:left}
.pac {margin:0 auto; padding:0; float:left; background-image:url(../images/paycalbg.gif); width:237px; height:289px;}
#sidebar3 {float: left; background: url(../images/sidebar-shadow.gif) no-repeat top right; width:235px;}
.nopad {margin:0 auto; padding:0 0 0 40px; float:left; width:181px}
.pcTxt {margin:0 0 3px 0; padding:0 0 0 40px; float:left; width:106px}
.pcInpt {margin:0 0 3px 0; padding:0 0 0 3px; float:left; width:75px}
.btmbox {margin:17px 0 0 0; padding:0; float:left; width:555px; height:124px; background-image:url(../images/bottm_boxbg.gif)}
.btm_insides {margin:0 auto; padding:48px 0 0 50px; color:#FFFFFF; width:125px; text-align:left; float:left}

#form #step1 {background: url(../images/step-1-header.gif) 5px 0 no-repeat; height:24px;}
#form #step1.student {background: url(../images/step-1-student.gif) 5px 0 no-repeat;}
#form #step1.debt {background: url(../images/step-1-debt-information.gif) 5px 0 no-repeat;}
#form #step2 {background: url(../images/step-2-header.gif) 5px 0 no-repeat; height:24px;}
#form #step2.debt {background: url(../images/step-1-header-personal.gif) 5px 0 no-repeat;}
#form #step2B {background: url(../images/step-2-header_rate.gif) 5px 0 no-repeat; height:24px;}
#form #step2B.debt {background: url(../images/step-1-header-personal.gif) 5px 0 no-repeat;}

#sidebar {float: left; background: url(../images/sidebar-shadow.gif) no-repeat top right;}
#sidebar2 {float: left; background: url(../images/sidebar-shadow2.gif) no-repeat top right;}
#sidebar h3 { background:url(../images/sidebar-header.gif) no-repeat; margin-left: 40px; text-indent:-1234em; margin-bottom: 10px;}
#sidebar2 h3 { background:url(../images/sidebar-header.gif) no-repeat; margin-left: 40px; text-indent:-1234em; margin-bottom: 10px;}
#sidebar #rdh3 { background:url(../images/sidebar-header_rate.gif) no-repeat; margin-left: 40px; text-indent:-1234em; margin-bottom: 10px;}
#sidebar ul {margin-left: 40px; color: white; list-style: none;}
#sidebar ul li {height: 33px; margin-bottom: 10px; padding-top: 3px}
#sidebar2 ul {margin-left: 40px; color: white; list-style: none;}
#sidebar2 ul li {height: 33px; margin-bottom: 10px; padding-top: 3px}
#b1 { background: url(../images/b1.gif) no-repeat; padding-left: 41px; white-space: nowrap;}
#b2 { background: url(../images/b2.gif) no-repeat; padding-left: 41px; white-space: nowrap;}
#b3 { background: url(../images/b3.gif) no-repeat; padding-left: 41px; white-space: nowrap;}
#h4 { margin-left: 80px; text-indent:-1234em; margin-bottom: 10px; color: white;}


#merits {text-align: center; padding-left: 15px; padding-top:20px;}
#merits2 {text-align: center; padding-left: 15px;}

#footer {clear: both; width: 760px; margin: 0 auto; padding-top: 10px;}
#footer .smalltext {font-size: 11px; line-height: 14px; !important}

.subfooter {text-align: center;}
#content ul {padding-left: 10px; margin-left: 10px; list-style: disc;}
#content ul li {padding-left: 5px; padding-bottom: 5px; margin-left: 0px;}
#form2 ul {padding-left: 10px; margin-left: 10px; list-style: disc;}
#form2 ul li {padding-left: 5px; padding-bottom: 5px; margin-left: 0px;}

.mortgageratetitle {
	color: #FFFFFF;
	font-weight: bold;
	padding-left: 27px;
	font-size: 16px;
}
.ratecolumntitle {font-size: 10px}
.ratenote {
	color: #FFFFFF;
	font-size: 9px;
}
#sidebardebt {float: left; }
#sidebardebt h3 {margin-left: 40px; color: white; margin-bottom: 5px;
				font-family: Arial; font-size:18px;}
#sidebardebt ul {margin-left: 40px; color: white; list-style: none;}
#sidebardebt ul li {height: 20px; margin-bottom: 3px; padding-top: 3px}
#sidebardebt A { COLOR: white;}