@charset "utf-8";
body {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	background-color: #212121;
	background-image: url(/images/makeover/background-tile.jpg);
	background-repeat: repeat-x;
	background-position: top;
	color:#1e1e1e;
}

 a img {
            border: none;
        }

p{
	font-size:12px;
	margin-top:0px;
	margin-bottom:0.6em;
	}

a{
	color:#009ee0;
	text-decoration:none;
	}
a:hover{
	color:#49b6e4;
	text-decoration:underline;
	}
#container{
	text-align: left;
	clear: both;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	height: auto;
	width: 950px;
}

/* header styles */


#header{
	width:950px;
	background-image:url(/images/makeover/header-bkg.jpg);
	height:144px;
}

#topnav{
	font-size:12px;
	font-weight:bold;
	color:#FFF;
	text-align: right;
	padding-top: 15px;
	margin: 0px;
}
#topnav select{
	height:18px;
	font-size:11px;
	color:#333;
	background-color:#FFF;
	border: 1px solid #333;
}
#topnav span{
	padding-right:15px;
	}
#logo{
	padding-top:10px;}


#navigation{
	width:950px;
	height:28px;
	background-image:url(/images/makeover/nav-bkg.jpg);
	background-repeat: no-repeat;
	background-position: top;
}

#menu {
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
}
#menu li {
	float: left;
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
		background-image: url(/images/makeover/nav-separator.png);
	background-repeat: no-repeat;
	background-position: right bottom;
}
#menu a {
	color: #fff;
	display: block;
	float: left;
	margin: 0;
	text-decoration: none;
	padding-top: 6px;
	padding-right: 14px;
	padding-bottom: 7px;
	padding-left: 12px;
}
#menu a:hover {
	color: #fff;
	padding-bottom: 7px;
	background-image: url(/images/makeover/nav-hover.png);
	background-repeat: no-repeat;
	background-position: center bottom;
}

/* footer styles */

#footer{
	padding-top:10px;
	clear: both;
	width: 950px;
	margin-right: auto;
	margin-left: auto;
	}

#footerleft{
	width:330px;
	height:47px;
	float:left;
	}

#footerright{
	width:229px;
	height:47px;
	float:right;
	}
#footercontent{
	padding-top:5px;
	font-size:10px;
	color:#FFF;
	text-align:right;
	clear:both;
}

/* content boxes styles */

#content{
	width:711px;
	height:auto;
	padding:0;
	margin:0;
	float:left;
	}

#contentheader{
	width:950px;
	height:42px;
	padding:0;
	margin:0;
	float:left;
	background-image: url(/images/makeover/header-dropshadow.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	}

/* Boxes  */
.contentfullwidth{
	width: auto;
	border: 2px solid #1e1e1e;
	clear:both;
}
.contenthalfwidthleft, .contenthalfwidthright{
	width: 468px;
	border: 2px solid #1e1e1e;
	float:left;
}

.contenthalfwidthleft{
	margin-right:6px;
}

.contentfullwidth h2, .contenthalfwidthleft h2, .contenthalfwidthright h2{
	margin:0px;
	font-size:18px;
	font-weight:bold;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 15px;
	}
.contentfullwidth p, .contenthalfwidthleft p, .contenthalfwidthright p{
	margin:0px;
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
	}

/* Box colours  */
.sand{
	background-color: #d7d4c2;
	background-image: url(/images/makeover/content-tile-brown.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}
.brown{
	background-color: #cac09d;
	background-image: url(/images/makeover/content-tile-midbrown.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}
.green{
	background-color: #bec896;
	background-image: url(/images/makeover/content-tile-green.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}
.blue{
	background-color: #9db6b1;
	background-image: url(/images/makeover/content-tile-blue.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}
.purple{
	background-color: #aaa9bb;
	background-image: url(/images/makeover/content-tile-purple.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}


/* Internal page headings */

#heading{
	width:711px;
	float:left;
}
#heading h1{
	color:#009ee0;
	font-size:18px;
	font-weight:bold;
	margin:0px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 0px;
	}


#news{
	height:267px;
	width: 229px;
	background-color: #FFF7B4;
	background-repeat: repeat-x;
	background-position: left top;
	margin-top:5px;
	overflow: hidden;
	float: left;
	}

#news h1 {
	color:#009ee0;
	font-size:28px;
	font-weight:bold;
	margin:0px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	}
#newsfeed {
	float: left;
	list-style: none;
	width: 100%;
	padding: 0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
}
#newsfeed li {
	margin: 0;
	padding: 0;
	font-size:12px;
	background-image: url(/images/makeover/news-separator.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	line-height:110%;
}
#newsfeed a {
	color:#1e1e1e;
	display: block;
	margin: 0;
	text-decoration: none;
	background-image: url(http://www.wspa-international.org/tumblr//images/makeover/news-arrow.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-top: 8px;
	padding-right: 12px;
	padding-bottom: 8px;
	padding-left: 30px;
}
#newsfeed a:hover {
	color: #009ee0;
	padding-bottom: 8px;
	text-decoration:underline;
}

#slideholder{
	width:468px;
	height:268px;
	border:2px solid #1e1e1e;
	float: left;
	margin-top:5px;
	margin-right: 0px;
	margin-left: 6px;
	background-color: #1e1e1e;
}
.slides{
	width:468px;
	height:219px;
	overflow:hidden;
	}


#slidebuttons {
	background: #333;
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
	overflow:hidden;
}
#slidebuttons li {
	float: left;
	margin: 0;
	padding: 0;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #1e1e1e;
}
#slidebuttons a {
	font-size:12px;
	color: #fff;
	display: block;
	float: left;
	margin: 0;
	padding: 5px;
	text-decoration: none;
	opacity: 0.9;
	width:104px;
	height:36px;
	line-height: 100%;
}
#slidebuttons a:hover {
	color: #fff;
	padding-bottom: 5px;
	opacity: 1;
}
	.slidebtn1{
	background-image: url(/images/makeover/btn-green.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	border-right-width: 4px;
	border-right-style: solid;
	border-right-color: #1e1e1e;
}

.slidebtn2{
	background-image: url(/images/makeover/btn-yellow.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	border-right-width: 4px;
	border-right-style: solid;
	border-right-color: #1e1e1e;
}

.slidebtn3{
	background-image: url(/images/makeover/btn-blue.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	border-right-width: 4px;
	border-right-style: solid;
	border-right-color: #1e1e1e;
}

.slidebtn4{
	background-image: url(/images/makeover/btn-purple.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}

#signup{
	width:239px;
	height:auto;
	background-image:url(/images/makeover/petition-bkg.png);
	float: left;
	margin:0px;
	padding:0px;
	position: relative;
	top: -38px;
	}


#signupinternal{
	width:239px;
	height:80px;
	background-image:url(/images/makeover/petition-bkg.png);
	float: left;
	margin:0px;
	padding:0px;
	position: relative;
	top: -38px;
	}

#signupform{
	padding-left:20px;
	padding-right:15px;
	padding-top:10px;
	margin:0px;
	}
#signupform h1{
	padding:0px;
	margin:0px;
	color:#009ee0;
	font-size:42px;
	font-weight:bold;
}
.subheading{
	font-weight:bold;
	font-size:14px;
	}

#formholder{
	padding-top:10px;
	}
#formholder p.label{
	padding:0px;
	color:#009ee0;
	font-size:12px;
	font-weight:bold;
	margin-top: 4px;
	margin-right: 0px;
	margin-bottom: 1px;
	margin-left: 0px;
	}

#formholder input.textfield{
	width:100%;
	height: 18px;
	border: 1px solid #adaca2;
	padding-left:3px;
	}
#formholder input.checkbox{
	width:16px;
	height: 16px;
	border: #adaca2;
	padding:0px;
	margin:0px;
	vertical-align: text-bottom;
	}

#formholder select{
	width:209px;
	height: 22px;
	border: 1px solid #adaca2;
	margin:0px;
	}
#formholder select.age{
	width:130px;
	height: 22px;
	border: 1px solid #adaca2;
	margin:0px;
	}
#supportbtn{
	width:209px;
	background-image: url(/images/makeover/support-button.jpg);
	background-repeat: no-repeat;
	height: 66px;
	font-size: 24px;
	font-weight: bold;
	color: #FFF;
	padding-top:5px;
	padding-bottom:15px;
	padding-left:10px;
	padding-right:10px;
	text-align: center;
	border:none;
	background-position: left top;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-color: #09F;
	opacity: 0.8;
}
#supportbtn:hover{
	opacity:1;}

.arrow2{
	background-image: url(/images/makeover/link-arrow.png);
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 16px;
	}


/* Video styles */
#videoholder{
	width:468px;
	border:2px solid #1e1e1e;
	float: left;
	margin-top:6px;
	margin-right: 0px;
	margin-left: 0px;
	background-color: #1e1e1e;
	}

#videothumbnails{
	height:44px;
	width:auto;
	background-color: #1e1e1e;
	background-image: url(/images/makeover/video-bkg.gif);
	background-repeat: repeat-x;
	background-position: left top;
	padding:10px;
}


#videothumbnails li { width: 50px; float: left; margin: 8px; list-style: none }
#videothumbnails a { width: 50px; padding: 3px; display: block; border: 1px solid #ccc; }
#videothumbnails a.activeSlide { background: #88f }
#videothumbnails a:focus { outline: none; }
#videothumbnails img { border: none; display: block }

/* Quotes */

#quoteholder{
	border:2px solid #1e1e1e;
	float: left;
	width:229px;
	margin-top:6px;
	margin-left:6px;
	background-color: #646356;
	height:auto;
	}
#quote{

	}

.quotecopy{
	padding:10px;
	font-size:20px;
	color:#FFF;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: oblique;
	margin:0px;
	}

.quotecaption{
	color:#FFF;
	font-size:10px;
	padding:10px;
	margin:0px;
	}

#signupfooter{
	background-image: url(/images/makeover/petition-bkg-footer.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 10px;
	top: -39px;
	float:right;
	width:239px;
	position:relative;
	top:-39px;
	}