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

* {margin:0; padding:0;}

body {
background-image:url(images/bg-grid.jpg);
background-repeat:repeat;
font-family:Arial, Helvetica, sans-serif;
}

a {color:#00F;}
a:hover {color:#F00;}
a:visited {color:#906;}
a:visited:hover {color:#F00;}

.clear {clear:both;}
.linebreak {margin-bottom:10px;}
.space {padding:10px 0px;}
.margin-left {margin-left:20px;}

p {font-size:14px;}

h1 {font-size:24px;}
h2 {font-size:20px;}
h3 {font-size:16px;}
h4 {font-size:16px; font-weight:bold; text-decoration:underline; text-align:center; padding-bottom:10px;}

.center {text-align:center;}
.justify {text-align:justify;}
.bluetext {color:#036;}
.purpletext {color:#906;}
.redtext {color:#F00;}

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


/*new*/
.news-v2 {
width:710px;
background-color:#FFF;
border:1px solid #CCC;
margin:0 auto 15px auto;
padding:10px;
}
.news-v2 h2 {padding-bottom:5px; text-align:center;}
.news-v2 p {
padding:7px 0;
font-size:14px;
line-height:20px;
}
.news-v2 ul {
padding:7px 0 7px 20px;
font-size:14px;
line-height:20px;
}
/*end-new*/



.bgblack {
width:750px;
background-color:#000;
margin:20px auto 20px auto;
padding:5px;
}

.bgtest {
width:750px;
background:url(images/bgtest.png);
margin:auto;
padding:5px;
}

.bgwhite {
width:750px;
background-color:#FFF;
margin:auto;
}

#title a {
width:350px;
height:175px;
background:url(images/titlex2.jpg) no-repeat;
margin:5px 10px 5px 20px;
float:left;
display:inline-block;
}

#title a:hover  {background-position:0px -175px;}

.titlepicture {
width:333px;
height:175px;
background:url(images/greenbelt.jpg) no-repeat;
margin:5px 10px 5px 20px;
float:left;
}

#titlepicture a {
width:333px;
height:175px;
background:url(images/frontpage-banners/banner-vandalism.png) no-repeat;
float:left;
margin:5px 10px 5px 20px;
}

#titlepicture a:hover  {
background-position:0px -175px;
}

.buttonbar {
width:750px;
height:40px;
background:#090;
margin:5px 0;
padding:5px 0;
}

.buttons a {
width:140px;
height:40px;
background:url(images/buttonx2.jpg) no-repeat;
float:left;
margin:0 5px;
font:16px "Trebuchet MS", Arial, Helvetica, sans-serif;
color:#59FF5E;
line-height:40px;
text-decoration:none;
text-align:center;
display:inline-block;
}
.buttons a:hover {
background-position:0px -40px;
color:#060;
font-weight:bold;
}

.bgmain {
width:750px;
background-color:#9FFF88;
margin:auto;
padding:15px 0 15px 0;
}

.words {width:710px; margin:auto;}

.home-meetingsgif {
width:350px;
float:left;
margin:0px 0px 5px 20px;
}
.datetime {
width:320px;
height:20px;
/*padding-right:20px;*/
margin:0 auto 5px;
font-size:16px;
text-align:center;
/*float:right;*/
}

.home-intro {
width:700px;
margin:auto;
}

.home-newsbox {
width:316px;
height:184px;
background:url(images/home-latest-news-board.jpg) no-repeat;
margin:15px 30px 0 25px;
padding:45px 12px 15px 12px;
float:left;
text-align:center;
}
.home-newsbox p {font-size:16px;}
.home-newsbox a {color:#000;}
.home-newsbox a:hover {color:#FF0;}
/*.home-newsbox a:visited {color:#906;}
.home-newsbox a:visited:hover {color:#FF0;}*/

#simplegallery1 {
width:320px;
height:240px;
border:2px solid green;
margin-top:15px;
float:left;
position:relative;
visibility:visible;
}
#simplegallery1 .gallerydesctext {
text-align:left;
padding:2px 5px;
}

.home-neighbourhood-policing-teams a {
width:350px;
height:120px;
background:url(images/safer-neighbourhood-teams/home-neighbourhood-policing-teams.jpg) no-repeat;
margin-left:15px;
float:left;
display:block;
}
.home-neighbourhood-policing-teams a:hover {background-position:0 -120px;}

#home-safer-neighbourhood-teams a {
width:350px;
height:120px;
background:url(images/safer-neighbourhood-teams/home-safer-neighbourhood-teams.jpg) no-repeat;
margin-left:15px;
float:left;
display:block;
}
#home-safer-neighbourhood-teams a:hover {background-position:0 -120px;}

#home-action-fraud a {
width:350px;
height:120px;
background:url(images/home-action-fraud.jpg) no-repeat;
margin-left:20px;
float:left;
display:block;
}

#home-muscliff-funday-2010 a {width:360px; height:120px; background:url(images/muscliff-funday-2010-logo.jpg) no-repeat; margin:0 20px 0 10px; float:left;}
#home-muscliff-funday-2010 a:hover {background-position:0 -120px;}

#home-muscliff-funday-2011 a {width:360px; height:120px; background:url(images/muscliff-funday-2011-logo.jpg) no-repeat; margin:0 20px 0 10px; float:left;}
#home-muscliff-funday-2011 a:hover {background-position:0 -120px;}


.email-form {
width:682px;
background-color:#FFF;
border:10px solid #CCC;
margin:10px auto 20px auto;
padding:9px;
overflow:hidden;
}
.email-form h2 {padding-top:15px; font-size:15px; line-height:22px; color:#000;}
.email-form p {padding:0; font-size:15px; color:#000; line-height:22px;}

.email-form-left {width:240px; padding:0 15px 15px 15px; float:left;}
.email-form-right {width:380px; padding:15px 15px 15px 15px; float:left;}

.email-form-fields input {
width:372px;
height:20px;
border:1px solid #999;
padding:4px;
font:13px Arial, Helvetica, sans-serif;
line-height:20px;
}

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



.home-aims {
width:710px;
margin:0 auto;
padding:10px 0;
}
.home-aims p {font-size:13px; margin-bottom:4px;}

.footer {padding-top:20px; text-align:center; font-size:13px;}
.site-version {font-size:10px; line-height:30px; color:#000; text-align:center;}

.mainpage-logo {text-align:center; margin-bottom:15px;}

/*newspages*/
.newspage-box-top {
width:730px;
height:70px;
background:url(images/news/newspage-box-top-v2.jpg) no-repeat;
margin:auto;
}
.newspage-box-middle {
width:650px;
background:url(images/news/newspage-box-middle-v2.jpg) repeat-y;
margin:auto;
padding:0 40px 10px 40px;
}
.newspage-box-middle ul {float:left; font-size:14px; line-height:18px;}
.newspage-box-middle ul li {list-style-type:none;}
.newspage-box-middle ul.newspagedates {width:125px;}
.newspage-box-middle ul.newspageicons {width:60px;}
.newspage-box-middle ul.newspageicons li {text-align:center;}
.newspageicons li {height:18px;}
.newspage-box-middle ul.newspagenews {width:450px; margin-left:15px;}
.newspage-box-middle ul li.newspagebreak {margin-bottom:10px;}
.newspage-box-middle a {color:#036;}
.newspage-box-middle a:hover {color:#F00;}
.newspage-box-middle a:visited {color:#C36;}
.newspage-box-middle a:visited:hover {color:#F00;}

/*
.newspage-box-middle a {color:#036;}
.newspage-box-middle a:hover {color:#FF0;}
.newspage-box-middle a:visited {color:#C7FF9D;}
.newspage-box-middle a:visited:hover {color:#FF0;}
*/

.newspage-box-bottom {
width:630px;
height:50px;
background:url(images/news/newspage-box-bottom-v2.jpg) no-repeat;
margin:auto;
padding:10px 50px;
}
#newspage-box-bottom-latest a {
width:135px;
height:22px;
background:url(images/news/newspage-latestnews.png) no-repeat;
padding:3px 5px 0px 0px;
float:left;
color:#F00;
font-size:15px;
text-align:right;
text-decoration:none;
display:block;
}
#newspage-box-bottom-latest a:hover {background-position:0px -25px; color:#000;}
#newspage-box-bottom-previous a {
width:135px;
height:22px;
background:url(images/news/newspage-previousnews.png) no-repeat;
padding:3px 0px 0px 5px;
float:right;
color:#F00;
font-size:15px;
text-align:left;
text-decoration:none;
display:block;
}
#newspage-box-bottom-previous a:hover {background-position:0px -25px; color:#000;}

.newsdate {
width:710px;
margin:0px auto 15px auto;
text-align:left;
font-size:14px;
color:#063;
}

.newstitle {
width:710px;
margin:0px auto 15px auto;
text-align:center;
}

.news-forumitem {
width:630px;
background:url(images/news/forum-item.png) left center no-repeat;
margin:0px auto 15px auto;
padding:15px 0 15px 70px;
color:#900;
text-align:center;
font-weight:bold;
}

.news {
width:710px;
margin:0 auto 15px auto;
font-size:14px;
}

.news-two p {line-height:20px; padding-bottom:10px;}
.news-two li {line-height:20px; padding-bottom:10px;}

.news-box {
width:684px;
border:1px solid #000;
margin:auto;
padding:2px;
}
li.nobullet {list-style-type:none; margin-left:25px;}

.newsbreak {width:740px; padding:15px 0px; margin:auto;}

.address {width:650px; text-align:right; margin:10px auto;}
.address p {padding:0px;}

.news-letter {
width:696px;
background-color:#FFF;
border:2px ridge #000;
margin:0px auto 15px auto;
padding:5px;
font-size:14px;
}
.news-letter-body {width:650px; margin:auto;}

.news-letter img {display:block; text-align:center; margin:auto;}
.signatures {width:325px; float:left;}
.signatures img {display:block; text-align:center; margin:0px auto 15px auto;}

.news-indentednews {
width:680px;
margin:0px auto 10px auto;
font-style:italic;
}
.news-email {
width:668px;
margin:0px auto 10px auto;
padding:5px;
border:1px ridge black;
}

.news-scarecrowpictures {
width:710px;
margin:0px auto 15px auto;
}
.news-scarecrowpictures img {margin:0px 4px;}

.news-townsend-pcofficers {padding:0 15px; float:left; text-align:center;}

.news-safer-neighbourhood-teams {
width:167px;
padding:0 5px;
float:left;
text-align:center;
}

.pdf {
width:710px;
height:41px;
margin:auto;
}
.pdftext {
width:400px;
margin:10px 50px 0px 80px;
float:left;
font-size:14px;
}
#pdflogo a {
width:40px;
height:41px;
background:url(images/news/pdfx2.png) no-repeat;
float:left;
display:block;
}
#pdflogo a:hover {background-position:0px -41px;}

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



#simplegallery1 {
position:relative;
visibility:hidden;
border:2px solid green;
}
#simplegallery1 .gallerydesctext {
text-align:left;
padding:2px 5px;
}
.stepcarousel {
position:relative; /*leave this value alone*/
border:10px solid black;
overflow:scroll; /*leave this value alone*/
width:420px; /*Width of Carousel Viewer itself*/
height:320px; /*Height should enough to fit largest content's height*/
}
.stepcarousel .belt {
position:absolute; /*leave this value alone*/
left:0;
top:0;
}
.stepcarousel .panel {
float:left; /*leave this value alone*/
overflow:hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin:10px; /*margin around each panel*/
width:400px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}


/*meetingspages*/
.meetingspage-box-top {
width:730px;
height:70px;
background:url(images/meetings/meetingspage-box-top-v3.png) no-repeat;
margin:auto;
}
.meetingspage-box-middle {
width:630px;
background:url(images/meetings/meetingspage-box-middle-v3.png) repeat-y;
margin:auto;
padding:0 50px;
overflow:hidden;
font-size:16px;
}

.meetingspage-box-middle a:hover {color:#FFF;}
.meetingspage-box-middle a:visited {color:#000;}
.meetingspage-box-middle a:visited:hover {color:#FFF;}
.meetingspage-box-middle ul {float:left;}
.meetingspage-box-middle ul li {list-style-type:none; line-height:22px;}
.meetingspage-box-middle ul.meetingspage-year {width:55px;}
.meetingspage-box-middle ul.meetingspage-dates {width:160px; color:#333;}
.meetingspage-box-middle ul.meetingspage-agenda {width:100px;}
.meetingspage-box-middle ul.meetingspage-minutes {width:180px;}
.meetingspage-box-middle ul.meetingspage-pdfagenda {width:50px;}

#agenda-icon a {
width:19px;
height:20px;
background:url(images/meetings/agenda-iconx2.png) no-repeat;
margin-top:2px;
display:block;
}

#agenda-icon a:hover  {background-position:0 -20px;}

.agenda-icon a {
width:19px;
height:20px;
background:url(images/meetings/agenda-iconx2.png) no-repeat;
margin-top:2px;
display:block;
}

.agenda-icon a:hover  {background-position:0 -20px;}

.meetingspage-box-bottom {
width:730px;
height:70px;
background:url(images/meetings/meetingspage-box-bottom-v3.png) no-repeat;
margin:auto;
}

.meetingheader {
width:720px;
height:80px;
margin:0px auto 15px auto;
}

.agendalogo {
width:100px;
height:60px;
background:url(images/agenda-logo.jpg) no-repeat;
margin:0px auto 10px auto;
}

.minuteslogo {
width:100px;
height:50px;
background:url(images/minutes-logo.jpg) no-repeat;
margin:auto;
}

.meetingagenda {
width:720px;
margin:0 auto 15px auto;
font-size:14px;
}
.meetingagenda ul {float:left; line-height:20px; margin-bottom:10px; list-style:none;}
.meetingagenda ul.itemnumber {width:55px; color:#039;}
.meetingagenda ul.itempoints {width:260px; padding-right:5px; font-weight:bold;}
.meetingagenda ul.itemdescription {width:370px; margin-right:15px;}
.meetingagenda ul.itemdescription li {
background:url(images/list-dash.png) no-repeat;
padding-left:15px;
line-height:20px;
}

.meetings-agendapremier {
width:680px;
height:25px;
margin:0px 35px;
float:left;
}


.spacing p {line-height:20px; padding:7px 0;}
.spacing ul {line-height:20px; padding:7px 0;}

.spacing .answer {padding:0;}
.spacing .question {padding:20px 0 0 0;}


.item {
width:690px;
margin:20px 20px 10px 20px;
background:url(images/bg-item.png);
padding:10px;
}

.itemtitle {
width:700px;
background-color:#A4FFA6;
padding:5px;
margin:10px 20px;
font-size:14px;
}

.itemwords {
width:710px;
font-size:14px;
margin:auto;
text-align:justify;
}
.itemwords a:hover {color:#F00;}

ul.minutes-bullet-points {
width:600px;
list-style:url(images/bullet-point-minutes.png);
padding:0 0 15px 40px;
}

.letter {
width:690px;
margin:auto;
border:1px solid #000;
background:#FFF;
padding:5px;
}

.question {color:#2144A6;}
.answer {color:#BF5959;}

.con {
float:right;
margin:0px 300px 0px 0px;
padding:0;
color:#F00;
font-weight:bold;
}

.backtolink {
padding-top:25px;
font-size:16px;
text-align:center;
}
.backtolink a:hover {color:#F00;}


/*constitution*/
/*.constitution-headers {
height:30px;
background:url(images/bg-constitution-headers.png) no-repeat;
}*/
ul.constitution-bullets {
list-style-type:decimal;
padding-left:20px;
font-size:14px;
line-height:17px;
}
ul.constitution-bullets li {margin-bottom:5px;}

/*contact pages*/
.contact-page {width:640px; margin:auto;}
.contact-page p {font-size:16px;}

.contact-councillors-container {width:375px;float:left;}
.contact-councillors-container img {margin:5px 10px 25px 20px; float:left;}
.contact-councillors-container h2 {margin-top:10px;}


ul.sitemap {
width:330px;
margin:20px 0 0 35px;
float:left;
display:block;
font-size:14px;
}
ul.sitemap li.sitemap-header {
list-style-type:none;
margin-bottom:10px;
font-size:18px;
}