/* CSS Document */

* { 
	padding:0;
	margin:0;
}

body {
	background:#414B56;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}

#header, #mainNav, #subNav, #pageWrapper, #footer {
	width:973px;
	margin:auto;
}

#header {
	height:129px;
	border-bottom:1px solid #A0A5AA;
	background:url(../images/headerBG.jpg) repeat-x;
	position:relative;
}

#fsfcLogo {
	padding-left:20px;
	float:left;
}

#banner {
	float:left;
	margin:34px 0 0 20px;
}

#counter {
	float:left;
	margin:40px 0 0 20px;
	width:160px;
	height:40px;
}

#mainNav {
	background:url(../images/navbarBG.jpg) repeat-x;
	height:30px;
}

#subNav {
	background:url(../images/subNavBG.jpg) repeat-x;
	height:27px;
	border-bottom:1px solid #CCCDE5;
}

#pageWrapper {
	background:#FFF;
	min-height:500px;
	padding-top:10px;
}

#mainPage {
	width:576px;
	float:left;
	padding-left:20px;
}

#mainPage img  {
	border:none;
	padding:0 5px;
}

.inner { text-indent:20px; }

#sidePage {
	width:357px;
	float:right;
	padding-right:20px;
	position:relative;
}

#sidePage .sidelinks {
	clear:both;
	margin:10px 0px 20px 50px;
}

#sidePage .sidelinks li{
	background-image:none;
	list-style:none;
	margin-bottom:5px;
}

#sidePage .sidelinks li a{
	text-decoration:none;	
	width:185px;
	background:url(../images/btnBig.jpg) no-repeat left;
	display:block;
	height:20px;
	text-align:left;
	color:#fff;
	border-bottom:none;
	margin:10px 0px;
	padding:3px 0 0 13px;
}

#footer {
	width:933px;
	background:#EEE;
	/*background:url(../images/SSWlogo.gif) no-repeat 20px #EEE;*/
	padding:20px;
	font-size:10px;
	text-align:right;
	color:#444;
	line-height:1.9em;
}

#footer a {
	text-decoration:none;
	color:#444;
	border-bottom:dashed 1px #777;
}



/* side panel */

.sideBox, .sideBoxGn {
	width:337px;
	background:url(../images/sideBoxBG.gif) no-repeat bottom;
	margin:0 0 20px 20px;
	padding:0px 0px 10px 0px
}


.sideBox h1, .sideBoxGn h1 {
	font-size:12px;
	color:#44555F;
	background:url(../images/sideBoxTop.gif) no-repeat top;
	padding:10px 10px 0 10px;
}


.sideBox h2, .sideBoxGn h2 {
	font-size:11px;
	font-style:italic;
	color:#999BCC;
	margin:0px 0px 2px 10px;
	padding:0px;
}

.sideBox p, .sideBoxGn p {
	font-size:11px;
	margin:0px 0px 5px 10px;
	padding:0px;
}	

.sideBox .celebrityFeature a img {
	margin:10px 10px 0px 10px;
	padding:0px 0px 0px 10px;
	border:none;
	width:150px;
	}	
	
.sideBox .celebrityFeature a {
	margin:0px;
	border:none;
	}
	
.newsDiv {
	width:310px;
	height:220px;
	overflow:hidden;
	position:absolute;
	display:none;
	top:30px;
	left:0px;
	
	}
	
.newsDiv a {
	text-decoration:none;
	color:#999BCC;
	border-bottom:none;
	}

.newsDiv img {
	width:50%;
	height:50%;
	margin:5px 5px 0 0;
	padding:0;
}
	
#news1 {
	display:block;
	}

#helper {
	width:183px;
	float:left;
}

#signUp {
	margin:0 0 20px 20px;
	width:154px;
	height:138px;
	float:left;
}

#otherGroups {
	display:none;
	}
	
#phone {
	display:none;
	padding:0px 0px 0px 10px;
	margin:0px;
	height:190px;
	}
	
#phoneForm {
	padding:0px;
	margin:0px;
	}

#phone input {
	display:block;
	margin:0px 0px 8px 0px;
	width:250px;
	}
	
#phoneSubmit {
	margin:0px 0px 8px 160px;
	width:100px;
	}	

/* Navigation */

ul#mainNav {
	list-style-type:none;
	position:relative;
}

ul#mainNav li {
	display:inline;
	float:left;
	background-image:none;
}

ul#mainNav li a {
	display:block;
	border-right:1px solid #FFF;
	border-bottom:none;
	padding:0 20px;
	height:30px;
	text-decoration:none;
	color:#FFF;
	line-height:28px;
	float:left;
}

ul#mainNav li a:hover, ul#mainNav a.down {
	background:#414B56;
	border-bottom:none;
}

ul#mainNav .social:hover {
	background:none;
	}

ul#mainNav li ul {
	position: absolute;
	left: 20px;
	top: 30px;
	display: none;
	margin: 0px;
	padding: 0px;
	width: 100%;
}

#subNav ul {
	list-style-type:none;
	padding:7px 0 0 18px;
}

#subNav ul li {
	display:inline;
	float:left;
	background-image:none;
}

#subNav ul li a {
	text-decoration:none;
	padding:0 22px;
	color:#000;
	border-bottom:none;
}

ul#mainNav li ul li a {
	border-right:none;
	color: #000;
	border-bottom:none;
}

ul#mainNav li ul li a:hover, #subNav ul li a:hover {
	color: #03C;
	background:none;
	border-bottom:none;
}

#subNav ul li .selected {
	color:#03C;
}

	
* html ul#mainNav li {
	height: 1%;
	z-index: 2;
}


* html ul#mainNav li a {
	height: 1%;
	z-index: 2;
	border-bottom:none;
}

ul#mainNav li:hover ul, ul#mainNav li:hover ul li, ul#mainNav li:hover ul li a, ul#mainNav li.over ul, 
ul#mainNav li.over ul li, ul#mainNav li.over ul li a, ul#mainNav .showSub {
display: inline;
float: none;
z-index: 2;
}




/* Typography */

p {
	margin-bottom:10px;
	line-height:1.6em;
	color:#333333;
}

h1 {
	font-size:18px;
	color:#44555F;
	margin-bottom:10px;
	padding:0;
}

h2 {
	font-size:14px;
	color:#6A6B8D;
	margin-bottom:7px;
	padding:0;
}

h3 {
	font-size:12px;
	margin:30px 0 8px 0;
	color:#333333;
	}

h4 {
	clear:both;
	display:block;
	font-size:12px;
	color:#333;
	margin:10px 0px 7px 0px;
	padding:0;
}
	

ul.cms {
	list-style:none;
	color:#333333;
	line-height:1.6em;
	margin-bottom:1em;
	}
	
ul.cms li {
	background:#fff url(../images/pink_list_triangle.gif) no-repeat left 0.4em;
	padding-left:22px;
	}
	
a {
	color:#44555F;
	/*border-bottom:1px dashed #44555F;*/
	text-decoration: none;
	}
	
a:hover {
	color:#999BCC;
	/*border-bottom:1px dashed #999BCC;*/
	text-decoration:underline;
	}
	
/* Button links  */

a.btnSm, a.btnMed, a.btnBig {
	display:block;
	height:20px;
	text-align:left;
	color:#fff;
	border-bottom:none;
	margin:10px 0px;
	padding-left:13px;
	}
	
a.btnSm {
	width:55px;
	background:url(../images/btnSmall.jpg) center center no-repeat;
	padding-left:10px;
	}
		
a.btnMed {
	width:135px;
	background:url(../images/btnMedium.jpg) no-repeat;
	}
	
a.btnBig, input.btnBig  {
	width:198px;
	}
	
input.btnBig, a.btnBig  {
	border:none;
	color:#fff;
	background:#fff url(../images/btnBig.jpg) left center no-repeat;
	cursor:pointer;
	}
	

a.btnBig:hover {
	border-bottom:none;
	color:#03C;
	}
	

/* sign up box */

#signUpBox {
	position:absolute;
	top:150px;
	left:-40px;
	width:412px;
	display:none;
}

#signUpBoxInner {
	background:url(../images/signUpBoxBG.png) bottom no-repeat;
	padding:0 10px 20px 20px;
}

#signUpBox label, .bluebox label {
	width: 160px;;
	float: left;
	text-align: right;
	margin-right: 0.5em;
	display: block;
	font-size:10px;
}

#signUpBox .field, .bluebox .field {
	margin-bottom:10px;
}



/* challenges  */

.challengeTitle {
	font-weight:bold;
	color:#999BCC;
}

.challengeDetail {
	display:none;
	}
	
	
/* supporters  */

#supporterSearch {
	padding:20px;
	} 





/* inner elements */

.imgright {
	float:right;
	padding:0 0 7px 7px;
}

.imgleft {
	float:left;
	padding:0 7px 7px 0;
}


/* Bedtime reading */

.books {
	float:left;
	margin-right:40px;
	}

.books p {
	font-size:0.9em;
	line-height:1.4em;
	}

.clear {
	clear:both;
}

.noborder, .noborder:hover {
	border-bottom:none;
	}

.next {
	clear:right;
	float:right;
	}
	
.bluebox {
	background-color:#E9EAF3;
	border:1px solid #999BCC;
	padding:10px;
	margin:0px 0px 20px 0px;
	}
	
.bluebox form{
	padding:0px;
	margin:0px;
	}
	

.standardList {
	line-height:1.5em;
	}
	
.standardList li {
	margin:0 0 10px 30px;
	color:#333333;
	}
	

.float_image_right {
	float:right;
	padding:0 0 7px 7px;
}

.float_image_left {
	float:left;
	padding:0 7px 7px 0;
}

.co2 {
	font-size:9px;
	}



ol#faqs {
	margin:10px 0 0 50px;
	}

ol#faqs li {
	margin-bottom:6px;
	}
	
ol#faqs li a {
	line-height:1.4em;
	color:#000;
	}