/***************************************************************************/
/**********      Main stylesheet for International Action      *************/
/***************************************************************************/

<style type="text/css">
<!--

/***GLOBAL***/

body {
	behavior: url(csshover.htc);
    padding: 0px;
    margin: 0px;
    font-family: Arial;
}

.header_image {
  display:block;
}

img {
  display: block;
}

p {
  margin-top: 0;
  font-size: 11pt;
  margin-bottom: 10px;
}

h1 {
  font-size: 14pt;
  color: #2E58AE;
  font-weight: bold;
  margin-bottom:10px;
  margin-top:0px;
}

h2 {
  font-size: 13pt;
  color: #2E58AE;
  font-weight: bold;
  margin-top: 0px;
}

h2.news {
  font-size: 12pt;
  color: black;
  font-weight: bold;
  margin-bottom: 5px;
  margin-top:15px;
}

h3 {
  font-size: 12pt;
  color: #2E58AE;
  font-weight: bold;
  margin-bottom: 0;
  margin-top: 17px;
}

h4 {
  font-size: 10pt;
  color: black;
  font-weight: bold;
  margin-top: 0;
  margin-bottom: 8px;
}

q {
  background-color: #f3f5f9;
  width: 250px;
  color: #0B2E92;
  font-family: Arial;
  font-size: 10pt;
  padding: 10px;
  float: right;
}

q p.last {
  font-family: Arial;
  font-size: 10pt; 
  margin-bottom: 0px;
  color: #0B2E92;
}

q#chlorinator {
  background-color: #233B84;
  width: 250px;
  color: #ffffff;
  font-size: 11pt;
  padding-top: 10;
  padding-left: 10;
  padding-right: 10;
  margin-left: 5;
  float: right;
}

.wide {
  background-color: #f3f5f9;
  width: 570px;
  color: black;
  font-size: 11pt;
  padding-top: 10px;
  padding-bottom: 0px;
  padding-left: 10px;
  padding-right: 10px;  
  text-align: left;
}

#homepage_box {
  background-color: #f3f5f9;
  border:1px solid #2E58AE;  
  width: 560px;
  color: black;
  padding-top: 10px;
  padding-bottom: 0px;
  padding-left: 10px;
  padding-right: 10px;  
  text-align: left;
  margin-bottom: 10px;
}

#homepage_box p {
  font-size: 10pt;
  padding-bottom:11px;
}

#homepage_box p#homepage_box_bottom {
  font-size: 10pt;
  padding-bottom:3px;
}

div#news_box_homepage {
 margin-left:5px; 
}

div#news_box_homepage p {
 margin-bottom:6px;
}

div#news_box_homepage h2 {
 margin-bottom:9px;
}

div#video_box_homepage {
 margin-top:15px;
 margin-bottom:10px;
 margin-left:auto;
 margin-right:auto;
 width:486px;
 height:412px; 
}

div#video_box_homepage h2 {
 margin-bottom:9px;
}

p#last {
  margin-bottom:10px;
  padding-bottom:8px;
}

#largedonate {
  margin-top:5px;
}

q:before { content: ""; } 
q:after { content: ""; }  

/***COLUMNS***/

#left_column {
  width: 590px;
  float: left;
  margin-right: 17px;
  padding-left: 17px;    
}

#right_column {
  width: 244px;
  float: left;
  margin: 0;
  /* padding-left: 15px; */
  /* margin-right: 35px; */
}

/***RIGHT COLUMN***/

.block {
  margin: 0 0 15px 0;
}

.block_content {
  padding: 7px;
  background-color: #f9fcf7;
  border-right: solid 1px #0B2E92;
  border-bottom: solid 1px #0B2E92; 
  border-left: solid 1px #0B2E92;
}

td.elsewhere {text-align:center;width:100%;}

.block h2 {
  /* background-color: #3e6332; */
  background-color: #0B2E92;
  color: #FFF;
  margin: 0px;
  padding: 2px; 
  font-size: 10pt;
  text-align: center;
  font-weight: bold;
}

.block p {
  margin: 0px;
  font-size: 10pt;  
}

.block p.not_first {
  margin-top: 10px;
  font-size: 10pt;  
}

.block_support {
  margin: 0 0 15px 0;
}

.block_content_support {
  padding: 7px;
  background-color: #f9fcf7;
  border-right: solid 1px #127c19;
  border-bottom: solid 1px #127c19; 
  border-left: solid 1px #127c19;
}

.block_support h2 {
  /* background-color: #3e6332; */
  background-color: #127c19;
  color: #FFF;
  margin: 0px;
  padding: 2px; 
  font-size: 10pt;
  text-align: center;
  font-weight: bold;
}

.block_support p {
  margin: 0px;
  font-size: 10pt;  
}

.block_support p.not_first {
  margin-top: 10px;
  font-size: 10pt;  
}

/***MAIN CONTAINERS***/

#mainBody {
  width: 889px;
  background-color: white;  
  position: relative;
  top: 160px;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
  margin-top: 0px;
  padding: 0px;
}

#mainContent {
  float:left;
  width: 889px;
  font-family:Arial;
  font-size:11pt;
  margin-right:0;
  margin-top:5px;
  padding-top:10px;
  padding-right: 0px;
  text-align:left;
  z-index:2;
}

#navlinks {
  width: 165px;
  float: left;  
  text-align: left; 
  border-right: dotted 1px #1C4EB4;
  padding-right: 15px;
  margin-top: 10px;
  margin-left: 15px;  
  margin-bottom: 10px;
  font-family: Arial;
  font-size: 11pt;   
}

#footer {
  background-color: #B5C0A0;
  width: 889px;
  height: 38px;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
}

#footerContent {
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 12px;
  padding-right: 10px;
  font-family: Arial;
  font-size: 10pt;
  text-align: left;  
}

#footerRight {
  float: right;
}

#footerLeft {
  float: left;
}

br.clear {
  clear: both;
}

/***IE 6 FIXES***/

* html #mainContent {
  display:inline;
}

* html #navlinks {
  display:inline;
}

/***LINKS***/

a:link {
  font-weight: bold;
  text-decoration: none;
  color: #0A2E78;
}

a:visited {
  font-weight: bold;
  text-decoration: none;
  color: #0A2E78;
}

a:active {
  font-weight: bold;
  text-decoration: none;
  color: #0A2E78;
}

a:hover {
  font-weight: bold;
  text-decoration: underline;  
  color: #0A2E78;
}

a.sublink:link {
  font-weight: normal;
  color: #0A2E78;
}

a.sublink:visited {
  font-weight: normal;
  color: #0A2E78; 
}

a.sublink:active {
  font-weight: normal;
  color: #0A2E78;  
}

a.sublink:hover {
  font-weight: normal;
  text-decoration: underline;
  color: #0A2E78;  
}

a.top:link {
  font-weight: bold;
  text-decoration: none;  
  color: white;
}

a.top:visited {
  font-weight: bold;
  text-decoration: none;  
  color: white; 
}

a.top:active {
  font-weight: bold;
  text-decoration: none;  
  color: white;  
}

a.top:hover {
  font-weight: bold;
  text-decoration: underline;
  color: white;  
}

/***CONTENT***/

.normal {
  font-family: Arial;
  font-size: 11pt;
}

.newslink {
  font-family: Arial;
}

.newsTitle {
  font-weight: bold;
  font-size:
}

.caption {
  font-family: Arial;
  font-size: 10pt;
  text-align: center;  
  margin-bottom:5px;
}

.photo {
  border-style: solid;
  border-color: #ffffff;
  border-width: 1px;
}

.highlights {
  color: #0C3A98;
  font-weight: bold;
}

.photoTable {
  background-color: #F1F5FB;
  margin-left: 2px;
}

div.photoSetSmall_left {
  margin-left: 2px;
  float: right;  
  width: 200px;
}

div.photoSetMedium_left {
  margin-right: 15px;
  float: left;  
  width: 254px;
}

div.photoSetMedium_right {
  margin-left: 2px;
  float: right;  
  width: 254px;
}

div.photoSetSmall_right {
  float:left;
  margin-right:10px;
  width:200px;
}

div.photoSetSmall_left img, div.photoSetSmall_right img, div.photoSetMedium_left img, div.photoSetMedium_right img {
  border: solid 2px #F1F5FB;
  margin:0;
}

div.photoSetSmall_left p, div.photoSetSmall_right p {
  background-color:#F1F5FB;
  font-size:9pt;
  padding:3px;
  text-align:center;
  width:198px;
}

div.photoSetMedium_left p, div.photoSetMedium_right p {
  background-color:#F1F5FB;
  font-size:9pt;
  padding:3px;
  text-align:center;
  width:252px;
}

div.photoSetLarge {
  width:500px;
}

div.photoSetLarge img {
  border: solid 2px #F1F5FB;
  margin:0;
}

div.photoSetLarge p {
  background-color:#F1F5FB;
  font-size:10pt;
  padding:3px;
  text-align:center;
  width:498px;
}

div#photo_gallery_container {
  width: 550px;
  margin-left:auto;
  margin-right:auto;
}
div.photo_gallery_left {
  width:250px;
  float:left; 
  margin-top:15px;  
}
div.photo_gallery_right {
  width:250px;
  margin-left:15px;  
  float:right;
  margin-top:15px;  
}
img.photo_gallery_thumbnail {
  margin: 0px;
  padding: 0px;
  display: block; 
  border: 0px;
}
p.photo_gallery_caption {
  background-color:#F1F5FB;
  font-family:Arial;
  font-size:10pt;
  vertical-align:top;
  padding:3px; 
  margin-top:2px;
  text-align:center;
  margin-bottom:0px;
}
div#video_gallery_container {
  margin-left:10px; 
}
ul#video_gallery_list {
  list-style-type:none;
  margin-left:5px;
  padding-left:5px;
}
ul#video_gallery_list li {
  -moz-background-clip:border;
  -moz-background-inline-policy:continuous;
  -moz-background-origin:padding;
  background:transparent url(/images/play_button.png) no-repeat scroll 0 1px;
  margin:0;
  padding-left:24px;
  text-indent:0;
}
.chloranimationTable { 
  background-color: #F1F5FB;
  margin-left: 2px;
  text-align: center;
}

.smallText {
  font-family: Arial;
  font-size: 10pt;
}  

.clear {
  clear: both;
}

.italic {
  font-style: italic;
}

th {
  text-align: left;
  font-weight: normal;
}

#solarwater {
  font-family: Arial;
  font-size: 10pt;
  border: solid 1px black;
}

td#solarwater {
  border: solid 1px black;
}

#newsletter_signup {
  position: absolute;
  bottom: 0px;
  width: 889px;
  height: 124px;
  left: 50%;
  margin-left: -380px;  
  /* for IE */
  filter: Alpha(opacity=93);
  -moz-opacity: 0.93;
  /* CSS3 standard */
  opacity:0.93;
  color: white;
  background-color: #434852;  
  font-family: Arial;
  font-size: 11pt;  
}

.newsletter_signup_header {
  font-size: 12pt;
  color: white;
  font-weight: bold; 
  text-align: center; 
}

#newsletter_signup_table {
  font-family: Arial;
  font-size: 11pt;  
  color: white;
}  

#newsletter_spacer {
  height: 115px;
}

html > body #newsletter_signup {
  position: fixed;
}

#newsletter_signup_container {
  position: fixed;
  bottom: 0;
}

.galleryCaption {
  font-family: Arial;
  font-size: 10pt;
  background-color: #F1F5FB;
  vertical-align: top;
  width: 250px;
}  

.spacer {
  display: block;
}

p.news_desc_list {
  color:#555555;
  font-size:10pt;
  margin:0 0 2px;
}

p.news_identity_list {
  margin: 0 0 10px;
  font-size:10pt;
}

span.news_source {
  font-size:10pt;
}
p.news_identity_list span.news_type {
  font-weight: bold;
}
p.news_identity_list span.news_date { 
}
p.news_title_list {
  margin: 0px;
}
span.news_more {
  font-size: 10pt; 
  color: black;
}

p.news_identity {
  font-size: 10pt; 
  margin-top:-5px;
}

p.news_identity span.news_date {
}

p.news_identity span.news_type {
  font-weight: bold;
}

p.news_credit {
  font-style:italic;
  margin:10px 0;
}

p.news_note {
}

p.news_navigation {
  clear: both;
  text-align: center;
  margin-top:20px;
}

td.recurring_donation_amount {
  font-family: Arial;
  font-weight: bold;
  text-align: center;
}

#border td {
  border: solid 1px black;
}

#border {
  border-collapse: collapse;
}

ul.general {
  background-color: white;
}

#bottomboxes {
  margin-bottom:25px;
  margin-left:auto;
  margin-right:auto;
  margin-top:5px; 
}
table#rapport th {
  font-weight: bold;
  vertical-align: top;
  border: solid 1px black;
}
table#rapport {
  border: solid 1px black;
}

table#rapport td {
  border: solid 1px black;
}

div#donations_container {
  height:85px;
  margin-bottom:5px;
  margin-top:0;
  width:500px;
}
div#paypal_container {
  float:left; 
  width: 50%;
  text-align:center;  
}
p.donations_heading {
  color:#0C3A98;
  font-weight:bold;
  text-align:center;
}
div#google_container {
  float: right; 
  width: 50%;
  text-align:center;
}
div#google_container div#google_amount {
  float:left;
  margin-top:7px;
  margin-left:0px;
}
div#google_container div#google_button {
  float:right;
}

div.staff_container div.staff img.thumbnails {
  margin-left: 0px;
  margin-right: 5px;
  width:56px;
  float: left;
  border: solid 2px #F1F5FB;
}

div.staff_container img.break {
  clear:both;
  display:block;
}

div.staff_container div.staff p {
  float:right;
  width:525px;
}

div.partner_container div.partners {
  border-top:2px solid #F1F5FB;
  margin-bottom:10px;
}

div.partner_container div.partners div.logos_title {
  margin-left: 0px;
  margin-right: 5px;
  float: left;
  width:110px;
}

div.partner_container div.partners div.logos_title p {
  width:110px;
  text-align:center;
  margin-top:10px;
  margin-bottom:10px;
}

div.partner_container div.partners div.logos_title img.logos {
  margin-bottom:10px;
  margin-top:10px;
  width:110px;
  border: none;
  display: block;
  /* border: solid 2px #F1F5FB; */
}

div.partner_container img.break {
  clear:both;
  display:block;
}

div.partner_container div.partners div.text {
  float:right;
  width:470px;
}

div.partner_container div.partners div.text p.top {
  margin-top:10px;
  margin-bottom:10px;
}

div.partner_container div.partners p.bottom {
  margin-top:0px;
  margin-bottom:10px;
}

-->
</style>