/*---GLOBAL---*/
body {background-color:#789bbf;font-family:arial,verdana, sans-serif;margin:0;}

#wrapper{max-width:900px;border:1px solid black;margin:10px auto 60px auto;}
#header{padding:20px 0;box-sizing:border-box;min-height:100px;background:rgb(18,97,130) url('https://usa-dpa.com/images/florida-down-payment-assistance-logo.png');background-repeat:no-repeat;background-position:20px center;background-size:90px;}
#header h1{margin:0;padding:10px 0 0 130px;text-align:left;line-height:22px;}
#header a{font-size:20px;color:rgb(255,212,124);text-decoration:none;}
#header h2{margin:0;padding:0 0 10px 130px;color:#fff;font-size:14px;text-align:left;line-height:20px;}
#header #phone{display:block;color:#fff;padding: 0 0 10px 130px;text-decoration:underline;font-size:18px;}
#content{background:#f2f3ff;color:#303030;padding:25px;font-size:16px;}
#content h2{margin:0;padding:0;font-size:20px;text-align:center;}
#content h1, #content h2{color:#464646;}
h1.ink{color:#464646;font-size:24px;margin:10px 0 0 0;padding:0;}
ul{margin:0;padding:8px 0 35px 30px;}
li{font-size:14px;}
a{text-decoration:none;color:#0052db;}
a:hover{color:#b84c00;}
h3 a{font-size:16px;}

.menu{display:block;background:#4f4f63;margin:0;padding:0 0 0 18px;border-bottom:1px solid #fff;border-top:1px solid #fff;}
.menu li{list-style: none;display:inline-block;}
.menu li a{color:#fff;font-size:16px; font-weight:bold;padding:5px 8px;display:inline-block;}
.menu li a:hover{color:#000;}

/* --- FOOTER --- */
#footer{/*background:#598cbf;*/background:rgb(18,97,130);color:#e5e5e5;padding:25px;font-size:14px;}
#footer a{color:rgba(255,255,255,.8);}
#footer a:hover{text-decoration: underline;color:rgba(255,255,255,1);}
.copyright{display:block;padding-top:20px;text-align:center;color:#fff;font-size:13px;}
#login{position:absolute;top:0;right:0;cursor:pointer;width:20px;height:20px;}


p{padding:8px 0 15px 0;margin:0;}
.page{font-size:22px;}
.subpage{font-size:18px;}

div.center{text-align:center;}
div.center img{margin:0 10px;vertical-align:top;}

/*---NEWFORM---*/
#newForm{position:relative;box-sizing: border-box;padding:10px; /*padding:30px;width:100%;border:1px solid #aaa;background:#fff;*/}
#newForm .req{font-size:14px;}
#newForm input[type='text'],
#newForm input[type='email']
    {display:inline-block;padding:10px;margin:5px 0 15px 0;width:250px;box-sizing: border-box;font:bold 14px verdana, sans-serif;border:1px solid #ccc;}
#newForm input[type='submit']{display:inline-block;padding:10px;margin:5px 0 15px 0;width:250px;box-sizing: border-box;font:bold 14px verdana, sans-serif;
    border:1px solid rgb(199, 90, 63);
    border-radius: 4px;
    background: linear-gradient(rgb(248, 211, 137) 55%, rgb(254, 156, 48));
    cursor:pointer;
}
#newForm textarea{display:inline-block;padding:10px;margin:5px 0 15px 0;width:100%; /*505px*/box-sizing: border-box;font:normal 14px verdana, sans-serif;border:1px solid #ccc;resize:none;}
#newForm select{display:inline-block;padding:10px;margin:5px 0 15px 0;width:250px;box-sizing: border-box;font:bold 14px verdana, sans-serif;border:1px solid #ccc;}
#newForm select.placeholder{font-weight:normal;color:#666;}
#newForm p{padding:0;margin:0;}
#newForm p:after{content:' * ';color:#000;display:none;}
#newForm span{display:inline-block;}


a.maxbutton-1, a.maxbutton-2{display:inline-block;position:relative;text-decoration:none;font:bold 16px arial, sans-serif;border-radius: 4px;text-transform: uppercase; margin:8px;
    padding:12px 17px 12px 47px;
    text-shadow: 1px 1px 0px rgba(255,255,255,.5);
}
a.maxbutton-1{border:1px solid rgb(199, 90, 63);  
    background-color: rgb(248, 211, 137);
    background: linear-gradient(rgb(248, 211, 137) 55%, rgb(254, 156, 48));
    color:rgb(235, 124, 1);
    }
a.maxbutton-1:before, a.maxbutton-2:before{content:'';position:absolute;display:inline-block;top:0;left:8px;width:30px;height:42px;background:url('../images/new-great-seal.png');vertical-align:middle;background-position:center;background-size:contain;background-repeat:no-repeat;}
a.maxbutton-1:hover, a.maxbutton-2:hover{
    color:#3c5317;
    background-color: #98ba40;
    background: linear-gradient(#98ba40 55%, #618926);
    border-color: #3c5317;
    text-decoration:none;
}
a.maxbutton-2 {
    color: #0e4963;
    border: 1px solid #126182;
    background-color: #789bbf;
    background: linear-gradient(#789bbf 45%, #126182);
}
        

/* TABLE DATA */
table.season{border-collapse:collapse;width:100%;box-sizing: border-box;}
table.season th{background:#000;color:#fff;border:1px solid #666;padding:10px;}
table.season td:first-child{font-weight:bold;}
table.season td{border:1px solid #000;padding:10px;background:#f2f3ff;}


/* --- PLACEHOLDERS --- */
input::-webkit-input-placeholder{font-weight:normal;color:#666;}
input::-moz-input-placeholder{font-weight:normal;color:#666;}
input:-moz-input-placeholder{font-weight:normal;color:#666;}
input:-ms-input-placeholder{font-weight:normal;color:#666;}
input::placeholder{font-weight:normal;color:#666;}

/* MODAL */
#modalmask{position:fixed;display:none;left:0;right:0;top:0;bottom:0;height:100%;background:rgba(78, 66, 58, 0.5);z-index:1000000000;padding:20px;}
#modal{position:relative;max-width:400px;min-height:100px;left:50%;top:50%;background:rgb(255,255,255);color:rgb(64,64,64);text-align:center;padding:20px;box-shadow:0 2px 5px rgba(115,77,64, .5);
    -webkit-transform:translate(-50%, -50%);
    -moz-transform:translate(-50%, -50%);
    -ms-transform:translate(-50%, -50%);
    -o-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%);}
#exit{position: absolute;top: -5px;right: 0;padding: 15px;cursor: pointer;font-size:24px;color:rgb(115,77,64);}
#exit:after{content:'\00d7';}
#exit:hover{color:#800000;}



/* --- CSS for DISPLAYS UNDER 900px --- */
@media screen and (max-width:900px){

#wrapper{border:none;margin:0;}
.menu li a{padding:10px 15px;}
#content{padding:15px;font-size:16px;}
#footer a{display:inline-block;padding:10px;}
}

@media screen and /*(min-width:1px) and*/ (max-width:530px){
#header{padding:0;}
ul{padding:8px 0 35px 15px;}
}