* {
font-family: arial, sans-serif;
}

body {
margin: 1em 0.5em;
padding: 0;
background: #ddd;
}

#container {
width: 96%;
margin: 0 1%;
padding: 1%;
background: #fff;
border: 2px solid #6b5f6d;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
}

h3, ul, ol, li {
margin: 0;
padding: 0;
}

#accessOptions {
background: #5b5b5b;
padding: 8px 0;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}

#accessOptions ul {
margin: 2px 0 0 0;
padding: 0;
list-style: none;
}

#accessOptions li {
display: inline;
margin-left: 1em;
}

#accessOptions li a {
color: #fff;
text-decoration: none;
}

#accessOptions li.styles {
margin-left: 2em;
}

#accessOptions li a:hover {
text-decoration: underline;
}

#branding {
margin-bottom: 1.3em;
height: 6em;
background: url(../images/header6peeps.jpg) no-repeat bottom right;
border-bottom: 5px solid #ddd;
}

#branding h1 {
float: left;
}

#councillordetails {
margin-top: 1.35em;
margin-left: 1.95em;
}

#branding h2 {
float: left;
margin-right: 1em;
/*padding: 0.50em 1em;*/
background: #fff;
}

#container.scc #branding h2 {
}

#branding p {
float: left;
margin-top: 0.8em;
font-weight: bold;
}

a:link, a:active {
color: #000;
text-decoration: underline;
}

#content a {
font-weight: bold;
}

a:visited {
color: #000;
text-decoration: underline;
}

a:hover {
color: #ec008c;
text-decoration: underline;
}

a:focus {
text-decoration: underline;
}

a.whitelink:link, a.whitelink:visited, a.whitelink:active {
color: #fff;
text-decoration: none;
}

#contentContainer {
float: left;
width: 100%;
}

#pageContent {
float: left;
width: 100%;
}

#content {
margin: 0 300px 0 220px;
padding-left: 5px;
background: #fff;
}

p {
margin: 0 0 20px 0;
padding: 0;
line-height: 135%;
}

div.success {
margin: 15px 0;
padding: 5px 5px 5px 30px;
border: 1px solid #67bf3e;
background: #ffc url(../images/accept.gif) no-repeat 8px 10px;
font-weight: bold;
}

div.error {
margin: 15px 0;
padding: 5px 5px 5px 30px;
border: 1px solid #f00;
background: #ffc url(../images/error.gif) no-repeat 8px 10px;
font-weight: bold;
}

div.success p, div.error p {
margin: 5px 0;
}

#localNavigation {
float: left;
width: 220px;
margin-bottom: 10px;
margin-left: -100%;
padding-bottom: 5px;
background: url(../images/background.jpg) repeat-y;
}

#localNavigation p {
margin: 0;
padding: 0 0 5px 0;
width: 200px;
line-height: 125%;
text-align: center;
}

#localNavigation ul {
text-align: center;
list-style: none;
margin: 0;
padding: 0;
}

#nav {
margin: 5px 0;
padding: 0;
list-style: none;
width: 201px;
}

#nav li {
position: relative;
text-align: left;
line-height: 150%;
}

#nav li a {
display: block;
text-decoration: none;
padding: 5px;
border-bottom: 1px solid #fff;
}

#container.communityaction #nav li a {
background: #090;
color: #fff;
}

#container.conservative #nav li a {
background: #0093d0;
color: #fff;
}

#container.independent #nav li a {
background: #999;
color: #fff;
}

#container.labour #nav li a {
background: #dc291e;
color: #fff;
}

#container.libdem #nav li a {
background: #f78a15;
color: #000;
}

#container.scc #nav li a {
background: #ec008c;
color: #fff;
}

#container #nav li a:hover {
color: #fff;
background: #000;
}

#nav li:hover ul, li.over ul {
display: block;
}

#siteFunctions {
float: left;
width: 280px;
margin-bottom: 10px;
margin-left: -280px;
line-height: 1.3em;
background: #ccc;
}

#siteFunctions h2 {
margin: 10px 0 0 0;
padding: 8px 5px;
background: #000;
color: #fff;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
}

#siteFunctions h2 {
margin-top: 0;
top: 0;
}

#siteFunctions p {
margin: 0;
padding: 5px;
}

#siteFunctions p.border {
border-bottom: 1px solid #000;
}

#siteFunctions ul {
margin: 10px 0 10px 20px;
padding: 5px;
line-height: 150%;
}

#siteFunctions a {
color: #000;
}

#siteFunctions a:hover {
text-decoration: underline;
}

#siteFunctions #quickLinks {
list-style: none;
margin: 0;
padding: 0;
width: 280px;
}

#quickLinks li {
position: relative;
text-align: left;
}

#quickLinks li a {
display: block;
text-decoration: none;
padding: 5px;
background: #aa9f95;
background: #eee;
color: #000;
border-bottom: 1px solid #000;
}

#quickLinks li a:hover {
color: #fff;
background: #000;
text-decoration: none;
}

#feeds p {
border-bottom: 1px solid #000;
}

#siteInfo {
clear: both;
display: block;
position: relative;
background: #6b5f6d;
color: #fff;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}

#hostedImage {
margin: 0 0 0 15px;
padding: 1px 0 0 0;
height: 24px;
}

#hostedImage img {
display: inline;

}

#information {
display: block;
position: relative;
line-height: 180%;
padding: 5px 0;
}

#scc-address a, #information-links a {
color: #000;
text-decoration: none;
}

#scc-address a:hover, #information-links a:hover {
text-decoration: underline;
}

ul#information-links {
list-style: none;
margin: 2px 0 0 0;
}

#information-links li {
display: inline;
margin: 0 2px 0 0;
padding: 0 0 0 5px;
border-left: 1px solid #777;
}

#information-links li.first {
border: 0;
padding-left: 0;
}

h2 {
margin: 0 0 20px 0;
font-weight: bold;
}

h3 {
margin: 0 0 20px 0;
font-weight: bold;
color: #000;
border-bottom: 1px solid #000;
}

h4 {
margin: 0 0 20px 0;
font-weight: bold;
color: #000;
}

.replydetails h4 {
margin: 20px 0;
}

/*#container.communityaction h3 {
color: #090;
border-bottom: 1px solid #090;
}

#container.independent h3 {
color: #6b5f6d;
border-bottom: 1px solid #6b5f6d;
}

#container.conservative h3 {
color: #0093d0;
border-bottom: 1px solid #0093d0;
}

#container.labour h3 {
color: #dc291e;
border-bottom: 1px solid #c00;
}

#container.libdem h3 {
color: #9f6b00;
border-bottom: 1px solid #9f6b00;
}

#container.scc h3 {
color: #ec008c;
border-bottom: 1px solid #ec008c;
}*/

#container.communityaction h3 a {
color: #090;
}

#container.independent h3 a {
color: #6b5f6d;
}

#container.conservative h3 a {
color: #0093d0;
}

#container.labour h3 a {
color: #dc291e;
}

#container.libdem h3 a {
color: #9f6b00;
}

#container.scc h3 a {
color: #ec008c;
}

h3 a:link, h3 a:visited, h3 a:active {
text-decoration: none;
}

a.whitelink:hover {
color: #fff;
text-decoration: underline;
}

hr {
margin: 10px 0 15px 0;
height: 1px;
width: 100%;
background: #000;
color: #000;
border: 0;
}

img {
border: 0;
}

table {
clear: both;
margin-bottom: 15px;
}

.left {
float: left;
margin: 0 5px 5px 0;
}

.right {
float: right;
margin-bottom: 7px;
margin-left: 10px;
}

.lefttext {
text-align: left;
}

.righttext {
text-align: right;
}

.centre {
text-align: center;
}

#siteFunctions fieldset, .noBorder {
background: #fff;
border: none;
margin: 0 0 15px 0;
padding: 0;
}

#siteFunctions fieldset legend {
display: none;
}

form {
margin: 0;
}

fieldset {
border-top: 1px solid #999;
border-right: 1px solid #222;
border-bottom: 1px solid #222;
border-left: 1px solid #999;
margin: 0 0 15px 0;
padding: 10px;
background: #efebef;
}

legend {
background: #eaf2f5;
font-weight: bold;
border-top: 1px solid #999;
border-right: 1px solid #222;
border-bottom: 1px solid #222;
border-left: 1px solid #999;
padding: 5px;
}

label:hover {
cursor: pointer;
}

.input {
background: #fff;
color: #000;
border-top: 1px solid #999;
border-right: 1px solid #555;
border-bottom: 1px solid #555;
border-left: 1px solid #999;
padding: 4px;
}

.input:focus, .searchinput:focus {
background: #ffc;
border: 1px dotted #555;
}

.smallField {
width: 100px;
}

.mediumField {
width: 200px;
}

.largeField {
width: 80%;
/*width: 300px;*/
}

.searchinput {
padding: 3px 4px;
width: 75px;
background: #fff;
color: #000;
border-top: 1px solid #999;
border-right: 1px solid #555;
border-bottom: 1px solid #555;
border-left: 1px solid #999;
font: 11px Verdana, sans-serif;
}

.button {
padding: 5px;
background: #ddd;
border-top: 1px solid #bbb;
border-right: 1px solid #555;
border-bottom: 1px solid #555;
border-left: 1px solid #bbb;
border-width: 1px;
}

#searchbutton {
margin-left: 5px;
padding: 2px 1px 1px 1px;
}

.disabled {
padding: 4px;
background: #ebebe4;
color: #888;
border-top: 1px solid #999;
border-right: 1px solid #555;
border-bottom: 1px solid #555;
border-left: 1px solid #999;
}

.addButton, .confirmButton, .deleteButton, .cancelButton, .searchButton {
padding: 5px 5px 5px 25px;
border-top: 1px solid #bbb;
border-right: 1px solid #555;
border-bottom: 1px solid #555;
border-left: 1px solid #bbb;
border-width: 1px;
}

.deleteButton, .cancelButton {
border-top: 1px solid #999;
border-left: 1px solid #999;
}

.addButton {
background: #ddd url(../images/icon-add.gif) no-repeat 6px center;
}

.confirmButton {
background: #ddd url(../images/icon-accept.gif) no-repeat 6px center;
}

.deleteButton {
background: #fbb url(../images/icon-delete.gif) no-repeat 6px center;
}

.cancelButton {
background: #fbb url(../images/icon-cancel.gif) no-repeat 6px center;
}

.searchButton {
background: #ddd url(../images/icon-search.gif) no-repeat 6px center;
}

abbr, acronym {
border-bottom: 1px dotted #000;
cursor: help;
}

pre {
padding: 1em;
width: 96%;
overflow: auto;
background: #e3e2e8;
border: 1px dotted #999;
}

code, code strong {
font-family: monaco, consolas, courier, "courier new", serif;
}

th {
text-align: left;
vertical-align: top;
}

td {
vertical-align: top;
}

th, td {
border-bottom: 1px solid #000;
}

#content ul, #content ol {
margin: 0 0 20px 30px;
}

#content ul li ul {
margin: 0 0 0 30px;
}

#content li {
line-height: 145%;
}

.pale_back {
background: #fde1ef;
}

.pale_grey {
background: #eee;
}

.black {
background: #000;
color: #fff;
}

.darker_grey {
background: #ddd;
}

.clear {
clear: both;
}

label.left {
display: inline-block;
width: 200px;
}

.offscreen {
position: absolute;
text-indent: -9999em;
}

.aup {
margin-top: 2em;
padding-top: 1em;
border-top: 1px solid #ddd;
}

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix {
display: inline-block;
}


/* Blog specific styles */

#content ol.commentList {
list-style: none;
margin: 0;
padding: 0;
}

.commentAuthor {
display: block;
margin-bottom: 10px;
padding: 10px;
background: #eee;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
}

.commentAuthor img {
float: left;
margin-right: 10px;
}

.commentAuthor p {
float: left;
}

.postNavigation {
margin-bottom: 15px;
}

.youtubeembed {
margin: 0 auto 15px auto;
width: 415px;
}