body {text-align:center; background:#a9e2f6 url(../img/layout/white_strip.gif) 0 0 repeat-x; }
#wrapper {text-align:left; }
#container {width:960px; margin:0 auto; }
#header {background:white url(../img/layout/header_wave.gif) 0px 111px no-repeat; position:relative; display:block; height:251px; }
#header .ul {overflow:hidden; }
h1, h1 span {display:block; width:286px; height:132px; position:relative; }
h1 span {background:transparent url(../img/layout/srf_logo.gif) 0px 0px no-repeat; position:absolute; left:0; top:0; }
.sr_logo {position:absolute; top:20px; right:0px; }
#footer {margin-bottom:100px; position:relative; left:0; top:0; overflow:hidden; display:block; width:960px; float:left; clear:both; }


#waves {position:fixed; bottom:0; width:100%; height:45px; background:transparent url(../img/layout/footer_wave_2.png) 0 0 repeat-x; display:block; }
#finish {position:absolute; top:0; left:592px; width:100px; height:100px; background:transparent url(../img/layout/finish_line_1.png) 0 0 no-repeat; display:block; }

#block-one {display:block; float:left; clear:none; width:575px; margin:0 0 10px 10px; overflow:hidden; }
#block-two {display:block; float:right; clear:none; width:260px; margin:0 0 10px 0; overflow:hidden; }
	
#content {width:960px; overflow:hidden; position:relative; left:0; top:0; background:transparent url(../img/layout/divide.jpg) 639px 0px repeat-y; margin:0; padding:0; }

#content_donate {width:960px; overflow:hidden; position:relative; left:0; top:0; margin:0; padding:0; }

#content_home {width:960px; overflow:hidden; position:relative; left:0px; top:0px; background:transparent url(../img/home/home_divide_2.jpg) 639px 285px no-repeat; margin:0; padding:0; margin-bottom:20px; }
/* #content_home {width:960px; overflow:hidden; height:775px; position:relative; left:0px; top:0px; background:transparent url(../img/home/home_divide_2.jpg) 639px 285px no-repeat; margin:0; padding:0; margin-bottom:20px; }*/

#floating_boat {display:block; width:63px; height:117px; background:url(../img/layout/rowboat.png) 0 0 no-repeat; position:absolute; top:0; left:610px; z-index:1000px;  }

.copyright {width:575px; text-align:center;}
.charity {margin-left:10px; width:575px; text-align:left; }
.foot_links {margin-left:10px; width:575px; text-align:left; margin-bottom:50px; }
.foot_links a {margin-right:10px;}


/* HOME
 * ----------------------------------------------------------- */

#home_img {margin-top:15px; margin-bottom:30px; margin-left:9px; }
#home_pod_1 {margin-top:35px; }
#home_pod_2 {margin-top:37px;}
#block2_home {margin-left:26px;}



/* ABOUT 
 * ----------------------------------------------------------- */

#about_pod_1 {overflow:hidden;}
#about_pod_2 {overflow:hidden;}
#about_pod_3 {overflow:hidden;}
#about_pod_1 img {float:right; }
#about_pod_2 img {float:right; }
#about_pod_3 img {float:right; }
#about_pod_1 p {width:360px; float:left; }
#about_pod_2 p {width:360px; float:left; }
#about_pod_3 p {width:360px; float:left; }
/*#section_1 {background:transparent url(../img/layout/img_frame_01.jpg) 100% 0px no-repeat; position:relative; left:0; top:0; height:140px; }
#section_2 {background:transparent url(../img/layout/img_frame_02.jpg) 100% 0px no-repeat; position:relative; left:0; top:0; }*/
#block2_about {margin-left:31px;}

/* STORIES 
 * ----------------------------------------------------------- */

#stories_pod_1 {overflow:hidden;}
#stories_pod_2 {overflow:hidden;}
#stories_pod_1 img {float:left; }
#stories_pod_2 img {float:left; }
#stories_pod_1 p {float:left; }
#stories_pod_2 p {float:left; }
.sifrs_1 {float:left; margin-left:15px; margin-top:-10px; width:340px; margin-bottom:10px; }
.sifrs_2 {float:left; margin-left:15px; margin-top:-10px; width:340px; margin-bottom:10px; }
#block2_stories {margin-left:31px;}


/* PARTNERSHIPS 
 * ----------------------------------------------------------- */
 
/*.partner_1 {position:relative; left:134px;}
#partner_pod_1 img {float:right; margin-left:10px; }*/
#partner_pod_1 p {margin-top:15px; }

 
/* NEWS 
* ----------------------------------------------------------- */
 
#news_pod_1 h3 {margin:0 0 -45px 207px; }
#news_pod_1 img {float:left; margin-right:10px; }
/*#news_pod_1 p {margin-top:65px; }*/
#news_pod_2 h3 {margin:0 0 -45px 207px; }
#news_pod_2 img {float:left; margin-right:10px; }
/*#news_pod_2 p {margin-top:65px; }*/
#news_pod_3 h3 {margin:0 0 -45px 207px; }
#news_pod_3 img {float:left; margin-right:10px; }
/*#news_pod_3 p {margin-top:65px; }*/
#news_pod_4 h3 {margin:0 0 -45px 207px; }
#news_pod_4 img {float:left; margin-right:10px; }
/*#news_pod_4 p {margin-top:65px; }*/
 

/* CONTACT
* ----------------------------------------------------------- */

#contact_column {margin-top:83px;}
#steve_contact {margin-top:35px; margin-bottom:30px;}
#block2_contact {height:260px; width:260px; margin-top:100px; margin-bottom:0px; }

#contact_pod_1 {overflow:hidden; }
#contact_pod_1 img {float:right; margin-right:30px; }
#contact_pod_1 p {width:310px; float:left; }

/* DONATE
* ----------------------------------------------------------- */

form.donateform input.kitradio {
      margin-top: 10px;
}

/* UTILITY CLASSES
* ----------------------------------------------------------- */

.fl {
      float:left;
}

.smaller {
      font-size: 0.9em;
}


/* Main Navigation 
 * ----------------------------------------------------------- */

div#nav_primary {
	position:absolute;
	left:0px;
	top:170px;
	height:66px;
	float:left;
	width:931px;
}

div#nav_primary ul {
	margin:0;
	padding:0;
	list-style:none;
	float:left;
	background-color:#EEE;	
}

div#nav_primary li {
	margin:0;
	padding:0;
	display:inline;
	list-style-type:none;
	float: left;
	overflow:hidden;
}

div#nav_primary li a, div#nav_primary li{
	position: relative;
	display: block;
	height: 66px;
	overflow: hidden;
    cursor:hand;
}

div#nav_primary li#home a{width: 104px;}
div#nav_primary li#about a{width: 104px;}
div#nav_primary li#stories a{width: 104px;}
div#nav_primary li#partnerships a{width: 173px;}
div#nav_primary li#news a{width: 104px;}
div#nav_primary li#faqs a{width: 104px;}
div#nav_primary li#contact a{width: 124px;}
div#nav_primary li#donate a{width: 104px;}


div#nav_primary li span, div#nav_primary li a span, div#nav_primary li a span:hover{ 
	text-indent:-50000px;
	position:absolute;
	height:66px;
	left:0;
	top:0;
	background: url("../img/layout/nav_btns.gif") no-repeat;
}

/*div#nav_primary li.active a span{
	background-image:url("../img/layout/nav_btns.gif");
}*/
div#nav_primary li#home, div#nav_primary li#home span {width: 104px; background-position: 0px 0;}
div#nav_primary li#home a span {width: 104px; background-position: 0px -66px;}
div#nav_primary li#home a:hover span {background-position: 0px 0px;}
div#nav_primary li#home a:active span {background-position: 0px -132px;}

div#nav_primary li#about, div#nav_primary li#about span {width: 104px; background-position: -104px 0;}
div#nav_primary li#about a span {width: 104px; background-position: -104px -66px;}
div#nav_primary li#about a:hover span {background-position: -104px 0px;}
div#nav_primary li#about a:active span {background-position: -104px -132px;}

div#nav_primary li#stories, div#nav_primary li#stories span {width: 104px; background-position: -208px 0;}
div#nav_primary li#stories a span{width: 104px; background-position: -208px -66px;}
div#nav_primary li#stories a:hover span {background-position: -208px 0px;}
div#nav_primary li#stories a:active span {background-position: -208px -132px;}

div#nav_primary li#partnerships, div#nav_primary li#partnerships span {width: 173px; background-position: -312px 0; }
div#nav_primary li#partnerships a span{width: 173px; background-position: -312px -66px;}
div#nav_primary li#partnerships a:hover span {background-position: -312px 0px;}
div#nav_primary li#partnerships a:active span {background-position: -312px -132px;}

div#nav_primary li#news, div#nav_primary li#news span {width: 104px; background-position: -485px 0;}
div#nav_primary li#news a span{width: 104px; background-position: -485px -66px;}
div#nav_primary li#news a:hover span {background-position: -485px 0px;}
div#nav_primary li#news a:active span {background-position: -485px -132px;}

div#nav_primary li#faqs, div#nav_primary li#faqs span {width: 104px; background-position: -589px 0;}
div#nav_primary li#faqs a span{width: 104px; background-position: -589px -66px;}
div#nav_primary li#faqs a:hover span {background-position: -589px 0px;}
div#nav_primary li#faqs a:active span {background-position: -589px -132px;}

div#nav_primary li#contact, div#nav_primary li#contact span {width: 124px; background-position: -693px 0;}
div#nav_primary li#contact a span{width: 124px; background-position: -693px -66px;}
div#nav_primary li#contact a:hover span {background-position: -693px 0px;}
div#nav_primary li#contact a:active span {background-position: -693px -132px;}

div#nav_primary li#donate, div#nav_primary li#donate span {width: 104px; background-position: -817px 0;}
div#nav_primary li#donate a span{width: 104px; background-position: -817px -66px;}
div#nav_primary li#donate a:hover span {background-position: -817px 0px;}
div#nav_primary li#donate a:active span {background-position: -817px -132px;}

div#nav_primary li#fundraise, div#nav_primary li#fundraise span {width: 134px; background-position: -921px 0;}
div#nav_primary li#fundraise a span{width: 134px; background-position: -921px -66px;}
div#nav_primary li#fundraise a:hover span {background-position: -921px 0px;}
div#nav_primary li#fundraise a:active span {background-position: -921px -132px;}


/* Fundraise Page 
 * ----------------------------------------------------------- */

#fundraise_p {width:600px;}

/* Donate Page 
 * ----------------------------------------------------------- */

#donate_block {margin-left:130px;}
#img_donate {float:left; margin-right:50px;}
#donate_copy_1 {width:200px; font-weight:bold; float:left; margin-top:15px;}

/* Donate Btns 
 * ----------------------------------------------------------- */


#amount-radios {
	position:absolute;
	left:0px;
	
	text-align:center;
	
	height:66px;
	width:720px;
}


#amount-radios {
	margin:0;
	padding:0;
	list-style:none;
	float:right;
	background-color:#EEE;
	overflow:hidden
}
#amount-radios li { float:left; display:inline}

#amount-radios a, #amount-radios a span {
	position: relative;
	display: block;
	height: 66px;
	overflow: hidden;
    cursor:hand;
	width:120px;
	left:0;
	top:0;
}

#amount-radios a span{ 
	text-indent:-50000px;
	position:absolute;
	background-image: url("../img/layout/donate_btns.gif");
}

/*div#nav_primary li.active a span{
	background-image:url("../img/layout/nav_btns.gif");
}*/
#amount-radios a#amount-10 span {background-position: 0px -66px;}
#amount-radios a#amount-10:hover span {background-position: 0px 0px;}
#amount-radios a#amount-10:active span {background-position: 0px -132px;}

#amount-radios a#amount-25 span {background-position: -120px -66px;}
#amount-radios a#amount-25:hover span {background-position: -120px 0px;}
#amount-radios a#amount-25:active span {background-position: -120px -132px;}

#amount-radios a#amount-50 span {background-position: -240px -66px;}
#amount-radios a#amount-50:hover span {background-position: -240px 0px;}
#amount-radios a#amount-50:active span {background-position: -240px -132px;}

#amount-radios a#amount-100 span {background-position: -360px -66px;}
#amount-radios a#amount-100:hover span {background-position: -360px 0px;}
#amount-radios a#amount-100:active span {background-position: -360px -132px;}

#amount-radios a#amount-250 span {background-position: -480px -66px;}
#amount-radios a#amount-250:hover span {background-position: -480px 0px;}
#amount-radios a#amount-250:active span {background-position: -480px -132px;}

#amount-radios a#amount-500 span {background-position: -600px -66px;}
#amount-radios a#amount-500:hover span {background-position: -600px 0px;}
#amount-radios a#amount-500:active span {background-position: -600px -132px;}



/* Donate Form 
 * ----------------------------------------------------------- */






span.form-required {
  color: #ffae00;
}

span.submitted, .description {
  font-size: 0.92em;
  color: #898989;
}

.description {
  line-height: 150%;
  margin-bottom: 0.75em;
  color: #898989;
}

.messages, .preview {
  margin: .75em 0 .75em;
  padding: .5em 1em;
}

.form-item {
margin-bottom:1em;
margin-top:1em;
}

.form-item label {
display:block;
font-weight:bold;
color:#666666;
margin: 10px 0 5px 0;
}

fieldset{
	border-style: none;
	padding: 10px;
	margin-bottom:10px;
}


html.js fieldset.collapsed{
	padding:0;
	margin-bottom:10px;
}

legend{
	padding: 2px 5px 2px 0;
}

/* Inputs */

input[type="password"], 
input[type="text"], 
input.text, 
input.title {
background:#F6F6F6 none repeat scroll 0 0;
border:1px solid #BBBBBB;
padding:5px;
}

input:focus { border:1px solid #999; background:#fff; }

/* Textareas */
textarea { width: 400px; margin:0.5em 0.5em 0.5em 0; }
textarea { border:1px solid #bbb; background:#eee; padding:5px; }
textarea:focus { border:1px solid #999; background:#fff; }

/* Select fields */
select { border:1px solid #ccc; background:#f6f6f6; width:300px; }
select:focus { border:1px solid #999; background:#fff; }

table select{
	width: auto;
}

.form-checkboxes .form-item, .form-radios .form-item { margin: 0; padding: 0; line-height: 1em;}

fieldset{

padding-top:20px;
margin-top:25px
}

fieldset legend{
font-size: 1.8em;
padding: 5px 10px 5px 10px;
background-color: #fff;
}

fieldset fieldset, fieldset.collapsible{
padding-top:20px;
margin-top:5px;
border:none;
padding-left: 0
}

fieldset fieldset legend, fieldset.collapsible legend{
	font-size: 1.4em;

	}



/* donate form */

form.donateform .field{
	clear:left;
}

form.donateform .field label {
clear:left;
float:left;
width:130px;
}
form.donateform label {
color:#000000;
font-size:1.3em;
font-weight:bold;
padding:5px;
	margin-top:0.05em;
}



form.donateform input{
		margin-top:0.6em;
		
}

#btn_field, #amount_radios_field, #field_01 {padding-top:0px; margin-top:0px;}



/*
form.donateform label {font-weight: bold; padding: 2px; font-size: 1.3em; color: #000}
form.donateform .red {color:#f00}
form.donateform .field label{width:130px; float:left; clear: left}
form.donateform label.error{margin-left:10px; color: #f00; font-weight:bold; }
form.donateform input.error{border:1px solid #f00}
form.donateform input#amount-text.error{border:1px solid #f00;}
form.donateform .field label.error{float:none}



form.donateform label.cb-label{margin-left:10px}



form.donateform  fieldset#amount div#own-amount {
display: block; height: 47px; float: right; 
background:url([asset_path]img/donate/rnd-donate-point-left.gif) no-repeat; 
padding-left: 60px; font-size: 1.3em; width: 160px
}
form.donateform .keep-in-touch input {padding-right: 30px}
form.donateform input#amount-text{
background:#EEE url([asset_path]img/donate/rnd-donate-back-amount-input.gif) no-repeat; 
border:0; height: 37px; width: 118px; margin: 0 0 0 20px; padding:5px 15px 5px 15px;
font-size: 24px;
}

*/

