@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i|Ubuntu:300,300i,400,400i,500,500i,700,700i');

body {  
      	margin:0;
      	padding:0;
      	font-family:'Open Sans', Arial, Helvetica, sans-serif !important;
      	font-size: 14px;
  	background-image: url("/stylesheets/images/temp/c2066.jpg");
  	background-size: 100% 100%;
  	background-position: top center;
  	background-repeat: repeat;
  	background-color: #e1ecfa;
}

#header {
	float:left;
	width:100%;
  	min-height: auto;
}

#bannerContainer {
  	/*float:left;*/	
  	width: 1080px;
  	display: block;
    	height: auto;
  	background: #fff;
  	padding: 2% 0 0 0;
 	margin: 0 auto;
  	-webkit-box-shadow: 0 4px 20px 8px rgba(0, 0, 0, 0.1), 0 6px 25px 0 rgba(0, 0, 0, 0);
	-moz-box-shadow: 0 4px 20px 8px rgba(0, 0, 0, 0.1), 0 6px 25px 0 rgba(0, 0, 0, 0);
	box-shadow: 0 4px 20px 8px rgba(0, 0, 0, 0.1), 0 6px 25px 0 rgba(0, 0, 0, 0);
}

#banner {
	width: 995px;
	display: block;
	margin: 0 auto;
	position: relative;
	height: auto;
	background: #fff;
}

#topbar { 
	width: 100%;
	margin:0 auto;
	display:block;
	height: auto;
        zoom:1;
  	clear:both;
  	padding: 3% 0 0 0;
}

#menuWrapper {
 	margin: 0 auto;
  	display: block;
  	width: 93%;
  	border-radius: 5px;
  	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3e71aa+0,3d71aa+4,3a6ea7+7,3b6fa9+9,356ca5+20,366da6+22,336aa3+24,356ca5+26,3269a2+28,3269a2+39,2f669f+41,3068a3+43,2d65a0+46,2d65a0+57,2a629d+59,2c649f+61,29619c+63,26619d+72,1e5a98+100 */
	background: #3e71aa; /* Old browsers */
	background: -moz-linear-gradient(top,  #3e71aa 0%, #3d71aa 4%, #3a6ea7 7%, #3b6fa9 9%, #356ca5 20%, #366da6 22%, #336aa3 24%, #356ca5 26%, #3269a2 28%, #3269a2 39%, #2f669f 41%, #3068a3 43%, #2d65a0 46%, #2d65a0 57%, #2a629d 59%, #2c649f 61%, #29619c 63%, #26619d 72%, #1e5a98 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #3e71aa 0%,#3d71aa 4%,#3a6ea7 7%,#3b6fa9 9%,#356ca5 20%,#366da6 22%,#336aa3 24%,#356ca5 26%,#3269a2 28%,#3269a2 39%,#2f669f 41%,#3068a3 43%,#2d65a0 46%,#2d65a0 57%,#2a629d 59%,#2c649f 61%,#29619c 63%,#26619d 72%,#1e5a98 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #3e71aa 0%,#3d71aa 4%,#3a6ea7 7%,#3b6fa9 9%,#356ca5 20%,#366da6 22%,#336aa3 24%,#356ca5 26%,#3269a2 28%,#3269a2 39%,#2f669f 41%,#3068a3 43%,#2d65a0 46%,#2d65a0 57%,#2a629d 59%,#2c649f 61%,#29619c 63%,#26619d 72%,#1e5a98 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3e71aa', endColorstr='#1e5a98',GradientType=0 ); /* IE6-9 */
  	min-height: 33px;
}

#logo {
	display:block;
	margin:0 auto;
  	padding-left: 7.5%;
  	float: left;
}

#tagline {
  	float: left;
	margin: 3% 0;
	width: 60%
}

#donateBtn {
  	float: right;
	width: 250px;
	height: 30px;
	margin-top: 30px;
}

#donateBtn img {
	width: 50%;
	float: right;
	margin-right: 2%;
}

#donateBtn span {
  	font-size: 80%;
	color: #555555;
	display: block;
	position: relative;
	float: right;
	margin-bottom: 10px;
	text-align: right;
}

#donateBtn a img:hover, #donateBtn a span:hover {
    opacity: 0.7;
}

#headerTitleText {
        color: #677E52;
        display: block;
        font-size: 40px;
        font-weight: 400;
        left: 0;
        line-height: 41px;
        margin-left: 30px;
        margin-top: 24px;
        padding: 10px;
        position: absolute;
        text-align: left;
        text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.6);
        top: 0;
        width: 356px;
  	display: none;
}

#contact {
  	display: block;
  	float: right;
}

#phone {
  	display: inline-block;
  	float: left;
}

#email {
  	display: inline-block;
  	float: left;
}

#searchForm { /* Pull search box inline rather than display it underneath menu item */
        display: block;
        left: 76px;
        position: relative;
        top: -31px;
        #top:-51px; /* IE6/7 Hack for broken Box Model */
}

#mediaRSS {
  	display: none;
}

#contentBody {
	float: left;
	width:100%;
	margin:0;
	display:inline;
}

#bodyContainer {
	width:1080px;
	display:block;
	margin: 0 auto;
	position:relative;
	/*padding: 0 1% 0 1%;*/
	background:#FFF;
	min-height: 300px;
        _height:300px; /* IE6 min-height hack */
}

#sidebar {
	float: left;
	width: 22%;
	margin: 2.5% 0 0 5%;
	display: inline;
	clear: both;
}

#headingContainerFP {
       	clear: both;
        display: block;
  	#margin-top:0px;
  	#width: 890px;
	margin-top: 4%;
	padding-left: 8.4%;
	width: 960px; 	
}

#headingContainer {
  	clear: right;
}

#rssButton {
  	margin-top:-30px !important;
  	margin-left:93% !important;
}

#contentWrapper {
	width:670px;
        #width:648px; /* IE6 width hack to avoid a float drop */
	float:left;
  	margin: 0;
}

#contentWrapperFP {
	width:670px;
        #width:648px; /* IE6 width hack to avoid a float drop */
	float:left;
  	margin: 40px;
}

#footerWrapper {
	width:100%;
	float:left;
	/*height:159px;*/
  	margin-bottom: 1%;
}

#footer {
	width:1080px;
	display:block;
	margin:0 auto;
	/*background-image:url(https://april.org.uk/stylesheets/images/temp/c2056.jpg);
  	background-position: top center;
  	background-repeat: no-repeat;*/
	height:auto;
	color: #000000;
  	padding: 0 0 75px 0;
  	background: #d4e0ed;
  	height: 200px;
}

#footer a:link, #footer a:visited {
  	font-family: 'Open Sans', Arial, sans-serif;
  	font-size: 14px;
       color:#677E52;
       text-decoration:none;
  	}

#footer a:hover {
       color:#677E52;
       text-decoration:underline;
}

#footerContent {
  	width: 960px;
  	margin: 0 10% 0 8%;
  	padding: 1% 0;
}

#footerInfo {
	float: left;
	height: auto;
	width: 100%;	
	text-align: left;
}

#footerSoc {
	height: auto;
	width: 95%;
	margin-bottom: 2%;
	padding: 2% 5% 1.5% 0;
	background-color: #ffffff;
	text-align: right;
}

.footersoc {
  	max-width: 100%;
  	vertical-align: top;
}

#footerLogo {
	float: left;
	height: auto;
	width: 150px;
	margin-left: 84px;
	margin-top: 40px;
}

.footerlogo {
  	border: 0;
  	max-width: 100%;
}

#footerEditable {
  	float: left;
	height: auto;
	width: 100%;
	margin-top: 7px;
	font-size: 13px;
  	color: #565656;
}

#footerNav {
  	text-align: left;
	height: auto;
	display: inline-block;
	position: relative;
	float: left;
	margin: 30px 0 10px 0;
	padding-bottom: 12px;
	border-bottom: 1px solid #ffffff;
	font-size: 12px;
  	color: #5d769d;
  	width: 100%;
}

#footerNav a {
  	color: #5d769d !important;
  	font-size: 12px !important;
	padding: 0 1%
}

#footerNav a:first-child {
	padding-left: 0;
}

.footerLink, .footerLink a {
  	font-size: 16px !important;
  	color: #5d769d !important;
}

.footerLink a:hover, #footerNav a:hover {
  	color: #162179;
}

span.footer {
  	display: none !important;
}

/* Homepage Template Overrides */

.boxContainer {
  	margin-left: -10px !important;
}

/*Text 1*/
.w111 {
  width: 998px !important;
margin-left: 35px !important;
  padding-bottom: 0 !important;
}

.w111 p {
  font-size: 17px !important;
  color: #565656;
  padding-bottom: 2%;
  line-height: 1.5;
}

.w111 article {
  width: 990px !important;
}

.blueHeader {
padding: 1% 0 0.1% 0;
background-color: #1f5d9c;
color: #ffffff;
font-size: 22px;
height: 160px;
  border-radius: 3px;
}

.blueHeader span, .greenHeader span {
  font-size: 22px;
padding-left: 5%;
font-family: ubuntu;
letter-spacing: 1px;
}

.blueHeader ul, .greenHeader ul {
background-color: #ffffff;
width: 82.7%;
margin: 15px 0 0px 10px;
padding: 10px 4px 14px 28px;
list-style: disc;
height: 85px;
}

.blueHeader li, .greenHeader li {
  font-size: 16px;
color: #313131;
line-height: 1.6;
text-align: left;
}
  
.greenHeader {
padding: 1% 0 0.1% 0;
background-color: #00a2b2;
color: #ffffff;
font-size: 22px;
height: 160px;
    border-radius: 3px;
}

/*Blog widget*/
.w116 {
  width: 295px !important;
margin-left: 56px;
}

.w116 header {
  border-top: 8px solid #00a2b2 !important;
border-left: 1px solid #00a2b2 !important;
border-right: 1px solid #00a2b2 !important;
border-bottom: 5px solid #00a2b2 !important;
  border-radius: 3px 3px 0 0 !important;
padding: 10px 10px 10px 15px !important;
  background-color: #00a2b2 !important;
color: #ffffff !important;
font-family: 'ubuntu' !important;
font-size: 22px !important;
font-weight: 400 !important;
text-align: left;
}

.w116 header a:link, .w116 header a:visited {
  color: #ffffff;
}

.w116 article {
  border-width: 10px !important;
  border-radius: 0 0 3px 3px !important;
}

.w116 article p {
  font-size: 15px;
  line-height: 1.5;
}

/*Text 2*/
.w115 {
  width: 655px !important;
margin-left: 20px;
padding: 0 !important;
}

.w115 article {
  height: 400px !important;
  width: 655px !important;
  padding: 0 !important;
  overflow: hidden !important;
}

.w115 ul {
  height: 293px !important;
  list-style: none;
}

iframe#twitter-widget-0.twitter-timeline.twitter-timeline-rendered {
width: 100% !important;
height: 312px !important;
}

input[name="searchterm"] {
    border: 1px solid black;
    padding: 5px;
    border-radius: 5px;
}