@charset "utf-8";
/* CSS Document */

body {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:13px; background: #eeeeee; margin:0px;}

p {line-height:1.6em;}

a:link, a:visited {font-weight:bold; color:#34770f; text-decoration:underline;}
a:hover {color:#000;}
ul li {line-height:18px; list-style:}

#headerwrap {border:0px; width:100%; margin-left:auto; margin-right:auto; background:#fff; padding-top:10px; padding-bottom:10px;}
#header {background:url(../images/top.jpg) no-repeat; width:920px; height:48px; margin-left:auto; margin-right:auto;}

#navcontainer ul {text-align: center; padding-bottom: 5px; padding-top: 5px; padding-left: 0;  margin-bottom:0px;
margin-top: 0; text-transform: capitalize; font-size:14px; width:100%; margin-left:auto; margin-right:auto; border-bottom:4px solid #72b64d; 
/* cancels gap caused by top padding in Opera 7.54 */
margin-left: 0; background-color: #000000; color: white; width: 100%; 
line-height: 18px;
/* fixes Firefox 0.9.3 */}
#navcontainer ul li {display: inline; padding-left: 0; padding-right: 0;
padding-bottom: 5px;
/* matches link padding except for left and right */
padding-top: 5px;}
#navcontainer ul li a {padding-left: 10px; padding-right: 10px; padding-bottom: 5px; padding-top: 5px; color: white; text-decoration: none;}
#navcontainer ul li a:hover {background-color: #000; color: white;}
#navcontainer #active {background: #666;}

#topphoto {background:url(../images/office.gif) no-repeat; width:920px; height:231px; margin-left:auto; margin-right:auto; margin-top:0px; border-left:1px solid #000000; border-right:1px solid #000000;}

#mainwrap {width:900px; margin-left:auto; margin-right:auto; background:#fff; padding:10px; border-left:1px solid #000000; border-right:1px solid #000000;}

#content {width:100%;}
#content h1 {margin:0px; color:#000000; font-size:20px;}

#leftcolumn {width:284px; float:left;}
#leftcolumn h1 {color:#900; font-size:18px;}
#leftphoto {background:url(../images/loan-modification-florida-questions.gif) no-repeat; width:284px; height:300px;}

#family {background:url(../images/family.gif) no-repeat; width:284px; height:230px;}

#rightcolumn {width:600px; float:right;}
#rightcolumn p {text-align:justify;}

#citycolumnleft {float:left; width:50%;}
#citycolumnright {float:right; width:50%;}

#stylized {border:solid 2px #b7ddf2; background:#ebf4fb; padding:7px; margin-top:0px; height:610px;}
#stylized p{font-size:11px; color:#666666; margin-top:0px; margin-bottom:20px; border-bottom:solid 1px #b7ddf2; padding-bottom:10px; text-align:center;}
#stylized label {display:block; font-weight:bold; text-align:right; width:130px; float:left;}
#stylized .small {color:#666666; display:block; font-size:11px; font-weight:normal; text-align:right; width:130px;}
#stylized input {float:left; font-size:12px; padding:4px 2px; border:solid 1px #aacfe4; width:100px; margin:2px 0 20px 10px;}
#stylized select {float:left; font-size:12px; padding:4px 2px; border:solid 1px #aacfe4; width:100px; margin:2px 0 20px 10px;}
#stylized textarea {float:left; font-size:12px; padding:4px 2px; border:solid 1px #aacfe4; width:100px; height:100px; margin:2px 0 20px 10px;}
#stylized button {clear:both; margin-left:90px; width:85px; height:31px; background:#666666 url(../img/button.png) no-repeat; text-align:center;line-height:31px; color:#FFFFFF; font-size:11px; font-weight:bold;}


#mainform {border:solid 2px #b7ddf2; background: #3D597A; padding:7px; margin-top:30px; width:540px; height:450px; margin-left:auto; margin-right:auto; clear:both; color:#fff;}
#mainform p{font-size:14px; font-weight:bold; color:#fff; margin-top:5px; margin-bottom:20px; border-bottom:solid 1px #b7ddf2; padding-bottom:10px; text-align:center; line-height:18px;}
#mainform h1 {color:#fff; text-align:center;}
#mainform label {color:#fff; display:block; font-weight:bold; text-align:left; width:130px; float:left; margin-left:15px;}
#mainform .small {color:#fff; display:block; font-size:11px; font-weight:normal; text-align:left; width:130px;}
#mainform input {float:left; font-size:12px; padding:4px 2px; border:solid 1px #aacfe4; width:100px; margin:2px 0 20px 10px;}
#mainform select {float:left; font-size:12px; padding:4px 2px; border:solid 1px #aacfe4; width:100px; margin:2px 0 20px 10px;}
#mainform textarea {float:left; font-size:12px; padding:4px 2px; border:solid 1px #aacfe4; width:450px; height:100px; margin:2px 0 20px 15px;}
#mainform button {clear:both; margin-left:90px; width:85px; height:31px; background:#666666 url(../img/button.png) no-repeat; text-align:center;line-height:31px; color:#FFFFFF; font-size:11px; font-weight:bold;}

#footer {clear:both;}