/* CSS for ALTSO */

* {
 margin:0;
 padding:0;
  }
body {
 background: #899BB3;
 font-size:62.5%;
 line-height:150%;
 }                      
    
/* PAGE LAYOUT*/
#page {
 position:relative;
 top:-12px;
 margin: 10px auto 0 auto; 
 border-bottom-color:transparent; 
 font-family: Arial, Verdana, sans-serif;   
 font-size:1.2em;
 width:952px;
 color:#696969;
 background-color:#fff;
 }
/*header section*/      
#header {
 position:relative; 
 top:0px;
 width:952px;
 }
.logo {
 position:absolute; 
 top:30px;
 left:62px;
 } 
.donate_header {
 position:absolute; 
 top:26px;
 left:618px;
 z-index:1;
 } 
.rfest_button {
 position:absolute; 
 top:26px;
 left:392px;
 width:100px;
 z-index:1;
 } 
.header_left {
 float:left; 
 margin:0px 0 20px 60px;
 height:290px;
 } 
.intro {
 float:left; 
 margin:0px 0 254px 60px;
 height:290px;
 }
.slideshow {
 float:right;
 margin: 0px 60px 20px 0px;
 width:552px;
 height:290px; 
 }  
.header_link {
 border:none; 
 }   
.no_border {
 border:none; 
 } 
.subheader {
 position:relative; 
 float:left;
 margin: 0px auto 20px 60px;
 width: 820px;
 z-index: 0;
  }   
/*end of Header section */
 
/* NAVIGATION AREA - thanks to http://javascript-array.com for drop-down menu.  Need to place link on site.*/ 
#nav {
 position:relative; 
 top:10px;
 margin-bottom:10px;
 left:52px;
 width: 952px;
 height:30px;
 z-index:10;
 }  
#jsddm {
 position:relative;
 top:-14px; 
 margin-left:4px;
 z-index:2;
 }
#jsddm li {
 float: left;
 list-style: none;
 font-size:1.0em;
 font-weight:bold;
  }
#jsddm li a {
 display: block;
 background: #0D6CB6;
 margin:0 4px ;
 padding: 4px 0px 6px 0px;
 text-decoration: none;
 width: 130px;
 text-align:center;
 border:1px solid #000;
 }
a.current  {
  color:#EFFFFF;
  background-color:#0D6CB6;
  border-right:9px solid #fff;
 }
a.inactive  {
  color:#EFFFFF;
  background-color:#9C953B;
  border-bottom: 4px solid #fff;
 }  
#jsddm li a:hover {
 color:#fff;
 background: #0D6CB6;
 }
#jsddm li ul {
 margin: 0;
 padding: 0;
 position: absolute;
 visibility: hidden;
 border-top: 0px solid white;
 z-index:20;/*this brings the ddm to the front*/
 }
#jsddm li ul li {
 float: none;
 display: inline;
 }
#jsddm li ul li a {
 background: #fff;
 font-size:0.9em;
 border-bottom:1px solid #0D6CB6;
 border-left:1px solid #0D6CB6;
 border-right:1px solid #0D6CB6;
 color: #000; 
 z-index: 30;
 }
#jsddm li ul li a:hover {
 background: #E1E0C2;
 color: #000;
 }
/* End Navigation*/ 
.sidebar {
 float:left; 
 margin:0px 0 0 62px;
 width:204px;
 border:1px solid redx;
 }
.sidebar_index {
 float:left; 
 margin:35px 0 0 62px;
 width:204px;
 } 
.right_col {
 float:right;
 margin:0px 0px 0 0px;
 width: 262px;
 clear:right;
  }   
.center_col {
 float:left;
 margin:0px 0 0 6px;
 width: 262px;
 clear:left;
  }   
.leftside {
  float:left; 
  width:450px;
  line-height:180%;
  margin:0 0px 20px 62px;
  }  
.rightside {
  float:right; 
  width:549px;
  line-height:150%;
  margin:0 62px 20px 0;
  border:1px solid redx;
  }
.middle {
 width:600px; 
 margin:0 0 0 200px;
  }
.full_wide_header {
 width:830px; 
 float:left;
 margin:0 0 0 62px;
 background:#fff url(images/home_page/banner_bg.png) no-repeat ;
  } 
.full {
 width:830px; 
 float:left;
 margin:0 0 0 62px;
  }       
#textbox {
 position:relative; 
 width:100%;
 border-top:6px solid #CCCC99;
 }
.text_bar {
 color:#0a3d70;
 float:right;
 width:849px;
 line-height:100%;
 margin:0 62px 0px 0;
 }
a {
 color:#fd7f04;
 text-decoration:none;
 font-weight:bold;
 }
a:hover {
 text-decoration:underline; 
 }
.normal_font {

 font-size:1em; 
 }  
p {
 margin:5px 0 10px 0;
  } 
h1 {
 color:#fd7f04;
 text-align:left;
 font-size:1.5em;
 margin-top:20px;
 padding:5px 0 5px 0;
 } 
h2 {
 font-size:1.3em;
 color:#0a3d70;
 margin:8px 0 0px 0;
 padding-top:10px;
  }
.h2_white_l {
 float:left;
 font-size:1.3em;
 color:#fff;
 margin:0px 0 0px 10px;
 padding:9px 0;
 clear:both;
  }
.h2_white_r {
 float:right;
 font-size:1.3em;
 color:#fff;
 margin:0px 50px 0px 0px;
 padding:9px 0;
  }    
h3 {
 font-size:1.1em;
 color:#666666;
 margin-top:0;
  } 
.centered {
 text-align:center;
 padding:6px;
 }
.large {
 font-size:1.4em;
 line-height:150%;
 color: #0a3d70;
 }    
.left {
 text-align:left;
 line-height:155%;
 margin-left:20px; 
 } 
.right {
 text-align:right; 
 margin:0 40px 20px 0;
 } 
.justify {
 text-align:justify;
 color:#939393; 
 }
 
/* Sidebar Layout */ 
p.sidebar {
 color:#0a3d70;
 font-weight:bold; 
 margin:22px 5px 30px 0;
  }
.sidebar_text {
 color:#0D6CB6;
 line-height:155%;
 font-style:italic;
 font-weight:bold;
  }  
.footnote {
 color:#0D6CB6;
 font-style:italic; 
 font-size:0.9em;
 text-align:right;
 padding-bottom:0px;
 }
.sidebar_links {
 background:#0a3d70;
 padding-left:4px;
  }
.sidebar_link {
 color:#ffd504;
  }
.sidebar_link:hover {
  color:#ededef;
   } 
.accordionButton {	
 width: 204px;
 color: #ffd504;
 background-color:#0a3d70;
 text-decoration:none;
 text-align:center;
 font-weight:bold;
 padding:5px 0;
 margin: 6px 0;
 cursor: pointer;
   }
.accordionContent {	
 width: 204px;
 padding-left: 5px;
 background: #0a3d70;
 display: none;
 }   
.sidebar_header {	
 width: 240px;
 color: #ffd504;
 background-color:#0a3d70;
 text-decoration:none;
 text-align:center;
 font-weight:bold;
 padding:5px 0;
 margin: 6px 0;
 }

/* Stories Layout */
.stories_left {
 float:left; 
 margin:20px 0 20px 10px;
 width:260px;
 clear:both;
 } 
.stories_center {
 float:left; 
 margin:20px 0 20px 20px;
 width:260px;
 }
.stories_right {
 float:left; 
 margin:20px 0 20px 10px;
 width:260px; 
 }  
.stories_single {
 margin:0 auto 0 auto;
 width:600px;
 }
.stories_single p {
 line-height:155%;
  }  
p.stories {
 line-height:120%;
 font-size:0.9em;
 margin:0px 0 0 0;
  } 
.story_link {
 color:#0d6cb6;
 font-size:1.1em; 
 }
.story_link a:hover {
 color:#000;
  }  
#main_text {
 float:right;
 margin:20px 20px 20px 0; 
 width:600px;
 border: 0px solid red;
 }  

.header_footnote {
 position:absolute;
 font-weight:bold; 
 color:#ffff00;
 top:410px;
 left:250px;
 }      
#iframe  {
 float:left;
 margin-left:-10px; 
 }     
 
/*images*/
/*I'm specifying some images classes by width, e.g., w250 = 250px wide */

table {
 width:590px;
 border-xtop: 1px solid #cccc99;
 border-bottom:1px solid #cccc99;
  }
td {
 padding:10px 0;
  }  
td img {
 min-height:40px;
 max-height:200px;
 display:block;
 margin:0 auto;
 }  
.w100 { 
 float:left; 
 width:100px;
 margin: 2px 20px 35px 0px;
 border:4px solid #787878;
 border-style:double;
 } 
.w100r { 
 float:right; 
 width:100px;
 margin: 2px 0px 15px 20px;
 border:4px solid #cccccc;
 border-style:double;
 }  
.w150 { 
 float:left; 
 width:150px;
 margin: 6px 20px 5px 0px;
 border:4px solid #cccccc;
 border-style:double;
 } 
.w150r { 
 float:right; 
 width:150px;
 margin: 6px 0px 5px 20px;
 border:4px solid #cccccc;
 border-style:double;
 } 
.w160 {
 width:160px;
 border:4px solid #cccccc;
 border-style:double; 
  } 
.w200 { 
 float:left; 
 width:200px;
 margin: 6px 20px 40px 0px;
 border:4px solid #cecece;
 border-style:double;
 }
.w200c { 
 float:left; 
 width:260px;
 margin: 6px 20px 40px 0px;
 border:4px solid #cecece;
 border-style:double;
 } 
.w190 { 
 width:190px;
 margin: 0px;
 border:none;
 }
   
.w200r { 
 float:right; 
 width:200px;
 margin: 6px 0px 10px 20px;
 border:4px solid #cecece;
 border-style:double; 
 clear:none;} 
.w250 { 
 float:left; 
 width:250px;
 margin: 6px 20px 10px 0px;
 border:4px solid #cecece;
 border-style:double;
  }
.w250r { 
 float:right; 
 width:250px;
 margin: 20px 0px 10px 20px;
 border:4px solid #cecece;
 border-style:double; 
 } 
.w271 {
 float:left; 
 width: 271px;
 margin:-10px 0 -20px 62px;
 } 
.w300c {
 width:300px;
 display:block;
 margin:0 auto;
  }
.w300r {
 width:300px;
 float:right;
 margin:20px 0 0 -10px;
 border:1px solid blue;
  }   
.w350 { 
 float:left; 
 width:350px;
 margin: 6px 20px 10px 0px;
 border:4px solid #cecece;
 border-style:double; 
 } 
.w350r { 
 float:right; 
 width:350px;
 margin: 6px 0px 10px 20px;
 border:4px solid #cecece;
 border-style:double; 
 }  

.w500 {
 width:500px;
 border:4px solid #cecece;
 border-style:double; 
  }    
.w300c {
 width:300px;
 display:block;
 margin:0 auto;
  }
.w400c {
 width:400px;
 display:block;
 margin:0 auto;
 }
.w500c {
 width:500px;
 margin:0 auto;
 border:4px solid #cecece;
 border-style:double; 
  }   
.w600 {
 width:497px;
  }  
.world_img {
 float:left; 
 margin:5px 20px 20px 62px;
 border:none;
 } 
.sidebar_button {
 width:204px;
 margin:5px 0 10px 0;
 border-bottom:0px dashed #999999;
  }
.envelope {
 border:none;
 vertical-align:middle; 
 }         
.vertical_middle {
 vertical-align:middle; 
 }  
  
/* lists */
ul {
 margin:10px 0 10px 40px;
  }
li {
 margin:4px auto;
  } 
.list {
 border-bottom:1px solid #cccc99;
  }
.left_list {
 list-style-type:none; 
 float:left;
 margin:0 0 20px 0px;
 width:200px;
 }
.right_list {
 list-style-type:none;  
 float:right;
 margin:0 60px 20px 0;
 width:240px;
 }
.contact_list {
 list-style-type:none;  
 float:right;
 margin-bottom:20px;
 width:220px;
 } 
.wide_list {
 list-style-type:none;
 line-height:150%; 
 float:left;
 margin:0px 0 20px 0px;
 width:500px;
 } 
.plain {
 list-style-type:none; 
 } 
.countries_1 {
 position:absolute;
 top:165px;
 left:95px;
 line-height:140%;
 list-style-type:none; 
 font-size:0.9em;
 color:#fff;
 }     
.countries_2 {
 position:absolute;
 top:335px;
 left:155px;
 line-height:140%;
 list-style-type:none; 
 font-size:0.9em;
 color:#fff;
 }
.countries_3 {
 position:absolute;
 top:265px;
 left:216px;
 line-height:140%;
 list-style-type:none; 
 font-size:0.9em;
 color:#fff;
 }
.countries_4 {
 position:absolute;
 top:250px;
 left:440px;
 line-height:140%;
 list-style-type:none; 
 font-size:0.9em;
 color:#fff;
 }   
.absolute_1 {
 position:absolute; 
 top:260px;
 left:620px;
 width:280px;
 }
.clear {
 clear:both; 
 }
.video_left {
 float:left;
 margin: 20px 0 30px 120px;
 clear:both;
 z-index:-1;
  }
.video_right {
 float:right;
 margin: 20px 120px 30px 0;
  }  
.video_caption {
 font-variant:small-caps;
 color:#0a3d70;
 font-weight:bold; 
 margin:0 0 5px 25px;
 text-align:center;
 }   
.bold {
 font-weight:bold; 
 } 
.form {
 margin:-55px 40px 0 0;
 padding:0 40px 0 0;
  } 
.float_r {
 float:right; 
 }  
 
/* Footer section */
.button {
 border:0;
 margin: 0 5px 0 5px;
  } 
.footer_button1 {
 float:left;
 border:0;
 margin: 0 5px 0 60px;
  }
.footer_button2 {
 float:left;
 border:0;
 margin: 0 5px 0 5px;
  } 
.footer_button3 {
  float:right;
 border:0;
 margin: 0 60px 0 5px;
  }    
#footer {
 clear:both; 
 padding:10px 0px;
 background-color:#fff;
 border-top:2px solid #edede6;
 border-bottom:0px solid #edede6;
 } 

.footer {
 text-align:center;
 padding:10px 0;
 }  
.bold_white a{
 color:#000;
 font-size:10pt;
 font-weight:bold; 
 } 
.blue {
 color:#0D6CB6;
 font-size:11pt;
 font-weight:normal; 
 } 
.red {
 color:#ff0000;
  } 
.bold_blue {
 color:#0D6CB6;
 font-size:11pt;
 font-weight:bold; 
 }  
.bold_blue a {
 font-size:10pt;
 font-weight:bold; 
 color: #336699;
 } 
.copy {
 font-size:0.9em;
 color:#fff;
 vertical-align:middle;
  }  
.grey {
 color: #a3a3a3;
 font-weight:normal;
  }
.grey a {
 color: #a3a3a3;
 font-weight:normal;
  }
 .grey a:hover {
 color:#0a3d70;
  }   
.white {
 color: #fff;
  }
.no_border {
 border:none; 
 }  
.asterisk {
 font-size:0.9em;
 color:#ff0000;
  }
.arrow {
 border:none; 
 }   
.floatright {
 float:right;  
 }   
.tag {
 color: #e6e6e6;
 font-weight:normal;
  }  

.netview_tag {
 position:relative;
 text-align:center;
 font-family: Tahoma, sans-serif;   
 font-size:1.2em;
 padding:0px 0 10px 0px;
 color: #e6e6e6;
 font-weight:normal;
 }