body {margin: 0; padding: 0; text-align: center; background: #FFFFFF url("../img/bg_head.jpg") center top no-repeat; color: #3E3E3E; font-family: "Trebuchet MS", sans-serif; font-size: 90%}
a {color: #1C3564; text-decoration: none}
a:hover {text-decoration: underline}
ul {padding: 0; margin: 0 0 0 30px}
ul li {list-style-type: none; background: url("../img/list.gif") left 4px no-repeat; padding-left: 20px; font-weight: bold; margin-bottom: 10px}
table {font-size: 110%; width: 100%; margin: 20px 0}
th, td {text-align: left; padding: 5px 10px}
th {background-color: #FE970E; color: #FFFFFF}
td {background-color: #FFCC7E}
h2, h1 {text-transform: uppercase; font-size: 140%; margin: 0 0 15px 0; color: #005FA9}
h3 {text-transform: uppercase; font-size: 110%; margin: 0 0 4px 0; color: #005FA9}
h1 {font-size: 170%}
p {margin: 0 0 35px 0}

#head {width: 985px; text-align: right; margin: 0 auto; position: relative}

.roll {width: 216px; position: absolute; right: 85px; top: -93px; text-align: left; background: url("../img/bg_roll.png") center bottom no-repeat}
.roll a {color: #FFFFFF; display: block; font-size: 80%; background: url("../img/arrow_roll.gif") left 6px no-repeat; padding-left: 10px; margin: 10px 5px 0 30px}
.roll .other-loan-roll {text-align: center; padding: 20px 10px 22px 0; font-weight: bold; margin: 0; font-size: 90%; background: none}

#menu {float: left; margin: 55px 0 0 0}
#menu li {float: left; background: none; padding: 7px 0 6px 0; margin-bottom: 0}
#menu li a {padding: 1px 11px; display: inline-block; border-right: 1px solid #2A77D6; font-weight: bold; color: #004CAC}
#menu li a:hover, #menu li a.active {text-decoration: none; color: #FF4C17}
#menu li a.last {border: none}
.menu-left, .menu-right {display: inline-block; width: 8px; height: 37px; background: url("../img/bg_menu-left.gif") left top no-repeat; float: left; margin: 90px 0 0 0}
.menu-right {background-image: url("../img/bg_menu-right.gif")}

iframe {border: none; width: 920px; height: 860px}

.loan-check {clear: both; display: inline-block; margin: 0 90px 0 0; position: relative; top: 190px}
.loan {height: 200px}
.loan li {background-image: url("../img/checked.gif"); display: inline-block; float: left; clear: both; font-weight: normal; padding-left: 30px}
.fill-form {position: relative; display: block; width: 260px; height: 45px; position: relative; left: 37px; top: 35px; float: right}

#center {width: 950px; margin: 385px auto 0 auto; text-align: left}
#colleft {float: left; width: 580px}
#colleft.wide {width: 750px}

.contact {float: left; width: 300px; margin: 20px 0 100px 50px}

#colright {margin-left: 670px}

#footer {background: url("../img/bg_footer.jpg") center bottom no-repeat; height: 270px; color: #FFFFFF; font-size: 72%}
#footer a {color: #FFFFFF}
#footer-in {width: 910px; margin: 0 auto; text-align: left; margin: 0 auto; padding-top: 50px; background: url("../img/footer_line.gif") 520px 210px no-repeat}
.copyright {background: url("../img/copyright.gif") left center no-repeat; width: 439px; height: 58px; position: relative; top: 120px}
.copyright p {text-align: left; margin-left: 195px; padding-top: 16px; line-height: 1.3em}
.copyright a {text-decoration: underline; font-weight: bold}
#footer form {margin: 30px 100px 0 0}
#footer form input, #footer form textarea {background-color: #FFFFFF; border: none; width: 162px; height: 25px; padding: 0 3px; font-size: 100%; color: #000000; font-family: "Trebuchet MS", sans-serif}
#footer form textarea {height: 60px}
#footer form .submit {background-color: #FE740E; color: #FFFFFF; width: auto; padding: 0 10px}
#footer form p {margin-bottom: 8px}

.float-right {float: right}
.fix {clear: both}

#center a {
  text-decoration: underline;
}

a img {
  border: none;
}