﻿/* Begin Typography & Colors */
body
{
    padding: 0px;
    margin: 0px;
    font-family: Arial;
    font-size: 13px;
}

iframe { 
overflow: hidden; 
} 


h1, h2, h3, h4, h5
{
    margin: 0px 0px 10px 0px;
    padding: 0px;
    font-weight: normal;
    color: #165CA3;
}

h1
{
    color: #000;
}

h3
{
    font-weight: bold;
    font-size: 16px;
    color: #165CA3;
}


h5
{
    font-weight: normal;
    font-size: 14px;
    color: #165CA3;
}


p
{
    margin: 0px 0px 13px 0px;
    padding: 0px;
    line-height: 20px;
}

a
{
    color: #165CA3;
    text-decoration: none;
}

a:hover
{
    color: #165CA3;
    text-decoration: underline;
}


img
{
    border: none;
}


ul
{
    margin-bottom:5px;
    padding-bottom:5px;
}

li
{
    padding-bottom:10px;
}


table.charges
{
    margin:0 auto;
    background-color:#fff;
    border-collapse:collapse;
}

table.charges th
{
    border-bottom:1px solid #ccc;
      padding:10px;
    font-weight:normal;
    color: #165CA3;
}

table.charges td
{
    text-align:center;
    width:33%;
    padding:10px;
}


table.example td
{
    width:33%;
}

#header-background
{
    background-color: #165CA3;
    height: 180px;
}

#header-wrap
{
    background-image: url(images/header.jpg);
    background-repeat: no-repeat;
    background-position: 0 0;
    width: 955px;
    margin: 0px auto;
    margin-bottom: 0px;
    height: 180px;
    position: relative;
}

#logo
{
    position: absolute;
    left: 40px;
    top: 35px;
}

#header-links
{
    position: absolute;
    right: 40px;
    top: 35px;
}

#header-links img
{
    margin-left: 10px;
}

#header-links p
{
    color: white;
    text-align: center;
    font-weight: bold;
    margin: 4px 0px 0px 0px;
    font-size: 20px;
    line-height: 26px;
}



#menu
{
	position: absolute;
	top: 135px;
	left: 16px;
	height: 45px;
	width: 926px;
	background-image: url(images/menubar.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	
}

#menu li a.current
{
 color: #FFE200;
}


#menu ul
{
    overflow: hidden;
    list-style-type: none;
    margin: 6px 0px 0px 16px;
    padding: 0px;
}

#menu li
{
    margin: 0px;
    padding: 0px;
    height: 32px;
    display: inline;
}




#menu li a
{
    float: left;
    color: White;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: bold;
    padding: 2px 18px 0px 18px;
    line-height: 32px;
    background-image: url(images/menuseparator.jpg);
    background-position: right;
    background-repeat: no-repeat;
}

#menu li a:hover
{
    color: #FFE200;
}


#menu li a.first
{
    padding: 2px 18px 0px 10px;
}

#menu li a.last
{
    background-image: none;
    padding: 2px 18px 0px 20px;
}


#content-shadow
{
    clear: both;
    width: 978px;
    margin: 0px auto;
    margin-bottom: 0px;
    padding: 20px 0px 0px 0px;
    background-image: url(images/contentshadow.jpg);
    background-position: 3px 0px;
    background-repeat: no-repeat;
}



#content-wrap
{
    width: 925px;
    margin-left: 30px;
    overflow: hidden;
}



#content-left
{
    width: 650px;
 
    overflow: hidden;
    float:left;
}

#content-right
{
    width: 260px;
    overflow: hidden;
    float:right;
}


#content-left h1
{
    color:#000;
    background:transparent url(images/h1background.png) no-repeat 0 0;
    height:39px;
    line-height:39px;
    font-size:16px;
    font-weight:bold;
    padding:0px 0px 0px 15px;
    margin:0px 0px 10px 0px;
    
}


.bluebox-top
{
    background:transparent url(images/images/bluebox_01.png) no-repeat top left;
    height:10px;
}

.bluebox-content
{
     background:transparent url(images/images/bluebox_02.png) repeat-y top left;
     padding:0px 15px 0px 15px;
     overflow:hidden;
}

.bluebox-bottom
{
    background:transparent url(images/images/bluebox_03.png) no-repeat top left;
    height:20px;
    margin-bottom:5px;
}

.bluebox-content h3
{
    color:#fff;
    border-bottom:1px solid #4D88C4;
    padding-bottom:3px;
}

.bluebox-content p
{
    color:#fff;
 
}


.bluebox-content a
{
     color:#fff;
 
}


.silverbox-top
{
    background:transparent url(images/images/silverbox_01.png) no-repeat top left;
    height:10px;
}

.silverbox-content
{
     background:transparent url(images/images/silverbox_02.png) repeat-y top left;
     padding:0px 15px 0px 15px;
     overflow:hidden;
}

.silverbox-bottom
{
    background:transparent url(images/images/silverbox_03.png) no-repeat top left;
    height:20px;
    margin-bottom:5px;
}

.silverbox-content h3
{
    color:#666;
    border-bottom:1px solid #ccc;
    padding-bottom:3px;
}

.silverbox-content p
{
    color:#666;
 
}


#welcome
{
    float: left;
    width: 392px;
}


.step
{
    overflow: hidden;
    height: 85px;
}


.step img
{
    float: left;
    width: 80px;
    margin-left: 10px;
    margin-top: 5px;
}

.step p
{
    margin-left: 120px;
    margin-top: 20px;
    font-size: 14px;
}




#apply img
{
    clear: both;
    margin-top: 5px;
    margin-left: 10px;
}

#applybutton
{
    clear: both;
    margin-bottom: 10px;
 
}


#girl
{
    float: right;
    width: 528px;
}


#blue-band
{
    clear: both;
    margin-top: 15px;
    background-image: url(images/blueband.jpg);
    background-repeat: repeat-x;
    background-position: top left;
    height: 446px;
}

#blue-band-gloss
{
    width: 978px;
    background-image: url(images/bluebandgloss.jpg);
    background-repeat: repeat-x;
    background-position: 0px 0px;
    height: 440px;
    margin: 0px auto;
    margin-bottom: 0px;
    overflow: hidden;
}

#blue-band-content
{
    width: 925px;
    margin-left: 30px;
    overflow: hidden;
}


#blue-band h3
{
    color: #fff;
    font-size: 18px;
}

#blue-band p
{
    color: #fff;
}


#blue-band-col1
{
    float: left;
    width: 300px;
    margin-top: 15px;
}

#blue-band-col2
{
    float: left;
    width: 340px;
    margin-top: 15px;
}

#blue-band-col3
{
    float: right;
    width: 260px;
    margin-top: 15px;
}



#blue-band-col2 h3
{
    margin: 0px;
    padding: 0px 0px 15px 70px;
    color: #FADD33;
    font-size: 18px;
    font-weight: bold;
}

#blue-band-col2 ul
{
    overflow: hidden;
    margin: 0px 38px 0px 58px;
    padding: 0px;
}

#blue-band-col2 li
{
    overflow: hidden;
    margin: 0px;
    padding: 0px;
    height: 50px;
    width: 100px;
    display: inline;
}

#blue-band-col2 li a
{
    height: 50px;
    width: 100px;
    overflow: hidden;
    margin: 10px;
    padding: 0px;
    background-color: #165CA3;
    float: left;
    line-height: 50px;
    text-align: center;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    border: 1px solid #fff;
    background: #165CA3 url(images/amount.png) no-repeat top left;
}

#blue-band-col2 li a:hover
{
    background: none;
    background-color: #FBDE00;
    color: #000;
    text-decoration: none;
}

#blue-band-col2 img
{
    margin: 20px 20px 20px 65px;
}

#quick-questions
{
    width: 260px;
    background-image: url(images/quickquestions.png);
    background-repeat: no-repeat;
    background-position: top left;
    height: 227px;
    overflow: hidden;
}

#quick-questions h3
{
    padding: 0px;
    margin: 13px 0px 0px 55px;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
}

#quick-questions ul
{
    margin: 20px 0px 0px 30px;
    padding: 0px;
}

#quick-questions li
{
    margin: 0px;
    padding: 0px;
    line-height: 30px;
    color: #165CA3;
}

#quick-questions li a
{
    margin: 0px;
    padding: 0px;
    font-size: 14px;
    font-weight: bold;
    color: #165CA3;
    text-decoration: none;
}

#quick-questions li a:hover
{
    text-decoration: underline;
}

#money
{
    margin-top: 10px;
}

#quick-apply-button img
{
    clear: both;
    margin: 8px 0px 0px 2px;
}



#lower-content
{
    width: 978px;
    margin: 15px auto;
    margin-bottom: 0px;
    overflow: hidden;
}

#lower-content-col1
{
    float: left;
    margin: 0px 0px 0px 30px;
    width: 300px;
}

#lower-content-col2
{
    float: left;
    width: 610px;
    margin-left: 15px;
}

.point
{
    overflow:hidden;
    margin-bottom:20px;
    margin-left:10px;
}
.point img
{
    float:left;
    width:80px;
}


.point p
{

    margin:0px 10px 0px 90px;
}

.point h5
{
   
    margin:0px 0px 0px 90px;
}




.box { 
  background: #EFEFEF; 
}
.boxtop { 
  background: url(images/corners/ne.gif) no-repeat top right; 
}
.boxtop div { 
  font-size: 0;
  height: 10px; 
  background: url(images/corners/nw.gif) no-repeat top left; 
}
.boxbottom { 
  background: url(images/corners/se.gif) no-repeat bottom right; 
}
.boxbottom div { 
  font-size: 0;
  height: 10px; 
  background: url(images/corners/sw.gif) no-repeat bottom left; 
}
.boxcontent {
  padding: 5px 15px 5px 15px;
}



.w-box { 
  background: #fff; 
}
.w-boxtop { 
  background: url(images/corners/w-ne.gif) no-repeat top right; 
}
.w-boxtop div { 
  font-size: 0;
  height: 10px; 
  background: url(images/corners/w-nw.gif) no-repeat top left; 
}
.w-boxbottom { 
  background: url(images/corners/w-se.gif) no-repeat bottom right; 
}
.w-boxbottom div { 
  font-size: 0;
  height: 10px; 
  background: url(images/corners/w-sw.gif) no-repeat bottom left; 
}
.w-boxcontent {
  padding: 5px 15px 5px 15px;
  overflow:hidden;
}


#steps
{
    list-style-type:none;
    margin:0px 0px 0px 20px;
    padding:0px;
    
}

#steps li
{
    width:38%;
    float:left;
    text-align:center;
    background:#fff url(images/arrow.png) no-repeat 0 25px;
}

#steps li img,
#steps li h3
{
   margin-bottom:0px;
}

#steps li.first
{
    background:none;
      width:24%;
}

#steps li.second img,
#steps li.second h3
{
    margin-left:38px;
}





#header-links
{
    position: absolute;
    right: 30px;
    top: 35px;
}

#header-links img
{
    margin-left: 10px;
}

#header-links p
{
    color: white;
    text-align: center;
    font-weight: bold;
    margin: 4px 0px 0px 0px;
    font-size: 20px;
    line-height: 26px;
}

#header-links ul
{
    list-style-type:none;
    margin:0px 0px 0px 10px;
    padding:0px;
}

#header-links li
{
    list-style-type:none;
    margin:0px;
    padding:0px 0px 0px 30px;
    background:transparent url(images/smalltick.png) no-repeat 0 0 ;
    color:White;
    line-height:22px;
    font-weight:bold;
    
}




.bluebox-content ul,
.silverbox-content ul
{
    list-style-type:none;
    margin:0px 0px 0px 0px;
    padding:0px;
}

.bluebox-content li,
.silverbox-content li
{
    list-style-type:none;
    margin:0px;
    padding:0px 0px 0px 30px;
    background:transparent url(images/smalltick.png) no-repeat 0 0 ;
    color:White;
    line-height:22px;
    
}
.silverbox-content li
{
    color:#666;
}



#badge
{
    margin-bottom:10px;
    background-position:top left;
    background-repeat:no-repeat;
    height:97px;
    position:relative;
    background-color:#105098;
}

.apply
{
    background-image:url(images/badge-apply.jpg)
}


.aboutus
{
    background-image:url(images/badge-aboutus.jpg)
}

#badge.charges
{
    background-image:url(images/badge-charges.jpg)
}

.contactus
{
    background-image:url(images/badge-contactus.jpg)
}

.faq
{
    background-image:url(images/badge-faq.jpg)
}

.howitworks
{
    background-image:url(images/badge-howitworks.jpg)
}

#badge p
{
   position:absolute;
   color:#fff;
   top:36px;
   right:10px;
   font-weight:bold;
   font-size:22px;
   width:150px;
   text-align:center;
}

label
{
    display:block;
}

input
{
    display:block;
    border:1px solid #999;
    padding:3px;
    width:250px;
    margin:0px 0px 15px 0px;
}

input.submit
{
    width:auto;
       border: none;
    background: url('images/submit.png') no-repeat top left;
    padding: 2px 8px;
    width:100px;
    height:30px;
    color:#fff;

}

textarea
{
     display:block;
    border:1px solid #999;
    padding:3px;
    width:450px;
    height:150px;
     margin:0px 0px 15px 0px;
}

#footer
{
    margin: 15px 0px 0px 0px;
    background-color: #E1E7EF;
    padding: 30px 0px 30px 0px;
    clear: both;
}

#footer p
{
    color: #165CA3;
    padding: 0px 0px 10px 0px;
    text-align: center;
}

#footer h5
{
    color: #165CA3;
    font-size: 16px;
    font-weight: bold;
    margin: 0px 0px 5px 0px;
    padding: 0px;
    text-align: center;
}

#footer-content
{
    width: 925px;
    margin: 0 auto;
    margin-bottom: 0px;
    overflow:hidden;
}


#footer-content-left
{
    width:400px;
    float:left;
    margin-left:40px;
    margin-top:20px;
}

#footer-content-right
{
    width:400px;
    float:right;
}

#footer-content-right h3
{
    padding:0px 0px 0px 0px;
    margin:0px;
    line-height:normal;
  
}

#footer-content-right ul
{
    margin:0px;
    padding:0px;
    list-style-type:none;
} 

#footer-content-right li
{
    margin:0px;
    padding:8px 0px 8px 0px;
    list-style-type:none;
    border-bottom:1px dotted #fff;
    font-size:11px; 
    color:#333;
} 

#footer-content-right li a
{
    font-size:13px; 
}

#footer-content-right li a.more
{
     font-size:11px; 
}


#footer-logo-wrap
{
    overflow: hidden;
      width: 925px;

    margin: 30px auto 0px auto;
}

#footer-logo
{
    width: 257px;
    float: left;
}
#footer-logo p
{
	text-align: left;
	letter-spacing: normal;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
}

#footer-links
{
    float: right;
    width: 400px;
    text-align: right;
}

#footer-links img
{
    margin-left: 10px;
}


.clear
{
    clear:both;
}
