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

#right a, .article a { color: #c1272d; }
#right a:hover, .article a:hover { color: #FFF; }
.article h2 a { color: #000; border-bottom: #c1272d; }
#header { background-image: url(/images/nav/header.png); height: 202px; width: 1024px; background-color: #fff; }
#header img { border: 0px; }
#header table tr td h1 a { display: block; width: 1024px; height: 165px; text-indent: -9999px; margin-bottom: 0px; padding-bottom: 0px; }
#container { width: 1024px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin: 0px auto; border-left: 1px solid #ccc; border-right: 1px solid #ccc; background-color: #FFF; }
body { background-color: #EEE; }
img { border: 0px; background: transparent; }

body, form, h4 { margin: 0px; padding: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
input, textarea, select { font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
a { text-decoration: none; color: #c1272d; }
a:hover { background-color: #c1272d; color: #FFF; }
fieldset {border: 0px; margin: 0px; padding: 0px}
p { margin: 0px 0px 10px 0px; padding: 0px; }
h1 { padding: 0px; margin: 0px 0px 10px 0px; font-size: 32px; line-height: 36px; }
h2 { padding: 0px; margin: 0px 0px 10px 0px; font-size: 24px; line-height: 24px; }

#nav { position: relative; left: 193px; top: 176px; margin: 0px; padding: 0px; list-style: none; }
#nav li { display: inline; font-size: 14px; padding: 0px 10px 0px 0px }
#nav li a { font-weight: bold; color: #000; }
#nav li a:hover { color: #c1272d; background-color: #FFF; }

.field { border: 1px solid #999; padding: 3px; width: 500px; margin-bottom: 20px; }
.send {border: 1px solid #999; padding: 5px; font-size: 14px; font-weight: bold; }
.error { color: #FF0000; margin: 0px 0px 10px 0px; padding: 0px; }
.error li { margin-left: 13px; }
.large {font-size: 32px; line-height: 32px; margin-bottom: 10px; margin-top: 10px;}
.body img {float: left; margin-right: 15px; margin-bottom: 10px;}
.required {border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; padding: 10px; margin: 10px 0px; background-color: #EEE;}
.line { border-bottom: 1px solid #CCC; padding-bottom: 10px; margin-bottom: 10px; }
.nopad { margin: 0px; padding: 0px; }
.nopad li { margin-left: 13px; }
.listing { margin-bottom: 5px; }
.body { margin-bottom: 5px; }
.campaigns h2 { margin-top: 20px; }
.campaigns h1 { margin-bottom: 0px; padding-bottom: 0px; }

#main_why, #intro_letter { margin-bottom: 10px; padding-right: 20px; line-height: 20px; }
#intro_letter { background-color: #EEE; margin-right: 20px; padding: 20px; padding-bottom: 10px; margin-bottom: 20px; }
#main_why img { float: left; margin-right: 20px; margin-bottom: 5px; border: 1px solid #ccc; }
#main_why h2 img { float: none; border: 0px; }

#latest_news { margin-bottom: 20px; margin-right: 20px; }

#learn_more { line-height: 20px; padding: 10px; background-color: #ececec; margin-bottom: 20px; margin-right: 20px; margin-top: 20px; }
#learn_more img {margin-bottom: 15px; margin-top: 0px;}
#action_centre { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; background-color: #c1272d; margin-right: 20px; padding: 10px; margin-bottom: 15px; }
#action_centre a { color: #000; }
#action_centre a:hover { color: #000; }
#thin_bar { height: 5px; background-color: #c1272d; }
#sign_up { padding: 20px; background-color: #c1272d; width: 290px; }
#petitions { padding: 20px; width: 290px; border-bottom: 1px solid #ccc; line-height: 20px; }
#fundraising { background-color: #ccc; overflow: hidden; height: 270px; width: 330px; border-bottom: 1px solid #ccc; }
#fundraising iframe { padding-left: 7px; } 

#local_voices, #about, #labour, #register, #surveys, #expenses { padding: 20px 20px 10px 20px; border-bottom: 1px solid #ccc; line-height: 20px; }
.local_quote { padding: 0px; margin: 0px; font-family: Arial, Helvetica, sans-serif; }
.local_name { color: #999; }
#surveys ul { margin: 0px; padding: 0px; list-style: square; }
#surveys ul li { margin-left: 20px; }

#mapLayer { margin-top: 20px; }
#mapLayer h4 { margin-bottom: 10px; }
#map { height: 400px; margin-right: 20px; margin-bottom: 20px; border: 1px solid #ccc;  } 

.events { list-style: square; margin: 0px; padding: 0px; margin-right: 20px; }
.events li { font-weight: bold; font-size: 14px; margin-left: 13px; border-bottom: 1px solid #eee; padding-bottom: 5px; padding-top: 5px; }
.events li ul { margin: 0px; padding: 0px; list-style: none; }
.events li ul li { font-weight: normal; border-bottom: 0px; font-style: italic; color: #666; font-size: 12px; }
.events li ul li.address { font-weight: bold; border-bottom: 0px; font-style: italic; color: #666; font-size: 12px; padding-top: 10px; }

#contact input, #contact textarea { font-family: Arial, Helvetica, sans-serif; font-size: 12px; width: 450px; border: 1px solid #000; padding: 2px; margin-bottom: 10px; }

.rightForm { padding: 2px; width: 240px; border: 1px solid #000; }

.floatl { float: left; margin-right: 10px; margin-bottom: 10px; }
.nopad { padding: 0px; margin: 0px; margin-left: 0px; padding-left: 0px; }
.strike { text-decoration: line-through; background-color: #ccc; }
.border { border: 1px solid #ccc; }
.pad { padding: 3px; }

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

#left {
float: left;
width: 644px;
padding-left: 50px;
padding-top: 20px;
padding-bottom: 20px;
height: 100%;
}

#right {
width: 329px;
float: left;
}

#footer {
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
background-color: #e5e5e5;
padding: 10px;
padding-left: 50px;
}

#footer a {
color: #666;	
}

#footer a:hover {
background-color: #666;
color: #CCC;
}

.article {
margin-bottom: 10px;
border-bottom: 1px solid #ccc;
padding-bottom: 10px;
margin-right: 20px;
line-height: 20px;
}

.body {
line-height: 20px;
}

.headshot {
float: left;
margin-right: 10px;
margin-bottom: 10px;
border: 1px solid #ccc;
}

.stretcher {
clear: both;
height: 1px;
visibility: hidden;
}

.pad5bottom {
padding-bottom: 5px;
}

.pad10bottom {
padding-bottom: 10px;
}

.newsItem { font-weight: bold; padding: 5px 0px; font-family: Arial, Helvetica, sans-serif; }
.newsItemLine { font-weight: bold; padding: 5px 0px; font-family: Arial, Helvetica, sans-serif; border-bottom: 1px dotted #CCC; }

.newsDate {
font-style: italic;
padding-right: 10px;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 10px;
}