*{
	font-size:11px;
	font-family:verdana, sans-serif;
	margin:0;
	padding:0;
	list-style:none
}

body{
	background:#6790C3;
	color:#333
}

legend{
	display:none
}

address{
	line-height:18px;
	margin:0 0 14px
}

input, textarea, select{
	padding:2px
}

textarea{
	width:300px;
	height:90px
}

input[type=hidden]{
	display:none
}

select{
	padding:0
}

option{
	padding:0 2px
}

img, fieldset{
	border:0
}

p{
	margin:0 0 16px 0
}

dt{
	font-weight:bold
}

dd{
	margin:0 0 12px 20px
}

a{
	color:#cc7600;
	font-weight:bold
}

a:hover{
	text-decoration:none
}

q{ /* prevents Firefox from auto-adding quotes to <q> elements */
	quotes:none
}

/* BEGIN:Headings ================== */
h1{font:normal 28px "trebuchet ms", sans-serif; color:#66a72f}
.creative {font:normal 22px "trebuchet ms", sans-serif; color:#66a72f }
h2{font:bold 20px "trebuchet ms", sans-serif; margin:16px 0 0}
h3{font-size:14px; color:#000}
h4{font-size:11px; color:#000}
h5{font-size:11px; display:inline; color:#333}
h6{
	font-size:11px;
	margin:20px 0 0;
	background:#eee url(/images/dot.gif) repeat-x left bottom;
	padding:7px 10px;
	border-width:1px 1px 0;
	border-style:solid;
	border-color:#cfcfcf;
}
/* END:Headings ================== */
/* BEGIN:Tables ================== */
th{
	padding:6px 6px 3px;
	vertical-align:top;
	text-align:left
}

td{
	padding:3px 6px
}

.oddRows{
	background:#fc0
}

.evenRows{
	background:#ffc
}
/* BEGIN:Tables ================== */



#wrapper{
	margin:0 auto;
	width:770px
}

#main{
	border:1px solid #ccc;
	border-bottom:0;
	width:768px;
	background:#fff
}

#landing{
    padding: 50px 0px 0px 0px;
}

#landing a{
    color: white;
}

#sideImg{
    padding: 10px 0px 0px 14px;
}

div:after{/* For Gecko Browsers which like to completely break float elements out of the parent's layout */
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden
}

#leftSide{
	float:left;
	width:216px;
	background:#fff	url(/images/bg3.gif) repeat-x
}

#star img{
 width: 220 px;
 padding-top: 12px;
 padding-left: 7px;
}

#content{
	float:left;
	width:512px;
	padding:20px;
	margin:1px 0 0;
	background:url(/images/bg3.gif) repeat-x
}

#content ul, #content ol{
	margin:10px 0
}

#content ul li{
	padding:0 0 6px 20px;
	background:url(/images/bulletDot.gif) no-repeat 0 4px
}

#content ol li{
	margin:0 0 0 20px;
	list-style:decimal
}

#theSteps{
  color: white;
}

#sPastPast{
   float: left;
   height: 40px;
   width: 150px;
   background:url(/images/sPastPast.gif);
}

#sPast{
   float: left;
   height: 40px;
   width: 150px;
   background:url(/images/sPast.gif);
}

#sNow{
  float: left; 
  height: 40px;
  width: 150px;
  background:url(/images/sNow.gif); 
} 

#sFuture{
  float: left; 
  height: 40px;
  width: 150px;
  background:url(/images/sFuture.gif); 
} 

#sLast{
  float: left; 
  height: 40px;
  width:150px;
  background:url(/images/sLast.gif);
} 

#sLastNow{
  float: left; 
  height: 40px;
  width: 150px;
  background:url(/images/sLastNow.gif);
}

steps{
    padding: 20px 0px;
    border-style:solid;
    border-color:purple;
    border-width:1px;
}

#steps1{
   float: left;
}

#steps2{
  float: right;
}

#rightSide{
	float:left;
	width:196px;
	margin:1px 0 0
}

#bottom{
    text-align: center;
    margin-top :2px;
    height: 45px;
    width: 766px; 
    float:left;
    position:relative;
    background: #f5f5e4;
    padding-top: 5px
}

#top {
   padding-bottom: 10px;
}

#bottom li{
 margin: 1px 1px 1px 1px;
 display:inline;  
 padding: 0px 3px 0px 6px;
 color:#333333;
 border-style:solid;
 border-color:#000;
 border-width:0px 0px 0px 1px;
}

#bottom a{
    color:#666666;
    font-weight:normal;
    text-decoration:none ;
}

#bottom a:hover{
    text-decoration:underline
}

/* BEGIN:Footer ================== */
#footer{
	text-align:center
}

#bottomFrame{
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;

}

#footerLinks{
	background:#efefc6;
	padding:4px 0;
	border-style:solid;
	border-color:#fff;
	border-width:2px 1px 2px;
}

#footerLinks li{
	display:inline;
	border-left: 1px solid #333;
	padding:0 6px
}

#footerLinks li a{
	position:relative;
	top:-2px
}

.firstElement{
	border:0 !important
}

#footerLogos{
	background:#f5f5e4;
	padding:5px 0;
	border-bottom:2px solid #fff
}

#footerLogosBox{
    margin:5px 105px;
    background:#fff;
    padding:5px;
    border:1px solid #999;
}

#hacker img{
    padding:5px 10px;
}

#footer p{
	font-size:10px;
	color:#aeaeae;
	padding:8px 0 0 0;
	border-top:3px solid #999
}
/* END:Footer ================== */



/* BEGIN: Homepage ================== */
#content.homepage{
	width:355px;
	padding:0
}

#leftSide.homepage li{
	position:relative;
	background:#f2f1eb
}

#easySteps{
	background:url(/images/3EasyStepsBg.gif) repeat-y;
	padding:0 10px 0 28px
}

#easySteps a{
	padding:5px 0 5px 30px;
	background-position:left center;
	background-repeat:no-repeat;
	background-color:#fff;
	display:block
}

#easySteps a{
	color:#333;
	font-weight:normal;
	text-decoration:none
}

#easySteps a:hover{
	text-decoration:underline
}

#step1 a{
	background-image:url(/images/bullet1.gif)
}

#step2 a{
	background-image:url(/images/bullet2.gif)
}

#step3 a{
	background-image:url(/images/bullet3.gif);
	padding-top:2px
}

#greatReasons{
	padding:14px 18px 24px;
	font-size:12px;
	background:#fff url(/images/bg1.gif) repeat-x left bottom
}

#applyNow{
	display:block;
	width:139px;
	margin:12px auto 0
}

#greatReasons ul li{
	padding:3px 0 0 18px;
	background:url(/images/bulletDot.gif) no-repeat left center;
	font-size:12px
}

#lowerRates{
	padding:14px 18px 10px 18px;
	background:#fff url(/images/bg2.gif) repeat-x left bottom
}

#borrowers {
	padding:14px 18px 24px;
	font-size:12px;
	height: 111px;
	background:#fff url(/images/bg1.gif) repeat-x left bottom
}

#borrowers ul li{
	padding:3px 0 0 18px;
	background:url(/images/bulletDot.gif) no-repeat left center;
	font-size:12px
}

#mortgageLenders {
	padding:14px 10px 19px 10px;
	height: 97px;
	background:#fff url(/images/bg2.gif) repeat-x left bottom
}
/* END:Homepage ================== */



/* BEGIN:CSS Menu ================== */
#menu {
	position: relative;
	z-index: 999;
	margin-left: 30px;
}

#cssMenu{
	height:28px;
}

.menulist ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

.menulist li {
	float: left;
	position: relative;
	margin-right:-1px
}

.menulist li > ul {
	top: auto;
	left: auto;
}

.menulist ul ul{
	top:0px;
	left:35px
}


.menulist ul li{
	float:none;
	margin-right:0;
	background:#ececb4;
	border:1px solid #ccc;
	margin-bottom:-1px
}

.menulist ul li a{
	display:block;
	padding:4px 7px;
	border-bottom:1px solid #ffc
}

.menulist ul>li:last-child{
	margin-bottom:1px
}

.menulist a{
	display:block;
	color:#333;
	text-decoration: none
}


.menulist li ul {
	display: none;
	position:absolute;
	top:2.5em;
	left:0px;
	width:190px;
	z-index:999;
}
.menulist li:hover ul, li.over ul{
	display: block;
}

/* END:CSS Menu ================== */


/* BEGIN:Flash Replacement ================== */
/* These are standard sIFR styles... do not modify */
.sIFR-flash{visibility:visible !important;margin:0}
.sIFR-replaced{visibility:visible !important}
span.sIFR-alternate{position:absolute;left:0;top:0;width:0;height:0;display:block;overflow:hidden}
/*These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */
.sIFR-hasFlash h1{visibility:hidden;letter-spacing:-9px;font-size:28px}
.sIFR-hasFlash h2{visibility:hidden;letter-spacing:-9px;font-size:20px}
/* END:Flash Replacement ================== */

#logoPrint{
	display:none
}

.backToTop{
	font-weight:normal;
	font-size:10px
}

.moreInfo{
	font-style:italic
}

#quickFind{
	color:#888;
	margin:12px
}

#quickFind a, .backToTop{
	color:#020092
}

.coloredBox{
	background:#f5f5f5;
	padding:15px;
	margin:0 0 10px;
	border-width:1px;
	border-style:solid;
	border-color:#fff #ddd #ddd
}

.coloredBox{
	background:#f5f5f5;
	padding:15px;
	margin:0 0 10px;
	border-width:1px;
	border-style:solid;
	border-color:#fff #ddd #ddd
}

/* BEGIN: mortgageForm.php ================== */
#loanform h6{
	position:relative;
	background:#66a72f url(/images/dot.gif) repeat-x left bottom;
	background-image: none; /* prevents dot.gif from loading */
	color:#fff;
	margin:0;
	padding:3px 6px
}

.SectionHeader span{
	position:relative;
	display:block
}

#loanform h6 a, .SectionHeader span a{
	position:absolute;
	top:2px;
	right:25px;
	color:#fff
}

.SectionHeader span a{
	top:0
}

#loanform table{
	background:#eff5e9;
	padding:5px 15px;
	margin:0;
	border-width:1px;
	border-style:solid;
	border-color:#fff #ddd #ddd;
	width:516px
}

#loanform th, #loanform td{
	font-weight:normal;
	padding:2px 3px 2px 10px;
	vertical-align:top
}

#loanform th{
	width:220px
}

#privateStudentLoan th {
	width:220px;
}

#studentLoanConsolidation th {
	width:260px;
}

.studentnote {
	font-size:10px;
	color: #888;
}

#loanform table span{
	font-size:10px
}

#loanform #contactInfo{
	margin:0 0 20px 0
}

#loanform label{
	position:relative;
	top:-2px;
	padding-right:10px
}

#loanform p img{
	position:relative;
	top:3px
}
#ratetype label {
	display: block;
	}
#ratetype label input {
	vertical-align: middle;
	}
#secureRightsNotice{
	clear:both;
	font-size:10px;
	padding:14px;
	color: #aeaeae
}

#secureRightsNotice img{
	margin:0 14px 20px 0;
	float:left
}

.largeBtn{
	position:relative;
	top:-7px;
	float:right;
	margin:0 24px
}

.dollarSign{
	background-image:url(/images/dollarSign.gif);
	background-repeat:no-repeat;
	background-position:1px 7px
}

#loanform .indent{
	padding-left:20px;
	width:200px
}

.suggestion { 
	border: 1px solid #ff9;
	background-color: #fc0;
	}
.jp select { float: left; }
.jp input { width: 50px; }
#DOWN_PMT {
	border: 0;
	background-color: transparent;
	}
#calc { display: none; }
/* END: mortgageForm.php ================== */
/* BEGIN: popup.php ================== */
#popUp #content{
	float:none;
	width:60%;
	margin:20px 10%;
	padding:20px 10%;
	background-color:#fff;
	border:1px solid #fff
}

#popUp #footer{
	display:none
}
/* END: popup.php ================== */

.box{
	background:#fff url(/images/boxBg.gif) repeat-y;
	margin:20px 0 0
}

.box p{
	background:url(/images/dot.gif) repeat-x;
	margin:10px 20px 0 33px;
	padding:14px 0 60px
}

#studentLoanConsolidationText {
	background:url(/images/dot.gif) repeat-x;
	margin:10px 20px 0 33px;
	padding:14px 0 60px;
}

 #privateStudentLoanText {
	background:url(/images/dot.gif) repeat-x;
	margin:10px 20px 0 33px;
	padding:14px 0 60px;
}

.box .indent{
	padding:0 0 0 22px
}

.boxBottom{
	background:url(/images/boxBottom.jpg) no-repeat bottom left
}

.faded{
/*	filter:alpha(opacity=25);*/
	opacity:.25
}

#disclaimer {
	padding: 10px 0;
	float: left;
	width: 280px;
	text-align: justify;
	color: #888;
}