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

body {margin: 0px; background-image: url(body.png); text-align: center;}

.page {width: 766px; margin-left: auto; margin-right: auto; margin-top: 10px;}

.container {width: 766px; background-color: #FFFFFF; margin-left: auto; margin-right: auto; border-style:solid; border-width:thin; border-color:#999999;}

.banner {height: 109px;}

.nav-main {padding: 0px; margin-left: 14px; margin-right:14px; background-color: #CC0033; background-repeat: repeat; vertical-align: middle; height: 21px; z-index: 3; position: relative;}
.nav-main ul {margin: 0px; padding: 0px; background-color: #CC0033; background-repeat: repeat;}
.nav-main li {display: inline;}
.nav-main li a {text-decoration: none; font-family: Arial; font-size: 12px; color: #FFFFFF; font-weight: bold; padding-left: 7px; padding-right: 7px; padding-top: 3px; padding-bottom: 3px; margin: 0px;}
.nav-main li a:hover {background-color: #FF3300;}
.nav-main li a:active {color: #FF9900;}

.content {margin: 0px; padding: 0px; text-align: left; font-family: Arial; height: 450px;}
.content-long {margin: 0px; padding: 0px; text-align: left; font-family: Arial;}

.title {color: #FF9900; font-size: 16px; font-weight: bold; padding-top: 20px; padding-bottom: 10px; padding-left: 14px;}
.sub {color: #000000; font-size: 15px; font-weight: bold; padding-top: 0px; padding-bottom: 10px; padding-left: 14px; float: left;}

.text {color: #000000; font-size: 14px; width: 450px; font-weight: normal; line-height: 135%; padding-left: 14px; float: left; z-index: 2;}
.text ul{padding: 0px; margin-left: 20px; margin-top: 0px; list-style-image: url(bullet-point.png)}
.text-wide {color: #000000; font-size: 14px; width: 730px; font-weight: normal; line-height: 135%; padding-left: 14px; padding-right: 14px; float: left; z-index: 2;}
.text-wide a {text-decoration: none; color: #FF9900; font-weight: bold;}
.text-wide a:hover {color: #990066;}
.text-wide .subtitle {padding-bottom: 4px; font-size: 15px; font-weight: bold;}
.text-left {width: 360px; float:left; margin-left: 14px; margin-right: 5px; margin-top: 5px; margin-bottom: 5px;}
.text-wide ul{padding: 0px; margin-left: 20px; margin-top: 0px; list-style-image: url(bullet-point.png)}
.text-right {width: 360px; float:left; margin: 5px;}
.text ul{padding: 0px; margin-left: 20px; margin-top: 0px; list-style-image: url(bullet-point.png)}
.text .subtitle {padding-bottom: 4px; font-size: 15px;}
.text a {text-decoration: none; color: #FF3300; font-weight: bold;}
.text a:hover {color: #CC0033;}
.address {color: #000000; font-size: 14px; width: 290px; font-weight: normal; line-height: 135%; padding-right: 16px; float: right; z-index: 2; text-align: right; margin-top: -360px;}
.text-box {color: #000000; font-size: 14px; width: 235px; font-weight: normal; line-height: 135%; padding-left: 15px; float: left; z-index: 2;}
.text-box a {text-decoration: none; color: #FF9900; font-weight: bold;}
.text-box a:hover {color: #CC0033;}
.text-box-sub {color: #000000; font-size: 15px; font-weight: bold; padding-top: 0px; padding-bottom: 10px; float: left;}
.FAQ-Q {color: #000000; font-size: 14px; font-weight: bold; padding-top: 0px; padding-bottom: 7px;}
.FAQ-Q a {text-decoration: none; color: #000000; font-weight: bold;}
.FAQ-Q a:hover {color: #000000;}

.tip-image {width: 100px; height: 120px; padding-left: 0px; padding-bottom: 20px; float: left;} 
.tip-text {float: left; width: 255px; height: 120px; padding-bottom: 20px; padding-right: 10px;}
.tip-text .subtitle {padding-bottom: 4px; font-size: 15px;}

.relatedlinks {float: right; padding-right: 16px; margin-top: -295px;}
.rlinkstitle {color: #FF9900; font-size: 16px; font-weight: bold; text-align: center; padding-bottom: 5px;}
.relatedlinks ul {margin: 0px; padding: 0px; list-style: none;}
.relatedlinks li {padding: 0px; margin: 0px; margin-bottom: 1px; background-image: url(nav-main.png); background-repeat: repeat;}
.relatedlinks li a {text-decoration: none; font-family: Arial; font-size: 12px; color: #FFFFFF; font-weight: bold; padding-left: 15px; padding-right: 15px; padding-top: 4px; padding-bottom: 4px; margin: 0px; display: block; text-align: center; vertical-align: middle;}
.relatedlinks li a:hover {background-color: #FF3300;}
.relatedlinks .btn-rollover a {display:block; width: 178px; height: 96px; background: url("btn_apply.png") 0 0 no-repeat; text-decoration: none;}
.relatedlinks .btn-rollover a:hover {background-position: 0 -96px;}

.arealist1 {margin-left: 15px; width: 180px; float: left; font-size: 12px;}
.arealist2 {width: 170px; float: left; font-size: 12px;}
.arealist3 {width: 170px; float: left; font-size: 12px;}
.arealist4 {width: 180px; float: left; font-size: 12px;}

.contactlabel {width: 105px; float: left; margin-top: 7px;}
.contactinput {width: 295px; float: left; margin-top: 5px;}
.contactsend {width: 400px; float: left; margin-top: 5px; text-align: center;}

.applylabel {font-size: 14px; line-height: 135%; width: 115px; float: left; margin-top: 7px;}
.applyinput {font-size: 14px; line-height: 135%; width: 235px; float: left; margin-top: 5px;}
.applynote {font-size: 14px; line-height: 135%; margin-top: 7px; width: 295px; float: left;}
.applysend {font-size: 14px; line-height: 135%; margin-left: 14px; margin-top: 10px; width: 733px; float: left; text-align: center;}
#popitmenu{position: absolute; background-color: #FF9933; font-family: Arial, Helvetica, sans-serif; line-height: 135%; color: #FFFFFF; font-size: 12px; z-index: 100; visibility: hidden; text-align: left; padding: 4px; font-weight: bold;}


.pic-assessors {float: right; margin-top: -210px; margin-right: 0px; height: 418px; width: 290px; z-index: 1;}
.pic-offers  {margin-top: 10px; margin-left: 8px; height: 200px; width: 400px; float: left; text-align: left;}
.pic-apply {float: right; margin-top: -135px; margin-right: 8px; height: 240px; width: 280px; z-index: 1;}
.pic-about {float: right; margin-top: -255px; margin-right: 5px; height: 275px; width: 270px; z-index: 1;}
.pic-heatloss {float: right; margin-top: -175px; margin-right: 0px; height: 223px; width: 275px; z-index: 1;}
.pic-freeadvice {float: right; margin-top: -270px; margin-right: 10px; height: 275px; width: 260px; z-index: 1;}
.pic-selfassessment {float: right; margin-top: -250px; margin-right: 5px; height: 266px; width: 275px; z-index: 1;}
.pic-landlords {float: right; margin-top: -230px; margin-right: 5px; height: 265px; width: 275px; z-index: 1;}
.pic-targets {float: right; margin-top: -260px; margin-right: 5px; height: 265px; width: 275px; z-index: 1;}
.pic-benefits {float: right; margin-top: -250px; margin-right: 10px; height: 265px; width: 275px; z-index: 1;}

.area-list {float: right; margin-top: -270px; margin-right: 3px; background-image: url(area-list.png); height: 450px; width: 268px; z-index: 1;}

.clear {clear: both;}

.footer {height: 91px; text-align: left; position:relative; z-index: 2;}
.clickheretoapply {height: 35px; width: 300px; float: left; margin-left: 14px; margin-top: -75px; text-align:left; position:relative; z-index: 3;}
.clickheretoapply a {text-decoration: none; color: #FF3300; font-family: Arial; font-size: 26px; font-weight: bold;}
.clickheretoapply a:hover {color: #CC0033;}

.disclaimer {width: 766px; font-family: Arial; font-size: 11px; color: #666666; text-align: left; margin-left: auto; margin-right: auto; margin-top: 5px;}
.disclaimer a {text-decoration: none; color: #666666;}
.disclaimer a:hover {text-decoration: underline;}