/*
      COLOURS:
			background:#009FC8
			red:#CD1114
      -------------------

*/

/* SITE WIDE STYLES*/

body {
  background-color:#009FC8;
  font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
  color:#666666;
}

#wrapper {
  width:972px;
  margin:0 auto;
  background-color:#FFFFFF;
}

#header, #content {
  width:100%;
}

strong {
  font-weight:bold;
}

em {
  font-style:italic;
	color:#999999;
}

br.hurdle {
  clear:both;
}

hr {
	border:none;
	background: transparent url('../images/line.png') repeat-x;
}

.center {
  text-align:center;
}

a, a img, img {
	border:none;
}

p {
	font-size:14px;
  color:#666666;
	line-height:16px;
	padding:10px 0 0 0;
}


img {
  text-align:center;
}

/* HEADER */

#header {
  height:195px;
  position:;
	background:transparent url('../images/header.png') no-repeat scroll;
  width:100%;
}

/*counter*/

#counter {
  position:relative;
  width:100%;
	background: transparent url('../images/counter.png') no-repeat scroll;
	height:99px;
}

#counter #numbers {
	position:absolute;
	top:28px;
	left:255px;
	width:375px;
	height:45px;
	text-align:right;
}

 p#amount-tonnes {
	font-family:"Courier New", Arial, Monospace;
	font-size:45px;
	letter-spacing:6px;
	padding:15px 0 0 0;
	color:#ccc;
}



#counter #button {
	width:77px;
	height:77px;
	position:absolute;
	right:5px;
	top:12px;
	overflow:hidden;
	display:block;
  text-indent:-999em;
}

#counter #button a {
  display:block;
  height:77px;
  float:left;
  text-indent:-999em;
  background-position:top left;
  background-repeat:no-repeat;
}

#counter #button a:hover {
  background-position:bottom left;
}
  
#stop-button a {
  width:77px;
  background-image:url('../images/button.png');
}

/* NAVIGATION */
#nav {
  position:relative;
  width:100%;
	background-color:#CD1114;
	height:50px;
	border-style:solid;	
	border-top:1px solid #F19CAD;
	border-bottom:1px solid #F19CAD;
}

#nav a {
  display:block;
  float:left;
	text-transform:uppercase;
	color:#fff;
	text-decoration:none;
	font-family:"trebuchet MS";
	font-size:19px;
	padding:15px 0 0 30px;
}

#nav a:hover {
  text-decoration:underline;
}
  
/* CONTENT */

#content {
  width:100%;
	background-color:#ffffff;
	position:relative;
}

#content h1 {
  font-size:22px;
  font-family:"trebuchet MS";
  color:#389BC3;
  line-height:27px; 
}


#content h2 {
  width:300px;
  font-size:22px;
  font-family:"trebuchet MS";
  color:#389BC3;
  line-height:27px; 
	position:absolute;
	left:394px;
	top:30px;
}

#content h3 {
  font-size:16px;
  font-family:"trebuchet MS";
  color:#389BC3;
  margin:0 0 10px 1px;
  text-transform:uppercase;
	font-weight:bold;
}
    
h4 {
	font-weight:bold;
  font-size:16px;
  text-transform:uppercase;
  font-family:"trebuchet MS";
  color:#A4A21D;

}

#content p {
	width:600px;
	font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

#content .news {
	width:660px;
	padding:30px 30px 10px 30px;
	float:left;
}

#content .news .item {
	width:220px;
	float:left;
	padding:0 0 20px 0;
}

#content .news .item p {
	width:200px;
	float:left;

}

#content .news .item h3 {
	text-transform:none;
	font-weight:normal;
	width:210px;
}

#content #sidebar {
	width:252px;
	float:right;
	margin:30px 0 0 0;
	background: transparent url('../images/vertical-line.png') repeat-y;
}

#content #sidebar #sidebar-content {
		margin:0 0 0 30px;
}

#content #sidebar #sidebar-content p {
	width:200px;
  font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

#twitter {
	margin-left:-10px !important;
}

#content a {
	text-decoration:none;
  color:#389BC3;
}

#content a:hover {
	text-decoration:underline;
  color:#389BC3;
}

/* FOOTER */
#supporters {
  clear:both;
	margin:0 30px;
}

#supporters h4 {
	margin:0 0 10px 0;
	color:#666666;
}

#supporters .logo {
	float:left;
	margin:0 40px 20px 0;
}

#footer {
 	margin:0 30px 30px 30px;
  clear:both;
	padding-bottom:30px;
}
 
#footer h4 {
  color:#666666;
}

#footer #copyright {
	padding:30px 30px 0 0;
}

#footer #copyright p {
	color:#999999;
	font-size:12px;
}

#footer #copyright a {
	color:#999999;
}