body{
margin:0;
background:#242424;
font-family:Arial, Helvetica, sans-serif;
color:#000;
font-size:62.5%;
text-decoration: none;
}

a{
color:#4891dc;
text-decoration:none;
}

a:hover{
text-decoration:underline;
}


p,li{
font-size:1.2em;
margin:0 0 1em 0;
}

li p, li li{
font-size:1em;
}

ul{
margin:0 0 1em 0;
padding:0;
list-style:none;
}

ul li, ol ul li{
margin:0;
padding:0 0 0 15px;
background:url(../img/bullet.gif) no-repeat 0 4px;
}

ol{
margin:0 0 1em 0;
padding:0;
}
ol li{
margin:0 0 1em 30px;
padding:0 0 0 10px;
}

small{
font-size:0.9em;
}

img{
border:0;
}

hr{
border:0;
height:1px;
margin:20px 0;
border-top:1px solid #ccc;
}

blockquote{
font-style:italic;
padding:0;
margin:0;
}

.blue{
color:#4891dc;
}

.error{
color:#d00;
display:block;
font-weight:normal;
}

.bookmark{
padding:0 0 0 15px;
background:url(../img/star.gif) no-repeat center left;
font-weight:bold;
color:#4891dc;
}

.clear{
clear:both;
}

#container{
width:995px;
margin:0 auto;
background:#fff;
}

#logo{
position:absolute;
right:27px;
}

#phone{
font-size:2em;
line-height:1.4em;
color:#4891dc;
text-transform:lowercase;
}

#number{
font-size:1.55em;
padding:0 0 0 30px;
background:url(../img/phone-icon.gif) no-repeat left center;
font-weight:bold;
}

#header{
position:relative;
padding:30px 26px;
min-height:58px;
height:auto !important;
height:58px;
}

#nav{
list-style:none;
width:995px;
height:35px;
margin:0;
padding:0;
}

#nav li, #nav li a{
margin:0;
padding:0;
height:35px;
display:block;
float:left;
}

#nav span{
display:none;
}

#nav-home, #nav-home a {
width:120px;
background:url(../img/nav-home.gif);
}

#nav-get-involved,#nav-get-involved a{
width:199px;
background:url(../img/nav-getinvolved.gif);
}

#nav-find-out-more,#nav-find-out-more a{
width:213px;
background:url(../img/nav-findoutmore.gif);
}

#nav-news,#nav-news a{
width:130px;
background:url(../img/nav-news.gif);
}

#nav-about-us,#nav-about-us a{
width:163px;
background:url(../img/nav-aboutus.gif);
}

#nav-contact,#nav-contact a{
width:170px;
background:url(../img/nav-contactus.gif);
}

#nav-supporters,#nav-supporters a{
width:199px;
background:url(../img/nav-supporters.gif);
}

#nav a:hover, #nav li.selected a, #nav li{
background-position:bottom;
}

#banner{
width:995px;
height:242px;
margin:6px 0 10px 0;
position:relative;
background:url(../img/banner-bg.gif) right;
}

#banner h1 span{
display:none;
}

#banner h1{
display:block;
width:720px;
height:242px;
margin:0;
}

.banner-home h1{background-image:url(../img/banner-home.jpg);}
.banner-aboutus h1{background-image:url(../img/banner-aboutus.jpg);}
.banner-register h1{background-image:url(../img/banner-register.gif);}
.banner-getinvolved h1{background-image:url(../img/banner-getinvolved.jpg);}
.banner-find-out-more h1{background-image:url(../img/banner-find-out-more.gif);}
.banner-news h1{background-image:url(../img/banner-news.gif);}
.banner-supporters h1{background-image:url(../img/banner-supporters.gif);}
#banner.banner-ms h1{background-image:url(../img/banner-ms.gif);width:995px;}
.banner-download-fundraising h1{background-image:url(../img/banner-download-fundraising.gif);}
.banner-donwload-media h1{background-image:url(../img/banner-media-centre.jpg);}
.banner-doblue h1{background-image:url(../img/banner-doblue.jpg);}
.banner-contact h1{background-image:url(../img/banner-contact.jpg);}
.banner-stories h1{background-image:url(../img/banner-stories.jpg);}
.banner-register-complete h1{background-image:url(../img/banner-register-complete.gif);}


#register{
width:263px;
right:0;
height:242px;
background:url(../img/register.gif);
position:absolute;
}

#register a{
display:block;
top:163px;
left:49px;
position:absolute;
background:#b5121b;
font-size:1.3em;
font-weight:bold;
color:#fff;
padding: 8px 10px;
text-transform:lowercase;
}

#register a:hover{
text-decoration:none;
}

#register span{
display:none;
}

#register a span{
display:inline;
}

#breadcrumbs{
font-size:1.1em;
position:absolute;
left:26px;
top:0;
text-transform:lowercase;
}

#content{
overflow:hidden;
width:969px;
padding:0 0 0 26px;
position:relative;
}

#content h2{
color:#4891dc;
font-size:2em;
margin:1.2em 0 0.8em 0;
font-weight:normal;
text-transform:lowercase;
}

#content h2 span{
text-transform:none;
}

#content h3{
font-size:1.4em;
font-weight:bold;
margin:0 0 0.6em 0;
}

#main{
width:737px;
border-right:1px dotted #000;
float:left;
}

#home-about-us, #home-get-involved, #home-latest-news {
width:220px;
float:left;
border-right:1px dotted #000;
padding:15px 15px 15px 0;
margin:0 15px 0 0;
min-height:250px;
height:auto !important;
height:250px;
}

#home-message{
font-size:1.2em;
padding:10px 15px 15px 0;
}

#home-message h2{
margin-top:0;
}

#about-us, #download, #stories, #terms{
width:700px;
padding:0 30px 0 0;
min-height:270px;
height:auto !important;
height:270px;
}

#stories img{
float:right;
padding:0 0 20px 20px;
}

#about-pcam, #main-1{
float:left;
width:350px;
padding:0 20px 0 0;
}

#faq-list, #main-2{
float:left;
border-left:1px dotted #000;
width:321px;
padding:0 0 0 15px;
}

#main-1{
min-height:465px;
height:auto !important;
height:465px;
}

#main-2{
min-height:247px;
height:auto !important;
height::247px;
padding-bottom:218px;
}

#main-1 img.partner{
padding:5px 0 20px 0;
}

#main-2.supporters{
padding-bottom:0;
}

#main-2 .supporter {
padding:20px 0 0;
}

#main-2 .supporter img{
float:right;
border:1px solid #ccc;
margin:0 0 15px 15px;
}

#main-2 .supporter img.fullwidth{
float:none;
margin-left:0;
}

#about-pcam, #faq-list{
margin:0 0 20px 0;
}

#do-blue-image{
float:right;
position:absolute;
bottom:0;
width:242px;
height:218px;
}

#faq-list ul{
list-style:none;
}

#faq-list li{
margin:0 0 0.2em 0;
padding: 0 0 0 15px;
background:url(../img/arrow.gif) 0 4px no-repeat;
font-weight:bold;
}

#faq-list li ul, #faq-list li ol{
margin:0.5em 0 0.5em 10px;

}
#faq-list li li{
font-size:1em;
}

#faqs{
clear:both;
border-top:1px solid #ccc;
margin:20px 0 0 0;
padding:20px 20px 0 0;
}

#faqs h3, #faqs h4, #terms h3, #terms h4{
color:#4891dc;
font-size:1.2em;
}

#press{
width:285px;
margin:0 15px 0 0;
float:left;
}

#press ul{
list-style:none;
margin:0;
padding:0;
}

#press li{
background:none;
padding:0;
margin:0 0 1em;
}

#press li.press-month{
border-top:1px solid #ccc;
padding:15px 0;
}

#news{
border-left:1px dotted #000;
width:415px;
padding:0 10px;
float:left;
}

#news ul.pagination-content{
margin:0;
}

#news ul.pagination-content li{
background:none;
padding:0;
}

#news .pagination-number, #press .pagination-number{
color:#4891dc;
}

#news .pagination-number a, #press .pagination-number a{
padding:0 5px;
}

#news .pagination-number .active, #press .pagination-number .active{
font-weight:bold;
}

.news-item{
border-top:1px solid #ccc;
padding:15px 0;
width:415px;
overflow:auto;
}

.news-item img{
float:left;
margin:0.3em 10px 10px 0;
}

#main .news-item h3{
color:#4891dc;
font-size:1.2em;
}

#links{
width:215px;
float:right;
}

#register-form{
margin:0 26px 0 0;
}

form{
margin:0;
}

#register-form fieldset{
border:0;
border-top:1px solid #ccc;
padding: 20px 0;
}

#register-form h3{
margin: 0 0 1.5em 0;
}

#register-form h4{
font-size:1.3em;
font-weight:bold;
margin:0 0 0.5em 0;
}

#register-form label{
color:#4891dc;
font-size:1.2em;
font-weight:bold;
float:left;
}

#register-form .input-text-container,
#register-form .input-checkbox-container,
#register-form .input-select-container{
overflow:hidden;
width:405px;
margin:0 0 1.5em 0;
position:relative;
}

#register-form .input-select-container{
border-top:1px dotted #ccc;
margin:0 0 0 100px;
padding:10px 0 0 0;
}

#register-form .input-select-container label{
float:none;
}

#register-form select{
display:inline;
margin:5px;
font-size:1.2em;
font-family:Arial, Helvetica, sans-serif;
}


#register-form  .input-text-container  label{
width:100px;
padding:0;
margin:0;
}

#register-form  .input-text-container input{
width:295px;
height:1.3em;
margin:0;
padding:1px;
float:left;
font-size:1.3em;
font-family:Arial,Helvetica,Sans-serif;
}

#register-form .input-checkbox-container{
overflow:hidden;
width:600px;
margin:0 0 1.5em 100px;
}

#register-form  .input-checkbox-container label{
width:435px;
}

#register-form  .input-checkbox-container input{
float:left;
height:13px;
width:13px;
margin:0.1em 10px 0 0;
padding:0;
}

#register-form textarea{
width:295px;
float:left;
padding:2px;
font-family:Arial,Helvetica,Sans-serif;
font-size:1.2em;
}

#register-form .ui-datepicker-trigger{
position:absolute;
right:7px;
top:3px;
cursor:pointer;
}

#register-form  input.button{
margin:0 0 0 100px;
display:inline;
}

#register-form hr{
border-style:dotted;
}

#register-form .activity-text{
width:465px;
margin-bottom:2em;
}

#mail-1{
float:left;
width:460px;
}

#mail-2{
float:right;
padding:10px 20px;
}

#downloads{
	list-style:none;
	padding:0 0 1em 0;
	margin:0;
}

#downloads li{
	background:none;
	margin:0 0 10px 0;
	padding:0;
}

#downloads li .button{
	width:240px;
	font-size:1em;
	text-align:center;
	float:none;
	display:block;
	padding:10px;
}

#downloads li .button em{
	font-weight:normal;
	text-transform:none;
}

#btn-donate, #links .button{
display:block;
font-size:1.3em;
font-weight:bold;
float:left;
clear:both;
padding:8px 10px;
background:#4891dc;
color:#fff;
margin:0 0 15px 0;
text-transform:lowercase;
}

#btn-donate:hover{
text-decoration:none;
}

#links ul{
clear:both;
margin:20px 0;
padding:0;
list-style:none;
}

#links li, #links .link{
margin:1em 0;
padding: 0 0 0 15px;
background:url(../img/arrow.gif) left no-repeat;
}

#links img{
padding:3px 0;
}

.button{
display:block;
padding:6px 10px;
margin:0 15px 0 0;
color:#fff;
background:#4891dc;
float:left;
font-weight:bold;
text-decoration:none;
font-size:1.2em;
clear:both;
text-transform:lowercase;
}

input.button{
border:0;
font-family:Arial,Helvetica,sans-serif;
cursor:pointer;
font-size:1.6em;
}

.button-download{
display:block;
padding:6px 10px;
color:#fff;
background:#4891dc;
width:208px;
font-weight:bold;
text-decoration:none;
font-size:1.2em;
clear:both;
text-align:center;
text-transform:lowercase;
}

p .button{
font-size:1em;
}

.button:hover,.button-download:hover, #links .button:hover, input.button:hover, #btn-donate:hover,span.button, #links span.button{
text-decoration:none;
background-color:#c8df8e;
color:#0066a4;
}


#footer{
text-align:center;
width:595px;
padding:10px 200px;
margin:15px 0 0 0;
border-top:1px solid #ccc;
}

#footer a{
color:#000;
}

/*M&S*/
#ms{
padding:0 20px 0 0;
}

#ms h2{
margin-top:0.5em;
}

#ms .button{
font-size:1.3em;
clear:right;
margin-top:10px;
}

#ms-home{
float:left;
padding:0.2em 20px 0 0;
}

#ms-logo{
width:200px;
display:block;
margin:20px 70px 0 0;
float:left;
}

#ms #register-form{
width:445px;
margin:0;
float:left;
}

#ms #register-form fieldset.first{
border:0;
}

#ms #register-form .input-checkbox-container{
width:auto;
}

#ms #register-form .input-checkbox-container label {
width:285px;
}

#ms #register-form #confirmation{
margin-left:0;
}

#ms #register-form #confirmation label{
width:370px;
float:left;
}
#ms #register-form input.button{
margin:0;
}
/*GRAPHIC TITLES*/

h2#title-home-what{
background:url(../img/title-home-what.gif);
width:191px;
height:21px;
margin:0 0 20px 0;
}

h2#title-home-get{
background:url(../img/title-home-get.gif);
width:124px;
height:26px;
margin:0 0 20px 0;
}

h2#title-home-latest{
background:url(../img/title-home-latest.gif);
width:113px;
height:21px;
margin:0 0 20px 0;
}

#title-home-what span, #title-home-get span, #title-home-latest span{
display:none;
}
