@charset "utf-8";


/* S4C Home Page Styles */



/* Left Column */

div#s4c-main-left-outer {
  float: left; 
  width: 715px;
}
div#s4c-main-left {
  padding: 19px 0px 0px 32px;
}
div#s4c-main-left img.leading {
  position: absolute;
  display: block;
}


div#s4c-main-left div#s4c-home-featured-image {
  float: left;
  border: 1px solid #BEB5A1;
  background: white;
  padding: 4px;
}
div#s4c-main-left div#s4c-home-featured-image div.caption {
  height: 20px; 
  font: bold 10px georgia, times, serif; 
  color: #7A6D59;
}
div#s4c-main-left div#s4c-home-featured-image div.caption div.title {
  float: left; 
  padding: 4px 0px 0px 6px;
}
div#s4c-main-left div#s4c-home-featured-image div.caption div.source {
  float: right;
  padding: 4px 6px 0px 0px;
}


div#s4c-main-left-title-youcan {
  position: relative;
  height: 30px;
  font: bold 12px georgia, times, serif;
  letter-spacing: 0.05em;
  color: #7A6D59;
  padding: 31px 0px 0px 3px;
}
div#s4c-main-left-title-youcan-indent {
  padding: 9px 0px 0px 32px;
}


div#s4c-youcan-cols {
  width: 672px;
}
div#s4c-youcan-cols a.clickable-image {  
  width: 207px;
  height: 141px;  
  display: block;  
  background: white;
  border: 1px solid #BEB5A1;
}
div#s4c-youcan-cols a.clickable-image:hover {  
  border: 1px solid #7A6D59;
}
div#s4c-youcan-cols a.clickable-image img {
  padding: 3px;
  border: 0px;
}
div#s4c-youcan-cols div.col-content {
  width: 209px;
}
div#s4c-youcan-cols div.col-title {
  font: bold 14px arial, sans-serif;
  color: #A33D00; 
  padding: 10px 0px 0px 5px;
}
div#s4c-youcan-cols div.col-description {
  font: italic 11px georgia, times, serif;
  color: #7A6D59;
  line-height: 1.5;
  padding: 10px 0px 0px 5px;
}


div#s4c-youcan-col1 {
  float: left; 
  width: 224px;  
}
div#s4c-youcan-col1 div.col-content {
  margin-right: auto;
}
div#s4c-youcan-right-cols {
  float: right; 
  width: 448px;
}
div#s4c-youcan-col2 {
  float: left; 
  width: 50%;  
}
div#s4c-youcan-col2 div.col-content {
  margin: auto;
}
div#s4c-youcan-col3 {
  float: right; 
  width: 50%;  
}
div#s4c-youcan-col3 div.col-content {
  margin-left: auto;
}


div#s4c-main-left-title-initiatives {
  position: relative;
  height: 29px;
  font: bold 12px georgia, times, serif;
  letter-spacing: 0.05em;
  color: #7A6D59;
  padding: 50px 0px 0px 3px;
}
div#s4c-main-left-title-initiatives-indent {
  padding: 7px 0px 0px 30px;
}


div#s4c-initiatives {
  position: relative;  
  height: 344px;
}
div#s4c-initiatives a.slide-link {
  float: left;
  display: block; 
  width: 16px; 
  height: 16px;
  margin-right: 8px;
  text-align: center;  
  border: 1px solid #BEB5A1;
  color: #BEB5A1;
  background: white; 
  font: bold 11px georgia, times, serif;
  text-decoration: none;
}
div#s4c-initiatives a.slide-link.selected {
  border: 1px solid #7A6D59;
  color: #7A6D59;
}
div#s4c-initiatives a.slide-link:hover {
  border: 1px solid #7A6D59;
  color: #7A6D59;
}
div#s4c-initiatives a.text-link {
  font: italic 11px georgia, times, serif;
  color: #A33D00;
  text-decoration: none;
}
div#s4c-initiatives a.text-link:hover {
  text-decoration: underline;
}
div#s4c-initiatives a.clickable-image img {
  border: 1px solid #BEB5A1;
}
div#s4c-initiatives a.clickable-image img:hover {
  border: 1px solid #7A6D59;
}
div#s4c-initiatives div.slide {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 210px;
  padding: 9px 0px 0px 0px;
}
div#s4c-initiatives div.slide div.left-col {
  float: left;
  width: auto;
}
div#s4c-initiatives div.slide div.right-col {
  float: left;
  width: 310px;
  padding: 0px 0px 0px 27px;
}
div#s4c-initiatives div.slide.mitw div.right-col {
  padding: 0px 0px 0px 29px;
}
div#s4c-initiatives div.slide.chile-tour div.right-col {
  padding: 0px 0px 0px 30px;
}
div#s4c-initiatives div.slide div.right-col h2 {
  padding: 3px 0px 8px 0px;
}
div#s4c-initiatives div.slide div.right-col p {
  padding: 4px 0px 5px 0px;
}
div#s4c-initiatives div.slide.whale-icon div.right-col p.more-link {
  padding-top: 15px;
}
div#s4c-initiatives div.slide.mitw div.right-col p.more-link {
  padding-top: 32px;
}
div#s4c-initiatives div.slide.chile-tour div.right-col p.more-link {
  padding-top: 74px;
}
div#s4c-initiatives div.slide.visual-petition div.right-col p.more-link {
  padding-top: 41px;
}
div#s4c-initiatives div.navigation {
  position: absolute;
  top: 230px;
}


div#s4c-initiative-col1 {
  float: left;
}
a#s4c-initiative-clickable-image {
  width: 342px;
  height: 208px;
  display: block;
  background: white;
  border: 1px solid #BEB5A1;
}
a#s4c-initiative-clickable-image:hover {
  border: 1px solid #7A6D59;
}
a#s4c-initiative-clickable-image img {
  padding: 2px;
  border: 0px;
}
div#s4c-initiative-navigation-container {
  padding: 10px 0px 0px 0px;
}
table#s4c-initiative-navigation td {
  padding: 0px 7px 0px 0px;
}


div#s4c-initiative-col2 {
  float: right;
  width: 300px;
  text-align: left;
}
div#s4c-initiative-col2 div.title {
  font: bold 14px arial, sans-serif;
  color: #7A6D59; 
  padding: 2px 0px 0px 0px;
}
div#s4c-initiative-col2 div.details {
  font: normal 11px georgia, times, serif;
  color: #7A6D59;
  padding: 10px 0px 20px 0px;
}
div#s4c-initiative-col2 div.find-out-more {
  font: italic 11px georgia, times, serif;
  color: #A33D00;
}
div#s4c-initiative-col2 div.find-out-more img.arrow {
  padding: 0px 2px 1px 0px;
}




/* Right Column */

div#s4c-main-right-outer {
  float: right;
  width: 262px;
}
div#s4c-main-right {
  padding: 29px 0px 0px 0px;
}
div#s4c-main-right img.leading {
  position: absolute;
  display: block;
}
div#s4c-main-right div.col-content {
  padding: 0px 0px 0px 25px;
}


div#s4c-main-right-title-supports {
  position: relative;
  height: 30px;
  font: bold 12px georgia, times, serif;
  letter-spacing: 0.05em; 
  color: #7A6D59;
  padding: 0px 0px 0px 25px;
}
div#s4c-main-right-title-supports-indent {
  padding: 7px 0px 0px 30px;
}
div#s4c-main-right div.col-content.supports {
  padding-top: 1px;
  padding-bottom: 2px;
}
div#s4c-main-right div.col-content.supports a {
  float: left;
  display: block;
  margin-bottom: 15px;
}
div#s4c-main-right div.col-content.supports a img {
  display: block;
}


div#s4c-main-right-title-events {
  position: relative;
  height: 30px;
  font: bold 12px georgia, times, serif;
  letter-spacing: 0.05em; 
  color: #7A6D59;
  padding: 30px 0px 0px 25px;
}
div#s4c-main-right-title-events-indent {
  padding: 7px 0px 0px 23px;
}
div#s4c-main-right div.col-content.events {
  padding-bottom: 20px;
}


div#s4c-main-right div.calendar-wrapper {
  padding: 0px 0px 0px 0px;
}
div#s4c-main-right div.calendar-subtitle {
  font: bold 14px arial, sans-serif;
  color: #7A6D59;
  padding: 15px 0px 0px 0px;
}
div#s4c-main-right div.calendar-event {
  font: bold 10px georgia, times, serif;
  color: #7A6D59;
  padding: 5px 0px 30px 0px;
}
div#s4c-main-right div.calendar-event span.headline {
  color: #699EAC; 
  font-style: italic;
  font-size: 11px;
}


div#s4c-main-right-title-weblogs {
  position: relative; 
  height: 32px; 
  font: bold 12px georgia, times, serif;
  color: #7A6D59; 
  letter-spacing: 0.05em; 
  padding: 30px 0px 0px 25px;
}
div#s4c-main-right-title-weblogs-indent {
  padding: 12px 0px 0px 31px;
}
div#s4c-main-right div.weblog-entry {
  font: bold 10px georgia, times, serif;
  color: #7A6D59;
  padding: 0px 0px 20px 0px;
}
div#s4c-main-right div.weblog-entry span.headline {
  color: #A33D00; 
  font-style: italic; 
  font-size: 11px;
}