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

* {margin:0; padding:0;}

body {
background:#030;
font-family:Tahoma, Geneva, sans-serif;
font-size:16px;
}

.clear {clear:both;}
.center {text-align:center;}
.space-small {padding:5px 0px;}
.space {padding:10px 0px;}
.space-big {padding:20px 0px;}
.linebreak {margin-bottom:15px;}
.marginbreak {padding:10px 0px;}
.marginbreak-big {padding:20px 0px;}

a {color:#03F;}
a:hover {color:#060;}

p {font-size:15px;}
h1 {
font-size:32px;
color:#C6EABD;
letter-spacing:-2.5px;
padding:0 10px;
}
h2 {font-size:20px;}
h3 {}

.text-indent {text-indent:15px;}

.colour-white {color:#FFF;}
.colour-afcb-red {color:#E53223; margin-bottom:15px;}



.header {
width:935px;
height:17px;
background:url(images/bg-header.png) no-repeat;
margin:10px auto 0 auto;
padding:13px 0 0 25px;
font-size:12px;
letter-spacing:;
}

.middle {
width:960px;
background:url(images/bg-middle.png) repeat-y;
margin:auto;
}
.middle-padding {
width:930px;
padding:0 15px;
}

.button-bar {
width:936px;
height:60px;
background:url(images/bg-underbuttons.png) no-repeat bottom;
margin-bottom:10px;
padding-left:24px;
}
.button-bar ul {list-style:none;}
.button-bar ul li {
width:auto;
display:block;
position:relative;
float:left;
}
.button-bar ul li ul {
width:160px;
height:100px;
font-size:18px;
display:none;
}
.button-bar ul li:hover ul {
display:block;
position:absolute;
background:url(images/bg-button-bar-dd.png) no-repeat;
top:40px;
left:0px;
}

.button-bar ul li:hover ul li.ddprofiles {
width:140px;
background:url(images/bg-button-bar-ddprofiles.png) repeat-x;
float:left;
padding:2px 10px;
line-height:28px;
display:block;
}
.button-bar ul li:hover ul li.ddprofiles:hover {background-position:0px -33px;}
.button-bar ul li:hover ul li a {text-decoration:none; color:#0C3;}
.button-bar ul li:hover ul li a:hover {color:#FFF;}

.buttons a {
width:130px;
height:31px;
background:url(images/button.png) no-repeat;
margin-right:26px;
padding-top:9px;
float:left;
font-size:16px;
color:#000;
text-align:center;
text-decoration:none;
display:block;
}
.buttons a:hover {background-position:0px -40px; color:#FFF;}

.councillors-gif {
width:550px;
height:250px;
margin-left:20px;
float:left;
}

.home-newsandeventsbox {
width:356px;
height:242px;
background:url(images/bg-newsandeventsbox.png) no-repeat;
margin-right:20px;
padding:8px 7px 0 7px;
float:left;
color:#0C6;
}
.home-newsandeventsbox h2 {
font-size:32px;
color:#C6EABD;
letter-spacing:-3.5px;
text-indent:10px;
margin-bottom:12px;
}
.home-newsandeventsbox p {font-size:14px;}

.line {
width:900px;
height:16px;
background:url(images/line.png) no-repeat;
margin:5px auto;
}


.home-events {width:900px; background-color:#A8FFA4; margin:0 auto 15px auto; padding:5px;}
p.mayors-fund-raising-event {
font:18px Georgia, "Times New Roman", Times, serif;
text-align:center;
line-height:30px;
letter-spacing:2px;
background-color:#FF6685;
}

.footer {
width:930px;
height:26px;
background:url(images/bg-footer.png) no-repeat;
margin:0 auto 10px auto;
padding:4px 30px 0 0;
font-size:12px;
text-align:right;
}

.premier {
width:760px;
margin:auto;
padding-top:15px;
color:#FFF;
overflow:hidden;
}
.premierwords {
width:400px;
padding-top:20px;
float:left;
font:12px Arial, Helvetica, sans-serif;
text-align:right;
}
#tv a {
width:105px;
height:62px;
background:url(images/tvx2.png) no-repeat;
margin-left:30px;
float:left;
display:block;
}
#tv a:hover {background-position:0px -62px;}

.page-header-top {
width:910px;
height:6px;
background:url(images/bg-page-header-top.png) no-repeat;
margin:auto;
}
.page-header {
width:910px;
background:url(images/bg-page-header.png) repeat-y;
margin:auto;
padding-bottom:5px;
}
.page-header p {
font-size:12px;
color:#FFF;
padding:0 15px;
}
.page-header-content-container {
width:910px;
background-color:#000;
margin:auto;
padding-bottom:5px;
}
.page-header-content-main {
width:890px;
background-color:#FFF;
border:1px solid #0C6;
border-top:none;
margin:auto;
padding:5px;
}
.page-header-content-main h2 {margin-bottom:10px;}
.page-header-content-main p {font-size:14px;}

.backtolink {
padding-top:25px;
text-align:center;
}


/*news pages*/
.news-box-top {
width:900px;
height:40px;
background:url(images/bg-news-box-top.png) no-repeat;
}
.news-date {color:#093;}
.quotation {width:800px; margin:10px auto; font:italic 14px Arial, Helvetica, sans-serif;}

.latest-news {
width:890px;
background:url(images/bg-latest-news.jpg) top center no-repeat;
overflow:hidden;
}
.latest-news-three-container {
width:350px;
float:left;
}
.latest-news-short-news {
width:200px;
margin:50px 50px 0 0;
float:right;
}
.news-items {width:350px; height:50px; background:url(images/bg-news-items-v2.jpg) no-repeat; margin-top:10px;}
.news-items-date {width:30px; height:; padding:14px 0 0 19px; float:left; font-size:13px; font-weight:bold; text-align:center; line-height:13px;}
.news-items-news-link {width:286px; padding-left:15px; float:left;}
.news-items-date-long {padding:4px 0 2px 0; color:#6F9;}
.news-items-link a {color:#FFF;}
.news-items-link a:hover {color:#06C;}

.news-attachments {
width:830px;
background:url(images/bg-news-attachments.jpg) bottom repeat-x;
margin:0 auto 15px auto;
padding:9px 10px 0 10px;
}
.news-attachments p {margin-bottom:5px; color:#090; line-height:14px;}


.pdf-logo a {
width:40px;
height:41px;
background:url(images/pdf-logox2.png) no-repeat;
display:block;
}
.pdf-logo a:hover {background-position:0px -41px;}
.microsoft-word-logo a {
width:40px;
height:41px;
background:url(images/microsoft-word-logox2.png) no-repeat;
display:block;
}
.microsoft-word-logo a:hover {background-position:0px -41px;}
.picture-logo a {
width:40px;
height:41px;
background:url(images/picture-logox2.png) no-repeat;
display:block;
}
.picture-logo a:hover {background-position:0px -41px;}


/*profile pages*/
.profile-page-box {
width:200px;
background-color:#B9FFC4;
border-top:3px solid #030;
margin:0 35px;
padding:20px;
float:left;
text-align:center;
}
.profile-page-box img {border:3px solid #FFF;}
.profile-page-box p {font-size:24px;}

.profile-page-box-hover {
width:200px;
background-color:#FF9;
border-top:3px solid #F90;
margin:0 35px;
padding:20px;
float:left;
font-size:24px;
text-align:center;
}
.profile-page-box-hover img {border:3px solid #000;}
.profile-page-box-hover p {font-size:24px;}

.fact-anne-rey {
width:400px;
background:url(images/profiles/fact.png) no-repeat left #F99;
padding:2px 5px 2px 30px;
float:right;
line-height:25px;
}


/*newsletter page*/
ul.newsletter-topics {
width:auto;
list-style:none;
padding:5px 0 0 0;
float:left;
font-size:13px;
}
ul.newsletter-topics li {
background:url(images/bullet-newsletter-topics.jpg) left no-repeat;
padding-left:30px;
line-height:20px;
}
.newsletter-page-box-line {
width:700px;
height:3px;
background:url(images/newsletter-page-box-line.png) no-repeat center;
margin:auto;
padding:10px 0;
}


/*contactpages*/
ul.contact-page-details {
width:445px;
background-color:#B9FFC4;
border:5px solid #FFF;
list-style-type:none;
padding:5px;
float:left;
text-align:center;
}

.contactdetails-container {
width:400px;
font-size:18px;
margin:0 auto 15px auto;
overflow:hidden;
}
.contactdetails-left {
width:190px;
margin-right:10px;
float:left;
text-align:right;
}
.contactdetails-right {
width:200px;
float:left;
text-align:left;
}

.contactform {
width:500px;
margin:auto;
overflow:hidden;
font-size:16px;
}
.contactformwords {
width:165px;
margin:5px 0px;
padding-right:5px;
text-align:right;
float:left;
}
.contactformbox {
width:330px;
margin:5px 0px;
text-align:left;
float:left;
}
p.submit input {
width:120px;
height:25px;
background:url(images/send-messagex2.png) no-repeat;
border:none;
}
p.submit input:hover {
background-position:0px -25px;
border:none;
cursor:pointer;
}


.contactphp {
text-align:center;
padding:20px 0px;
}
.contactphp p.notvalid {color:#F00;}


/*links page*/
.linkstop {
width:700px;
height:20px;
margin:auto;
background:url(images/bg-links-top.png) no-repeat;
}

.linksmiddle {
width:700px;
margin:auto;
background:url(images/bg-links-middle.png);
overflow:hidden;
}

.linksmiddle ul.links {
width:auto;
margin:0px 10px 0px 20px;
float:left;
}

.linksmiddle ul.links li {
list-style-type:none;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
}

.linksmiddle ul {width:auto; float:left;}

.linksmiddle ul li {
list-style-type:none;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:19px;
}

.linksbottom {
width:700px;
height:20px;
background:url(images/bg-links-bottom.png) no-repeat;
margin:auto;
}


ul.sitemap {margin:20px 0 0 100px; padding-bottom:20px;}
ul.sitemap-sub-pages {margin:5px 0 5px 30px;}

