BODY {
    margin: 0;  
    background: url(../images/bg_01.png) repeat-y top center;
    font-family: Arial;
    font-size: 12pt;
}
table{
    font-family: Arial;
    font-size: 10pt;
}
td{
    padding: 0;
}

a {
}
a img{
    border: none;
}

A:Hover {
}
h2{
    font-size:15pt;
    margin: 10px 0;
    color: #013f80;
    font-family: Myriad Pro, Arial, Helvetica, sans-serif;
}
h1{
    font-size:15pt;
    margin: 10px 0;
    color: #013f80;
    font-family: Myriad Pro, Arial, Helvetica, sans-serif;
}

#site{
    width:960px;
    margin: 10px auto 0px;
    position: relative;
}
#logo{
    background: url(../images/logo_03.png) no-repeat;
    width: 940px;
    margin: 0 10px;
    height: 114px;
}
#logo a{
    display: block;
    width: 500px;
    height: 70px;
    position: relative;
    left: -220px;
    top:40px;
}
/*  Sprited Navigation */
#nav{
    padding: 0;
    padding-left: 10px;
    margin: 0;
    width: 960px;
    background: url(../images/nav_03.png) no-repeat 0 -40px;
    height: 50px;
    position: relative;
}
#nav a{
    float: left;
    display: block;
    height: 40px;
}
#loan-programs{ width: 101px; background: url(../images/nav_03.png) no-repeat -10px -40px; margin-right: 2px; }
#loan-programs:hover{ background-position: -10px 0px; }
#qualifying{ width: 204px; background: url(../images/nav_03.png) no-repeat -114px -40px; margin-right: 3px; }
#qualifying:hover{ background-position: -114px 0px; }
#apply{ width: 104px; background: url(../images/nav_03.png) no-repeat -320px -40px; margin-right: 3px;}
#apply:hover{ background-position: -320px 0px; }
#services{ width: 172px; background: url(../images/nav_03.png) no-repeat -427px -40px; margin-right: 2px; }
#services:hover{ background-position: -427px 0px; }
#tools{ width: 205px; background: url(../images/nav_03.png) no-repeat -601px -40px;  margin-right: 3px;  }
#tools:hover{ background-position: -601px 0px; }
#loans{ width: 141px; background: url(../images/nav_03.png) no-repeat -809px -40px; margin-right: 2px;  }
#loans:hover{ background-position: -809px 0px; }


#mast{
    margin-top: -10px;
    height: 404px;
}
#mastHead{
    background: url(../images/mastHead_04.jpg) no-repeat;
    width: 720px;
    height: 404px;
    float: left;
    margin-left: 10px;
    
}
#form{
    background: #cccccc url(../images/formBg_06.png) no-repeat;
    width: 220px;
    height: 254px;
    float: left;
    padding-top: 150px;
}
#fha-request{
    width: 200px;
    margin: 0 auto;
    font-size: 10pt;
}
#fha-request table{
    text-align: center;
    font-size: 8pt;
}

input{
    background: url(../images/inputBg_11.jpg) no-repeat;
    border: none;
    width: 185px;
    height: 25px;
    color: #999999;
    padding: 0 5px;
    margin-bottom: 10px;
    *padding-top: 5px;
}
.checkbox{
    width: 13px;
    height: 13px;
}
.submit{
    background: url(../images/submit_11.jpg) no-repeat;
    border: none;
    width: 160px;
    height: 35px;
    margin-top: 20px;
}
.submit:hover{
    background-position: 0px -35px;
}
select{
    width: 185px;

    margin-bottom: 10px;
}

/* Content Starts */
#content{
    clear: both;
    margin: 0 10px;
    background: #FFF;
    min-height: 300px;
    width: 940px;
    text-align: left;
    padding-bottom: 20px;
}
.leftCol{
    width: 660px;
    float: left;
    margin-left: 30px;
}
.rightCol{
    width: 220px;
    float: right;
}

.callOut{
    display: block;
    width: 193px;
    height: 102px;
    margin: 10px auto;
}
.callOut img{
    border: none;
}

/*  Footer Begins */
#footer{
    margin: 20px 10px;
    width: 940px;
    text-align: center;
    font-size: 8pt;
}
#footer a{
    text-decoration: none;
}
.copy{
    color: #8e8e8e;    
}

/* FHA LIMIT FORM */
#county{
    display: none;
}
.label{
    background-color : 1px solid #3F97D8;
    font-weight: bold;
}
.label td{
    width: 100px;
    padding: 5px 0px;  
}
.label .countyName{
    width: 200px;
}
#results{
    display: none;
}
#results td{
    text-align: center;
}

/* Calculators */
.calculator{
    width: 318px;
    float: left;
    margin-right: 10px;
}
.calculator .top{
    background: url(../images/boxParts_03.png) no-repeat;
    width: 318px;
    height: 14px;
}
.calculator .middle{
    background: url(../images/boxParts_06.png) repeat-y;
    width: 318px;
    min-height: 50px;
}
.calculator .bottom{
    background: url(../images/boxParts_08.png) no-repeat;
    width: 318px;
    height: 14px;
}
#simple_mortgage{
    width: 280px;
    margin: 0px 0px 0px 20px;
}
#simple_mortgage b{
    color: #0381b1;
    text-transform: uppercase;
}
#simple_mortgage input{
    margin-top: 5px;    
}
#simple_mortgage input.none{
    background: #0381b1;
    color: #FFF;
    border: 1px ridge #e2e2e2 ;
    padding: 3px;
}

#can_afford{
    width: 280px;
    margin: 0px 0px 0px 20px;
}
#can_afford b{
    color: #0381b1;
    text-transform: uppercase;
}
#can_afford input.none{
    background: #0381b1;
    color: #FFF;
    border: 1px ridge #e2e2e2 ;
    padding: 3px;
}
.desired, .affordable{
    display: none;
}
.outcome{
    margin-top: 10px;
}

/* application form styles */
#application input{
    margin-bottom: 0px;
}
#application table{
    margin-bottom: 20px;
    font-size: 10pt;
}
#application table td{
    width: 250px;
}
#application .label{
    border-bottom: 1px solid #054384;
    color: #999999;
    background: none;
    padding: 3px;
}
#application select{
    margin-top: 5px;
    height: 25px;
    padding: 3px;
}
.radio{
    width: 12px;
    height: 12px;
    padding: 5px 0px;
    margin: 0;
}

/* error style */
.error{
    border: 2px solid red;
}

/* submenu styles */
#menu{
    padding: 0px;
    margin: 10px 0px 0px;
}
#menu li{
    list-style: none;
    display: block;
}
#menu li a{
    color: #003d7e;
    margin: 0px 10px;
    text-decoration: none;
    font-size: 9pt;
}
#menuLeft{
    width: 210px;
    float: left;
    margin-right: 5px;
}
#menuCenter{
    width: 230px;
    float: left;
    margin-right: 5px;
    border-left: 1px solid #003d7e;
}
#menuRight{
    width: 205px;
    float: left;
    border-left: 1px solid #003d7e;
}

/* list table */
li table td{
    padding: 3px;
}
.list li{font-size: 8pt;  }
.list li a{ font-size: 12pt;}

div.ml-box ul.ml-data{
	width: 150px;
}

/* the overlayed element */
.simple_overlay {
    
    /* must be initially hidden */
    display:none;
    
    /* place overlay on top of other elements */
    z-index:10000;
    
    background:#fff;
    
    width:840px;    
    min-height:200px;
    border:1px solid #666;
    padding: 10px;
    
    /* CSS3 styling for latest browsers */
    -moz-box-shadow:0 0 90px 5px #000;
    -webkit-box-shadow: 0 0 90px #000;    
}

/* close button positioned on upper right corner */
.simple_overlay .close {
    background-image:url(../images/close.png);
    position:absolute;
    right:-15px;
    top:-15px;
    cursor:pointer;
    height:35px;
    width:35px;
}
.leadgenix{
    background: url(../images/leadgenix_logo.jpg) no-repeat;
    height: 29px;
    width: 102px;
    display: block;
    float: right;
}
.leadgenix:hover{
    background-position:0px -29px;
}

ul#side_list li{
    margin-top: 4px;
}