.page1 {clear:both; width: 100%;}

/* About FAQ */

.faqp {margin: 0 0 7px 0;}
.faqa {color: #ee2b53; font-weight: bold; text-decoration: none;  padding-bottom: 10px;}
.faqa2 {color: #ee2b53; font-size: smaller; font-weight: lighter; text-decoration: none;  padding-bottom: 10px;}

/* News */

.newsitem {float:left; clear: both; width: 100%; margin-bottom: 10px; min-height: 170px; border-bottom-style: dotted; border-color: #C0C0C0;}
.newsitem .cl1 {float: left; width: 160px;}
.newsitem .cl1 .image {width: 150px ; height: 150px;}
.newsitem .cl2 {float: left; width: 70%;}
.newsitem .cl2 .head {font-size: medium;}
.newsitem .cl2 .story {}
.newsitem .cl2 .link {padding-top: 10px;}
.newsitem .cl2 a {color: red; font-size: smaller;}

/* Publications */

.gallery {width: 100%; }
.gallery .image {width: 120px; height: 160px;}
.gallery a {text-decoration: none;}

/* Gallery */

.gallery {clear:both; float:left; width: 800px; height:auto ; padding: 0px; margin-bottom: 50px; margin-left: 25px;}

/* Self Service */

.sserv {float:left; clear:both; width: 100%; margin-bottom: 10px;}
.sserv .cl1 {float: left; width: 40px;}
.sserv .cl2 {float: left; width: auto; padding-top: 10px;}
.sserv .cl3 {float: right; width: 50px; padding-top: 10px;}

/* Groups */

.grouphead {width: 95%; font-size: large; padding: 0; margin: 0; height: 33px; font-weight: normal;}
.grouphead .cl1 {float: left; width: 55%; background-color: #8bdef0; padding: 5px 0 5px 0;}
.grouphead .cl1 .indent {margin-left: 10px;}
.grouphead .cl2 {float: left; width: 45%; background-color: #e5e5e5; padding: 5px 0 5px 0; text-align: center;}
.grouptext {clear: both; float: left; width: 95%; background-color: #e7f8fc; padding: 10px 0 10px 0; margin-bottom: 20px;}
.groupfinish {clear:both; float: left;}

/* Meet the Board */

.mtb .col1 {width: 630px; float: left;}
.mtb .col2 { width: 290px; float: right;}
.mtb .row {width: 100%; float:left; clear:both; padding-top: 20px;}
.mtb .row img {Height: 200px; width:142px;}
.mtb .rowcol1 {width: 30%; float: left;}
.mtb .rowcol2 {width: 70%; float: left; vertical-align: top; text-align: left;}
.mtb .divider2 {border-color: #C0C0C0; height: 250px; border-bottom-style: dotted;}

/* Meet the Management */

.mtm .col1 {width: 630px; float: left;}
.mtm .col2 { width: 290px; float: right;}
.mtm .row {width: 100%; float:left; clear:both; padding-top: 20px;}
.mtm .row img {Height: 200px; width:142px;}
.mtm .rowcol1 {width: 30%; float: left;}
.mtm .rowcol2 {width: 70%; float: left; vertical-align: top; text-align: left;}
.mtm .divider1 {height: 324px; 
border-bottom-style: dotted;
    border-left-color: #C0C0C0;
    border-right-color: #C0C0C0;
    border-top-color: #C0C0C0;
    border-bottom-color: #C0C0C0;
}
.mtm .divider2 {height: 454px; 
border-bottom-style: dotted;
    border-left-color: #C0C0C0;
    border-right-color: #C0C0C0;
    border-top-color: #C0C0C0;
    border-bottom-color: #C0C0C0;
}
.mtm .divider3 {height: 328px; 
border-bottom-style: dotted;
    border-left-color: #C0C0C0;
    border-right-color: #C0C0C0;
    border-top-color: #C0C0C0;
    border-bottom-color: #C0C0C0;
}

/* Housing Officers */
.hg .col1 {width: 630px; float: left;}
.hg .col2 { width: 290px; float: right;}
.hg .row {width: 100%; float:left; clear:both; padding-top: 20px;}
.hg .row img {Height: 150px; width:142px;}
.hg .rowcol1 {width: 26%; float: left;}
.hg .rowcol2 {width: 70%; float: left; vertical-align: top; text-align: left; padding-top: 15px;}
.hg .divider1 {border-color: #C0C0C0; height: 180px; border-bottom-style: dotted;}
.hg .divider2 {border-color: #C0C0C0; height: 555px; border-bottom-style: dotted;}
.hg .divider3 {border-color: #C0C0C0; height: 300px; border-bottom-style: dotted;}

/* Pontardawe colour */
.blue h2 {color: #17bde1;}
.blue h3 {color: #17bde1;}
.blue h4 {color: #17bde1;}

/*Neath  colour */
.Green h2 {color: #b4d333;}
.Green h3 {color: #b4d333;}
.Green h4 {color: #b4d333;}

/* Compliments Comments Complaints */

.ccc .col1 {width: 820px; float: left;}
.ccc .col2 { width: 100px; float: right;}
.ccc .row {width: 100%; float:left; clear:both; padding-top: 20px;}
.ccc .list{Padding-left:25%;}
.ccc .list2{Padding-left:15%;}
.ccc .row img {Height: 200px; width:142px;}
.ccc .rowcol1 {width: 30%; float: left;}
.ccc .rowcol2 {width: 70%; float: left; vertical-align: top; text-align: left;}
.ccc .divider2 {border-color: #C0C0C0; height: 250px; border-bottom-style: dotted;}


/* Events */

.evt .col1 {width: 230px; float: left;}
.evt .col2 { width: 670px; float: right; }    
.callnk {text-decoration: none; padding: 0; margin: 0; color: black;}
.calcel {text-align:center ; vertical-align: middle; background-color : #fbf09a; height: auto;}

.CalPopUpShow {width: 250px; height: 400px; visibility: visible; position: relative; top: -450px; left: 20px; z-index: 99; background-color: #FFFFFF;}
.CalPopUpHide {visibility: hidden; position: relative; top: -450px; left: 20px;}

/* Events Listing */

.event_row {width: 95%; float: left; vertical-align: top;  border-bottom-style:dotted; border-bottom-color:gray; padding-top:20px; padding-bottom:20px;}
.event_date {width: 16%; float:left; vertical-align:top; text-align:left; font-size:medium; font-weight:bold;}
.event_title{Width: 80%; float: left; vertical-align: top; text-align:left; font-weight:bold; font-size:medium; color:#ee2853;}
.event_desc {width: 100%; float: left; vertical-align: top; text-align: left; padding-top:20px;}
.event_more {clear:both; float:left; width: 100%;}

/* WHQS Projects */

.whqspr-table {width:100%; height:400px; float:left; border-style:solid; border-color:#04bbe0;}
.whqspr-header {width:100%; height:120px;background-color:#04bbe0; padding-top:10px;}
.whqspr-col1 {width: 50%;  float: left;}
.whqspr-col1-row {width: 100%; padding-top:5px; padding-bottom:5px; text-indent:5px; background-color:#FFFFFF;}
/*.whqspr-col2 { width: 35%; float: left;} 
.whqspr-col2-row {width: 100%; padding-top:5px; padding-bottom:5px; background-color:#d9ead3;}
*.whqspr-col2-img{width:auto; height:42px; padding-top:20px;} */
.whqspr-col3 {width: 50%; float: left;}
.whqspr-col3-img{width:auto; height:auto; padding-left:15px;}
.whqspr-col3-row {width: 100%; padding-top:5px; padding-bottom:5px; background-color:#c8c8e1; }

/* WHQS Areas */

.whqsa .col1 {width: 310px; float: left;}
.whqsa .col2 { width: 580px; float: right; } 


/* Find a Home */

.fah .col1 {width: 310px; float: left;}
.fah .col2 { width: 580px; float: right;}
.fah .col1 .boxa {width: 200px; padding: 2px 0 2px 0; border-width: 1px; border-color: #17bde2; border-style: solid; background-color: #e7f8fc;}
.fah .col1 .boxb {width: 75px; padding: 2px 0 2px 0; border-width: 1px; border-color: #17bde2; border-style: solid; background-color: #e7f8fc;}
.fah .col1 .info {width: 20px; height:20px; margin-left: 10px;}
.fah .search {width: 100px; margin-left: 100px;}
.fah .basket {float:right;}

/* Find a Home Categories */

.cattab1 {clear:both; float: left; width:100%; border-style: solid; border-width: 1px; border-color: Gray; font-size: 0.9em; background-color:#f8f5e1;}
.cattab1 .hed {background-color: #17bde2; padding: 2px 0 2px 0; font-size: 1.3em; font-weight: bold; padding-bottom:10px;}
.cattab1 .cl1 {float:left; width: 100%; height: 15px; background-color:#9ce7f8;  font-weight: bold; padding: 3px 0 3px 0;}
.cattab1 .cl2 {clear:both; float:left; width: 175px;padding: 2px 0 2px 0;}
.cattab1 .cl3 {float:left; width: auto; margin-bottom: 5px;}

.cattab2 {clear: both; float: left; width:100%; border-style: solid; border-width: 1px; border-color: Gray; font-size:0.9em; background-color:#f8f5e1;}
.cattab2 .hed {background-color: #17bde2; padding: 2px 0 2px 0; font-size: 1.3em; font-weight: bold; padding-bottom:10px;}
.cattab2 .cl1 {clear:both; float:left; width: 50px; padding: 2px 0 2px 0;}
.cattab2 .cl2 {float:left; width: 530px; padding-bottom: 5px;}
.cattab2 .dv {clear:both; width: 100%; height: 20px;}

/* Find a Home Results */

.fahr .propertyitem {clear: both;  float: left; width: 890px; margin-left: 20px; padding-bottom: 10px; border-bottom-style: dotted; border-width: 1px; background-color: #17bee2;}
.fahr .propertyitem .col1 {float: left; width: 270px;}
.fahr .propertyitem .col1 img {width: 250px; height: 175px; padding: 34px 10px 10px 10px; }
.fahr .propertyitem .col2 {float: left; width: 600px; margin-left: 0px; min-height: 190px; padding-bottom: 10px;}
.fahr .propertyitem .col2 .head {float: left; width: 100%; font-weight: bold; font-size: 1.2em; padding-top: 5px; padding-bottom: 10px; height: 20px;}
.fahr .propertyitem .col2 .textpanel {float:left; width: 100%; height: 190px; background-color: #efefef;}
.fahr .propertyitem .col2 .colb {float: left;  width: 170px;}
.fahr .propertyitem .col2 .colb .colbr {clear: both; float: left; width: 100%;}
.fahr .propertyitem .col2 .colb .colbr1 {float: left;  width: 70%; text-align: left; font-weight: bold; padding-bottom:5px; padding-top:5px;}
.fahr .propertyitem .col2 .colb .colbr2 {float: left;  width: 30%; text-align: right; padding-bottom:5px; padding-top:5px;}
.fahr .propertyitem .col2 .desc {float: left;  width: 390px; margin-left: 20px; text-align: left;}

.fahr .propertyitem .select {float: left; margin-left: 265px;}
.fahr .propertyitem .googlemap {float:right; margin-right: 10px;}
.fahr .propertyspacer {width: 30px; background-color: #FFFFFF;}


/* Find a Home Select */

.fahs .basket {width: 500px; border-style:solid; border-width: 1px;}
.fahs .apply {width: 100px; margin-left: 20px;}
.fahs .browse {width: 150px;}

/* Pay your Rent */

.pyr .allpay {width: 90%; margin:auto;}
.pyr .allpay .row {clear:both; float:left; width: 100%; margin-bottom: 15px;}
.pyr .allpay .cl1 {float:left; width: 20%; font-size: 1.1em; font-weight:bold;}
.pyr .allpay .cl2 {float:left; width: 79%; margin-bottom:5px;}
.pyr .allpay .card {width: 120px; height: 72px; margin-left: 20px; float: right; margin-bottom: 10px;}
.pyr .allpay .paypoint {float:right; margin: 5px;}
.pyr .end {clear: both; width: 100%;}

/* Vacancies */

.vac {float:left; clear:both; width: 85%; margin-bottom: 10px; border-bottom-style: dotted; border-color: #C0C0C0;}
.vac .vhead {float: left; width: 100%; margin-bottom: 10px;}
.vac .vhead .posttitle {float:left; margin-left: 30px; width: auto; font-weight: bold; font-size: 1.4em; color:  #ee2b53; }
.vac .vhead .salary {float: right; width: auto; font-weight: bold; }
.vac .vdesc {float:left; width: auto; margin-left: 30px; margin-bottom: 5px; }
.vac .vdesc .desc {float: left; width: 80%; margin-bottom: 10px;}
.vac .vdesc .desclink {float: left; width: 100%; text-align: left; margin-bottom: 20px; font-weight: bold;}
.vac .vdesc .desclink img {float:right;}
.vac .vdesc .link {float: right; margin-left: 10px;}
.vac .vdesc a {font-size: 0.8em;}

.pager {clear:both; width: 100%; float: left; margin-top: 20px; text-align: right; margin-bottom: 10px;}

/* Areas */

.ara .col1 {width: 310px; float: left;}
.ara .col2 { width: 580px; float: right;}

/* Localities */

.local .ward {float:left; width: 100%;margin-bottom: 10px; border-bottom-style: dotted; border-color: #C0C0C0;}
.local .ward .title {}
.local .ward .row {float:left; width: 100%; margin-bottom: 10px;}
.local .ward img {float:right; margin:0 0 5px 5px; width:190px; height: 140px;}
.local .ward .cl1 {float: left; width: 75%;}
.local .ward .cl2 {float: right; width:24%; text-align: right; }