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

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

.page {width: 806px; margin-left: auto; margin-right: auto; background-image: url(background.png); background-repeat: repeat;}

.container {width: 766px; background-color: #FFFFFF; margin-left: auto; margin-right: auto;}

.banner {background-image: url(banner2.png); height: 152px;}

.nav-main {padding: 0px; margin: 0px; background-image: url(nav-main.png); background-repeat: repeat; vertical-align: middle; height: 20px; z-index: 3; position: relative;}
.nav-main ul {margin: 0px; padding: 0px; background-image: url(nav-main.png); background-repeat: repeat; padding-bottom: 1px;}
.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: #FF9933;}

.content {margin: 0px; padding: 0px; text-align: left; font-family: Arial, Helvetica, sans-serif; height: 480px;}
.content-long {margin: 0px; padding: 0px; text-align: left; font-family: Arial;}

.title {color: #FF3300; font-size: 18px; font-weight: bold; padding-top: 20px; padding-bottom: 10px; padding-left: 20px;}

.text {color: #000000; font-size: 12px; width: 460px; font-weight: bold; line-height: 135%; padding-left: 20px; float: left;}
.text ul{padding: 0px; margin-left: 20px; margin-top: 0px; list-style-image: url(bullet-point.png)}
.text-right {color: #000000; font-size: 12px; font-weight: bold; line-height: 135%; position: relative; float: right; width: 315px;padding-right: 30px;}
.text-right 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 {color: #FF3300;}
.text a:hover {color: #FF9933;}

.relatedlinks {float: right; padding-right: 30px;}
.rlinkstitle {color: #FF3300; 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: 3px; margin: 0px; display: block; text-align: center; vertical-align: middle;}
.relatedlinks li a:hover {background-color: #FF3300;}
.relatedlinks li a:active {color: #FF9933;}
.eventschedule {width: 175px; color: #000000; font-size: 12px; font-weight: bold; line-height: 135%; background-image: url(eventschedule.png); background-repeat: repeat; padding: 6px; text-align: center;}
.eventschedule a {color: #000000; text-decoration: none; font-size: 18px; }
.eventschedule a:hover {color: #006600;}
.eventdate {color: #FFFFFF; margin-top: 6px;}
.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;}
.benSubtitle {padding-bottom: 4px; font-size: 15px;}
.relatedlinks .btn-complaints a {display:block; width: 178px; height: 96px; background: url("btn_comment.jpg") 0 0 no-repeat; text-decoration: none;}
.relatedlinks .btn-complaints a:hover {background-position: 0 -96px;}

.relatedlinks .btn-schoolworkshop a {display:block; width: 178px; height: 96px; background: url("btn-schoolworkshop.jpg") 0 0 no-repeat; text-decoration: none;}
.relatedlinks .btn-schoolworkshop a:hover {background-position: 0 -96px;}

.circle-free  {margin-top: 35px; margin-left: 0px; background-image: url(circle-free.png); height: 230px; width: 205px; float: left;}
.circle-a2p {margin-top: 10px; margin-left: 50px; background-image: url(circle-a2p.jpg); height: 235px; width: 228px; float: left;}
.circle-assessors {float: right; margin-top: -195px; margin-right: 0px; background-image: url(circle-assessors-new.png); height: 300px; width: 260px;}
.circle-freeservices {float: right; background-image: url(circle-freeservices.png); height: 225px; width: 230px; margin-top: 0px; margin-left: -20px; position: relative; z-index: 1;}
.circle-about {float: right; background-image: url(circle-about.png); height: 260px; width: 260px; margin-top: 65px;position: relative; z-index: 1;}
.circle-targets {float: left; background-image: url(about/circle-targets.png); z-index: 1; height: 250px; width: 400px; margin-top: 16px;}
.circle-alan {float: right; background-image: url(about/circle-alan.png); height: 280px; width: 240px; margin-top: 60px; position: relative; z-index: 1;}
.circle-event {float: left; background-image: url(about/circle-event.png); z-index: 1; height: 240px; width: 485px; margin-top: 0px;}
.circle-apply {float: right; background-image: url(circle-apply.jpg); height: 230px; width: 250px; margin-top: 110px; position: relative; z-index: 1;}
.circle-sa{float: right; background-image: url(circle-sa.png); height: 235px; width: 170px; margin-top: 120px; padding-right: 90px; position: relative; z-index: 1;}
.circle-landlords{float: right; background-image: url(circle-landlords.jpg); height: 215px; width: 150px; margin-top: 110px; padding-right: 90px; position: relative; z-index: 1;}
.circle-house {float: right; background-image: url(insulation/circle-house.png); height: 280px; width: 275px; margin-top: -150px;position: relative; z-index: 1;}
.circle-millers {float: left; background-image: url(insulation/loft-millers.png); z-index: 1; height: 270px; width: 272px; margin-top: -230px; margin-left: 0px;} 
.circle-loftinsul {float: right; background-image: url(insulation/loft-insul.png); z-index: 1; height: 260px; width: 242px; margin-top: -10px; margin-left: 300px; position: relative;}
.circle-cavity {float: left; background-image: url(insulation/circle-cavity.png); z-index: 1; height: 270px; width: 290px; margin-top: 10px;}
.circle-ron {float: left; background-image: url(insulation/circle-ron.png); z-index: 1; height: 250px; width: 252px; margin-top: -10px; margin-left: 220px;}
.circle-qualbenefits {float: right; background-image: url(grants/circle-qualbenefits.png); height: 290px; width: 275px; padding-right: 20px; margin-top: -150px; position: relative; z-index: 1;}
.fuelpovhand {float: right; background-image: url(grants/fuelpov.jpg); height: 270px; width: 170px; margin-top: 15px; padding-right: 30px; position: relative; z-index: 1;}
.circle-children-u16 {float: right; margin-right: 30px; background-image: url(grants/circle-children-u16.jpg); z-index: 1; height: 260px; width: 300px; margin-top: 10px;}
.circle-over60s {float: left; background-image: url(grants/circle-over60s.gif); z-index: 1; height: 260px; width: 300px; margin-top: 6px;}
.circle-bulbs{float: right; background-image: url(circle-bulbs.png); height: 190px; width: 185px; margin-top: 200px; padding-right: 90px; position: relative; z-index: 1;}
.circle-benefits {float: left; background-image: url(freeservices/circle-benefits.png); z-index: 1; height: 220px; width: 435px; margin-top: -5px; position: relative;}
.circle-contact {float: left; background-image: url(circle-contact.png); z-index: 1; height: 260px; width: 360px; margin-top: -215px;}
.circle-contact-fade {float: right; background-image: url(circle-contact-fade.png); height: 202px; width: 300px; margin-top: -215px; position: relative; z-index: 1;}
.circle-jobs {float: right; background-image: url(circle-jobs.jpg); height: 300px; width: 220px; padding-right: 20px; margin-top: 60px; position: relative; z-index: 1;}
.circle-complaints {float: right; background-image: url(circle-complaints.jpg); height: 310px; width: 250px; padding-right: 20px; margin-top: 0px; position: relative; z-index: 1;}
.circle-links {float: right; background-image: url(circle-links.png); height: 480px; width: 180px; margin-top: -40px; position: relative; z-index: 1;}

.clear {clear: both;}

.footer {background-image: url(footer.png); height: 32px; padding-top: 55px; z-index: 2; position: relative; color: #FF9933; font-family: Arial; font-size: 18px; font-weight: bold;}
.footer a {text-decoration: none; color: #FF9933; font-family: Arial; font-size: 18px; font-weight: bold;}
.footer a:hover {color: #FFFFFF;}

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

.bg-bottom {background-image: url(bg-bottom.gif); height: 15px; background-repeat: no-repeat;}

#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;}

#tablist{padding: 3px 0; margin-left: 0; margin-bottom: 0; margin-top: 0.1em; font-family: Arial, Helvetica, sans-serif;}
#tablist li{list-style: none; display: inline; margin: 0;}
#tablist li a{padding: 3px 0.5em; margin-left: 3px; border: 1px solid #778; border-bottom: none; background: #FF9900; text-decoration: none;}
#tablist li a:link, #tablist li a:visited{color: black;}
#tablist li a.current{background: #FFFFFF;}
#tabcontentcontainer{width: 490px; height: 390px; padding: 5px; border: 1px solid #CC0000; border-bottom: none; border-left: none; border-right: none; background: #FFFFFF;}
.tabcontent{display:none;}

.tip-image {width: 100px; height: 70px; padding-left: 20px; padding-bottom: 20px; float: left;} 
.tip-text {float: left; width: 400px; height: 70px; padding-bottom: 20px; color: #000000; font-size: 12px; font-weight: bold; line-height: 135%;}
.tip-text .subtitle {padding-bottom: 4px; font-size: 15px;}

.grant-table {text-align: center; width: 680px; height: 135px; font-weight: bold; background-image: url(grant-table.jpg); background-repeat: repeat; padding-left: 15px; padding-right: 10px; padding-top: 10px; padding-bottom: 10px; margin-top: 20px; margin-left: 27px; font-size: 14px;}
.sub-note {text-align: center; font-weight: normal; font-size: 9px; color: #666666; margin-left: auto; width: auto;}

.benContact {color: #000000; font-size: 12px; font-weight: bold; line-height: 135%; margin-left: 30px; width: 258px; height: 200px; float: left;}
.benContact .subtitle {padding-bottom: 4px; font-size: 15px;}

.article {padding-left: 20px; padding-right: 20px; color: #000000; font-size: 12px; font-weight: bold; line-height: 135%;}
.text-article {color: #000000; font-size: 12px; font-weight: bold; line-height: 135%; padding-left: 20px; padding-right: 20px; float: left;}
.article .article-head {margin: 0px; padding-bottom: 3px; font-size: 15px;}
.article a {color: #FF3300; text-decoration: none;}
.article a:hover {color: #FF9933;}
.text-article .released {padding-bottom: 4px; font-size: 15px;}
.text-article ul{ padding: 0px; margin-left: 20px; margin-top: 0px; list-style-image: url(bullet-point.png)}
.text-article a {color: #FF3300;}
.text-article a:hover {color: #FF9933;}

.text-email {color: #000000; font-size: 12px; font-weight: bold; line-height: 135%; position: relative; float: right; width: 380px; padding-right: 30px; margin-top: -25px;}

.application {font-family: Arial, Helvetica, sans-serif; color: #000000; font-size: 12px; width: 740px; font-weight: bold; line-height: 135%; float: left;}
.application .subtitle {padding-bottom: 4px; font-size: 15px;}

.leftbox {width: 350px; margin-left: 20px; margin-right: 10px; float: left; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; line-height: 135%;}
.rightbox {width: 350px; margin-left: 10px; margin-right: 20px; float: left; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; line-height: 135%;}
.menu-option {background-image: url(nav-main.png); background-repeat: repeat; vertical-align: middle; margin-bottom: 1px; text-align: left; line-height:20px; text-decoration: none; font-family: Arial; font-size: 12px; font-weight: bold; border-top: 1px solid white;}
.menu-option a {color: white; width: 100%; display: block; text-indent: 5px; border-top: 1px solid white; padding: 1px 0; text-decoration: none; font-weight: bold;}
.menu-option a:hover {background-color: #FF3300;}
.sub-link {padding: 0px; margin: 0px;}
.sub-link ul{padding: 0px; margin-left: 20px; margin-top: 0px; list-style-image: url(bullet-point.png)}
.sub-link a {color: #FF3300;}
.sub-link a:hover {color: #FF9933;}

.confirm {}
.column1 {float: left; width: 150px; background-color: #FFFFFF;} 
.column2 {float: left; width: 210px; background-color: #FFFFFF;}
.column3 {float: left; width: 150px; background-color: #FFFFFF;}
.column4 {float: left; width: 210px; background-color: #FFFFFF;}

.logout {background-color: #FF9900; vertical-align: middle; margin-bottom: 1px; text-align: left; line-height:20px; text-decoration: none; font-family: Arial; font-size: 12px; font-weight: bold; border-top: 1px solid white;}
.logout a {color: black; width: 100%; display: block; text-indent: 5px; border-top: 1px solid white; padding: 1px 0; text-decoration: none; font-weight: bold;}
.logout a:hover {color: #FFFFFF;}