@charset "UTF-8";
/* CSS Document */
 
ul, li {margin:0; padding:0;}
 
 
body {background-image:url(bg.jpg); background-position:center; background-repeat:repeat-y; background-color:#1b5331; margin:0; padding:0; font-family:'Trebuchet MS';}
body.response  {background-image: none;  background-color:#e0dece; margin:0; padding:0; font-family:'Arial'; font-size:12px;}
.response #container {display:block; width:100%; margin:auto; position:relative;}
 
 
 
#container {display:block; width:960px; margin:auto; margin-top:40px; position:relative;}
 
#navigation ul {display:inline-block; height:70px;}
	#navigation ul li {display:inline-block;}
	
			#navigation ul li a{ color:#e0dece; text-decoration:none; margin:14px; text-align:center; display:block; text-transform:uppercase; font-size:15px;}
			
			
			
			.navelement {position: relative; top:13px; left:-2px;}
 
				#navigation ul li.news a { background-image:url(img/nav_blocks2.png); display:inline-block; 
		width:170px; height:44px; background-repeat:no-repeat; background-position:0px 0px; position: absolute; left:225px; top:15px;}
			#navigation ul li.news a:hover, .news #navigation ul li.news a { background-position:0px -44px;}


			#navigation ul li.supporters a { background-image:url(img/nav_blocks2.png); display:inline-block; 
		width:170px; height:44px; background-repeat:no-repeat; background-position:-173px 0px; position: absolute; left:405px; top:15px;}
			#navigation ul li.supporters a:hover, .supporters #navigation ul li.supporters a { background-position:-173px -44px;}


 
		#navigation ul li.stories a {background-image:url(img/nav_blocks2.png);
		display:inline-block; width:173px; height:44px; background-repeat:no-repeat; background-position:-343px 0px; position: absolute; left:585px; top:15px;}
			#navigation ul li.stories a:hover, .stories #navigation ul li.stories a { background-position:-343px -44px;}
 
		#navigation ul li.factslinks a{ background-image:url(img/nav_blocks2.png);  position: absolute; left:765px; top:15px;
		display:inline-block; width:193px; height:44px; background-repeat:no-repeat; background-position:-515px 0;}
			#navigation ul li.factslinks a:hover, .factslinks #navigation ul li.factslinks a { background-position:-515px -44px;}
			#navigation ul li.factslinks a .navelement {position: relative; top:13px; left:-12px;}

			
		#navigation ul li.home{display:inline-block; width:245px; height:70px; position: absolute; left:-14px; top:1px;}
			#navigation ul li.home a {display:inline-block; width:283px; height:70px; background-image:url(img/nav_home2.png); background-repeat:no-repeat;}


 
 
#main {display:block; width:960px; height:527px; background-color:#e0dece; position:relative; top:15px;}
 
 
		#corner_bl {background-image:url(img/corner_bl.png); position:absolute; bottom:0; left:0; display:block; width:10px; height:11px;}
		#corner_br {background-image:url(img/corner_br.png); position:absolute; bottom:0; right:0; display:block; width:10px; height:11px;}
		#corner_tr {background-image:url(img/corner_tr.png); position:absolute; top:0; right:0; display:block; width:10px; height:11px;}
 
	#homeimage {position: absolute; left:10px; top:11px;}
 
 
 
	.home #headline {position:absolute; left:100px; z-index:10; top:260px; font-size:16px; color:#67a639;}
	.home #bodycopy {position:absolute; left:90px; z-index:10; top:305px; display:block; width:350px; color:#a0dd96; font-size:13px; line-height:18px;}
		#red_tab {display:block; width: 128px; height:23px; background-image:url(img/red_tab.png); overflow: hidden; position: absolute; right:0;}
		#red_tab a { color:#e0dece; font-size:13px; font-weight:bold; text-align:center; text-decoration:none; position:absolute; top:3px; padding:0px 5px 0 5px; text-transform:uppercase; padding-left:16px;}
		#red_tab a:hover {text-decoration:underline;}
 
 
 
 
 
 
 
 
	#storyimage {position: absolute; left:10px; top:11px;}

/* START HERE */

	.stories #greenstripe { display:block; width:940px; left:10px; position: absolute;  top: 277px; height: 176px; background-color:#062b0f; z-index:9;opacity:0.8;filter:alpha(opacity=80);}

	.stories #bodycopy {position:absolute; left:350px; z-index:10; top:330px; display:block; width:57%; color:#d8ff7c; font-size:13px; line-height:18px;}
 
		.stories #green_tab a {display:block; width: 123px; height:25px; background-image:url(img/green_tab.png); position: absolute; left:55px; z-index:10; top:373px; cursor:pointer; text-decoration:none;}
		.stories #green_tab2 a {display:block; width: 123px; height:25px; background-image:url(img/green_tab.png); position: absolute; left:195px; z-index:10; top:373px; cursor:pointer; text-decoration:none;}
			.stories #green_tab a .element, 	.stories #green_tab2 a .element  { color:#fff; font-size:13px; font-weight:bold; text-align:center; text-decoration:none; position: relative; left:10px; top:5px; padding:10px 20px 10px 5px; text-transform:uppercase;}
 
	
		.stories .titleimg{ z-index:10; position:absolute; top:285px; left:345px; }
.stories .subtitle	{ z-index:10; position:absolute; top:375px; left:60px; color:#67a639; font-size:15px; font-weight: normal; }
		
 
 
 	.supporters #greenstripe { display:block; width:940px; left:10px; position: absolute;  top: 277px; height: 176px; background-color:#062b0f; z-index:9;opacity:0.8;filter:alpha(opacity=80);}
	.supporters #bodycopy {position:absolute; left:360px; z-index:10; top:335px; display:block; width:54%; color:#fff; font-size:13px; line-height:18px;}
 
 
		.supporters #green_tab a {display:block; width: 123px; height:25px; background-image:url(img/green_tab.png); position: absolute; left:55px; z-index:10; top:373px; cursor:pointer; text-decoration:none;}
		.supporters #green_tab2 a {display:block; width: 123px; height:25px; background-image:url(img/green_tab.png); position: absolute; left:195px; z-index:10; top:373px; cursor:pointer; text-decoration:none;}
			.supporters #green_tab a .element, 	.supporters #green_tab2 a .element  { color:#fff; font-size:13px; font-weight:bold; text-align:center; text-decoration:none; position: relative; left:10px; top:5px; padding:10px 20px 10px 5px; text-transform:uppercase;}





	
		.supporters .titleimg{ z-index:10; position:absolute; top:285px; left:355px; }

		
 
 
 
	.stories #storynav ul li {display:inline-block; margin:auto;}
	.stories #storynav ul {display:block; width:900px;  position:absolute; z-index:12; bottom:35px; margin:0 auto; padding:0; left:20px;}
		
	.supporters #storynav ul {display:block; width:160px; height:505px; overflow: auto;  position:absolute; top:11px; z-index:12; bottom:35px; margin:0 0; padding:0; right:0px;}
	.supporters 	#storynav ul li {display:block; margin:auto;}
	.supporters 		#storynav ul li img {width:100px; height:65px;}

	
.stories #videobox {display:block; width:860px; height:510px; margin:auto; position:relative; z-index:21; visibility: hidden; top:-50px;}
 
 
.stories #blackout, .support #blackout  {display:block; width:100%; height:690px;opacity:0.5;filter:alpha(opacity=50); background-color:#000000; position:absolute; top:0; left:0; z-index:12; visibility: hidden;}
 

.supporters #videobox {display:block; width:860px; height:510px; margin:auto; position:relative; z-index:21; visibility: hidden; top:-50px;}
 
 
.supporters #blackout, .support #blackout  {display:block; width:100%; height:690px;opacity:0.5;filter:alpha(opacity=50); background-color:#000000; position:absolute; top:0; left:0; z-index:12; visibility: hidden;}

/* REPLACE HERE 
	.stories #greenstripe { display:block; width:940px; left:10px; position: absolute;  top: 300px; height: 160px; background-color:#062b0f; z-index:9;opacity:0.8;filter:alpha(opacity=80);}
	.stories #headline {position:absolute; left:90px; z-index:10; top:290px; font-size:16px; color:#67a639; z-index:3;}
	.stories #bodycopy {position:absolute; left:45%; z-index:10; top:310px; display:block; width:52%; color:#d8ff7c; font-size:13px; line-height:18px;}
 
 
		.stories #green_tab a {display:block; width: 123px; height:25px; background-image:url(img/green_tab.png); position: absolute; right:15px; z-index:10; bottom:73px; cursor:pointer; text-decoration:none;}
		.stories #green_tab a .element { color:#e0dece; font-size:13px; font-weight:bold; text-align:center; text-decoration:none; position: relative; left:10px; top:5px; padding:10px 20px 10px 5px; text-transform:uppercase;}
 
	
		.stories .titleimg{ z-index:10; position:absolute; top:335px; left:60px; }
.stories .subtitle	{ z-index:10; position:absolute; top:375px; left:60px; color:#67a639; font-size:15px; font-weight: normal; }
		
 
			.stories #storynav ul li {display:inline-block; margin:auto;}
	.stories #storynav ul {display:block; width:900px;  position:absolute; z-index:12; bottom:35px; margin:0 auto; padding:0; left:20px;}
		
	.supporters #storynav ul {display:block; width:160px; height:505px; overflow: auto;  position:absolute; top:11px; z-index:12; bottom:35px; margin:0 0; padding:0; right:0px; background-color:#e0dece}
	.supporters 	#storynav ul li {display:block; margin:auto;}
	.supporters 		#storynav ul li img {width:100px; height:65px;}

	
.stories #videobox {display:block; width:860px; height:510px; margin:auto; position:relative; z-index:21; visibility: hidden; top:-50px;}
 .supporters #videobox {display:block; width:860px; height:510px; margin:auto; position:relative; z-index:21; visibility: hidden; top:-50px;}

 
.stories #blackout, .support #blackout  {display:block; width:100%; height:690px;opacity:0.5;filter:alpha(opacity=50); background-color:#000000; position:absolute; top:0; left:0; z-index:12; visibility: hidden;}
 
 	.supporters #greenstripe { display:block; width:940px; left:10px; position: absolute;  top: 280px; height: 235px; background-color:#062b0f; z-index:9;opacity:0.8;filter:alpha(opacity=80);}
	.supporters #headline {position:absolute; left:90px; z-index:10; top:290px; font-size:16px; color:#67a639; z-index:3;}
	.supporters #bodycopy {position:absolute; left:43%; z-index:10; top:290px; display:block; width:36%; color:#fff; font-size:13px; line-height:18px;}
 
 
		.supporters #green_tab a {display:block; width: 123px; height:25px; background-image:url(img/green_tab.png); position: absolute; right:195px; z-index:10; bottom:33px; cursor:pointer; text-decoration:none;}
		.supporters #green_tab a .element { color:#fff; font-size:13px; font-weight:bold; text-align:center; text-decoration:none; position: relative; left:10px; top:5px; padding:10px 20px 10px 5px; text-transform:uppercase;}


		.supporters #green_tab2 a {display:block; width: 123px; height:25px; background-image:url(img/green_tab.png); position: absolute; right:335px; z-index:10; bottom:33px; cursor:pointer; text-decoration:none;}
		.supporters #green_tab2 a .element { color:#fff; font-size:13px; font-weight:bold; text-align:center; text-decoration:none; position: relative; left:10px; top:5px; padding:10px 20px 10px 5px; text-transform:uppercase;}


	
		.supporters .titleimg{ z-index:10; position:absolute; top:340px; left:40px; }
.supporters .subtitle	{ z-index:10; position:absolute; top:375px; left:60px; color:#67a639; font-size:15px; font-weight: normal; }
		
*/
 
 
 
.support #headline {display:block; position:absolute; left:80px; top:20px;}
.support #bodycopy {display:block; position:absolute; left:80px; top:80px; font-size:13px; color:#67a639;}
.support #responses {display:block; position:absolute; left:48%; top:50px; width:45%; height:325px; overflow: visible;}
.support #responses h2 { color:#bb9a00; font-size:16px; font-weight:normal; margin-bottom:8px;}
h2.responses { color:#bb9a00; font-size:16px; font-weight:normal; margin-bottom:8px;}

#pagination {position:relative; display:block; top:-28px; margin-bottom:-30px; left:280px; width:135px; height:17px; background-image:url(img/pag_bg.gif); background-repeat:no-repeat; background-position:center; text-align:center; color:#FFFFFF;}

#pagination .content { position:relative; top:1px;}

#pag_back { display:block; position: absolute; top:-8px; left:-20px;}
#pag_fwd { display:block; position: absolute; top:-8px; right:-20px;}

.support #responses blockquote {margin:0 0 2.5em 0; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:16px;}
.support #responses .byline { text-transform:uppercase; color:#ac4414; margin-left:20px;}
 
 
.support #sharing {display:block; position:absolute; right:12px; bottom:10px;}
.support #statebox {display:block; width:227px; height:366px; margin:auto; position:relative; z-index:21; visibility: hidden; top:50px; }
.support #statebox .close {text-align:center; color:#FFFFFF; text-decoration:none; font-size:14px; margin-left:35px; border:solid #000000 2px; padding:5px 10px;}
 
.support #error {margin:10px 0; color:#ac4413; font-weight:bold; padding-top:10px;}
 
.support #scroll { display:block; width:460px; height:280px; overflow:auto;}
 
 
 
.support .charcount {padding-left:15px;}
.support .charcount h3 { font-size:24px; color:#ba5915; margin:0; font-weight:normal; display:inline-block;}
.support .charcount .copy { font-size:10px; color:#bb9a00; margin:0; font-weight:normal; display:inline-block; text-transform:uppercase;}
.support #captcha {display:block; padding:5px; height:100px; width:300px; background-image:url(img/captchabg.png); background-repeat:no-repeat; }
.support #captcha #smallicon{display:block; float:right; position:relative; right:25px; }
.support #captcha #smallicon img {margin-top:10px;}
 
.support #entercode {display:block; position:relative; left:0px; margin-top:-15px;}
.support #entercode .break {display:inline-block; font-size:12px; color:#00482d; margin-right:10px;}
.support #enterbox {display:inline-block; width:144px; height:28px; background-color:#ffffff;}
.support #enterbox .box { width:120px; height:20px; margin:4px auto; border:none; display:block;}
 
 
.support .submitme{ width:83px; height:28px; margin:4px auto; border:none; display:block; background-image: url(img/submit_tab.png); background-repeat:no-repeat; background-color:#e0dece; color:#e0dece; text-transform:uppercase; font-size:13px; position:relative; left:55px;}
 
 
.support #inputform  {display:block; padding:10px; background-color: #FFFFFF; height:130px; width:230px; position:relative; top:15px; left:15px;  }
.support #inputbg  {display:block; height:222px; margin-bottom:-10px; width:283px; background-image:url(img/inputbg.png); background-repeat:no-repeat; }
 
 
.support #thankyou {display:block; position:absolute; left:0px; top:20px; width:300px; font-size:13px; color:#67a639;}





 
 
.factslinks #factsimage {display:block; position:absolute; right:10px; top:11px;}
.factslinks #headline {display:block; position:absolute; left:50px; top:40px; font-size:13px; color:#67a639;}
.factslinks #headline img { margin-bottom:10px;}
.factslinks #bodycopy {display:block; position:absolute; left:50px; top:125px; font-size:13px; color:#67a639;}
 
.factslinks #bodycopy ul #nav {display:inline-block; height:31px; }
	.factslinks #bodycopy ul#nav li {display:inline-block; list-style:none; }
		.factslinks #bodycopy ul#nav li a{background-image:url(img/red_tab_sm.png); 
		width:83px; height:31px;  color:#e0dece; text-decoration:none;  position:relative;
		text-align:center; display:block; text-transform:uppercase; font-size:16px;}
 
 
 
.factslinks #bodycopy ul#nav li .deselected, .factslinks #bodycopy ul#nav li a:hover{opacity:0.5;filter:alpha(opacity=50);}
 
.factslinks #bodycopy ul#nav li a .navelement{position: relative; top:5px; left:-4px;}
 
 
.factslinks #bodycopy #linkcontent {color:#666; margin:10px 0 0 00px; width:620px; overflow: auto; height:336px; font-size:12px; font-family:Arial, Helvetica, sans-serif; line-height:15px;}
.factslinks #bodycopy #linkcontent h4 { font-size:16px; margin-bottom:0px; margin-left:30px; font-family:'Trebuchet MS', Serif;}
.factslinks #bodycopy #linkcontent h4 a { color:#ac4413;}
.factslinks #bodycopy #linkcontent p {  margin-top:8px; margin-right:40px; margin-left:30px;}
 
sup {line-height:.1em;}
 
.factslinks #bodycopy ul.list {color:#000000; margin:5px 0 0 00px; width:390px;}
 
.factslinks #bodycopy ul.list li {margin:3px 0 -6px 0; list-style:none;}
.factslinks #bodycopy ul.list li a {color:#000000; text-decoration:none;display:block; width:350px; margin-right:10px; height:29px; padding-right:48px;}
 
 
.factslinks #bodycopy ul.list li.indent a { height:22px;}
 
.factslinks #bodycopy ul.list li a:hover, .factslinks #bodycopy ul.list li a.selected { color:#FFFFFF; display:block; background-image:url(img/green_listbg.png); background-position:0px 0;  background-repeat:no-repeat;}
 
.factslinks #bodycopy ul.list li.indent a:hover, .factslinks #bodycopy ul.list li.indent a.selected { color:#FFFFFF; display:block; background-image:url(img/green_listbg_sub.png); background-position:0px 0;  background-repeat:no-repeat;}
 
.factslinks #bodycopy ul.list li.indent {padding-left:20px; width:210px; margin: 8px 0 -8px 0; }
 
.indent a .listelement{position: relative; top:1px; left:10px;}
a .listelement{position: relative; top:3px; left:10px;}
 
 
.factslinks #bodycopy #answer { position:absolute; display:block; background-color:#67a639; width: 195px; top:16px; left:395px; color:#000000; height: 350px; padding:10px;} 
 
.factslinks #bodycopy ul.list li strong, .factslinks #bodycopy ul.list li .selected strong { font-weight: bold; padding-left:10px;}
 
 
 .news #crumb {display: block; position:absolute; left:20px; top:12px;}
 
.news #bodycopy {display:block; position:absolute; font-size:14px; color:#11432c; margin:0 50px; font-family:Arial, Helvetica, sans-serif; line-height:18px;}

.news #bodycopy ul{ margin:0 0 0 30px;}

.news h1 {font-size:24px; font-family:'Trebuchet MS', Serif; color:#11432c; font-weight:normal; margin:0; line-height:27px;}

.news #newsframe {display:block; overflow: auto; width: 600px; height: 465px; position:absolute; left:40px; top:20px; margin:20px; }

.news #intro {display:block; width: 431px; background-color:#b6bdad; position:relative; clear:both; margin:20px 00px 0 40px; padding: 5px 30px 5px 25px;; font-family:Arial, Helvetica, sans-serif; font-size:13px; line-height:17px; color:#11432c; background-image:url(img/introbox_top.png); background-position:0 0; background-repeat:no-repeat;}

.news .morelink { display:block; position:absolute; right:40px; color:#3779e5;}
.news a.morelink:hover { text-decoration:none;}

.news #introbottom {display:block; width: 492px; background-image:url(img/introbox_bottom.png); height:5px; background-repeat:no-repeat; position:relative; margin:00px 0 0 40px;}

.news #intro h2 {font-family:'Trebuchet MS', Serif; font-size: 20px; font-weight:bold; line-height:20px; margin:5px 0;}
 
 
.news #resourcelinks {display:block; position:absolute; top:10px; left:680px; width:265px; height:500px;}

.news #resourcelinks h3 { font-weight:normal; font-size:20px; color:#11432c; margin:24px 0 8px 0;}
.news #resourcelinks ul li { color:#11432c; list-style:none; font-family:Arial, Helvetica, sans-serif; position:relative;}
.news #resourcelinks ul#simple li a { color:#11432c; list-style:inside;display:block; text-decoration: underline; margin-left:14px; line-height:18px; font-size:14px; font-family:Arial, Helvetica, sans-serif; width:200px;}
.news #resourcelinks ul#simple li #dot {display:block; position:absolute; color:#11432c; left:0px; top:2px; line-height:18px; font-size:18px; font-family:Arial, Helvetica, sans-serif;}


.news #resourcelinks #newsimage { position:absolute; bottom:5px; right:10px; display:block; width:253px; height:199px;}


.news #resourcelinks ul.related, 
.news #resourcelinks ul.resources {display:block;}

.news #resourcelinks ul.related li {display:block; width: 273px; height:51px; 
	margin:0 0 8px -10px; background-image:url(img/tab_link.png); position:relative;}

.news #resourcelinks ul.related li a {display:block; position:absolute; color:#FFFFFF; text-decoration: underline; left:28px; top:8px; line-height:18px; font-size:14px; font-family:Arial, Helvetica, sans-serif; width:230px;}



.news #resourcelinks ul.resources li {display:block; width: 231px; height:51px; 
	margin:0 0 8px 20px; background-image:url(img/tab_newslink.png); position:relative;}


.news #resourcelinks ul.resources li a {display:block; position:absolute; color:#FFFFFF; text-decoration: underline; left:28px; top:8px; line-height:18px; font-size:14px; font-family:Arial, Helvetica, sans-serif; width:200px;}
.news #resourcelinks ul.related li #dot,
.news #resourcelinks ul.resources li #dot {display:block; position:absolute; color:#FFFFFF; left:18px; top:8px; line-height:18px; font-size:14px; font-family:Arial, Helvetica, sans-serif;}

 
 
 
 
		#answer #corner_bl {background-image:url(img/corner_bl_green.png); position:absolute; background-repeat:no-repeat; bottom:-6px; left:0; display:block; width:10px; height:11px;}
		#answer #corner_br {background-image:url(img/corner_br_green.png); position:absolute; background-repeat:no-repeat;bottom:-6px; right:-10px; display:block; width:10px; height:11px;}
		#answer #corner_tr {background-image:url(img/corner_tr_green.png); position:absolute; background-repeat:no-repeat;top:0; right:-5px; display:block; width:10px; height:11px;}
 
 
 
#footer {color:#e0dece; font-size:11px; text-align:center; width:960px;}
#footer a {text-decoration: underline; color:#e0dece;}





#newscontent {display:block; width:75%; top:100px; position:relative;}

	#press ul, #updates ul  {list-style:none;}
#press{display:block;  width:40%; float:right; margin-right:10%; margin-top:-10px; overflow: auto; height:400px;}
#updates{display:block;  width:40%; float:right; margin-right:5%; margin-top:-10px;}
#press ul li, #updates ul li {margin-bottom:10px;}


#response {display:block;  width:40%; float:right; margin-right:5%; margin-top:40px;}
#response img {padding:0 0 10px 0;}
#response a:hover img {text-decoration:none;}

#newscontent a { color:#000; text-decoration:none;}
#newscontent a:hover { color:#333; text-decoration:underline;}


.news #headline {display:block; position:absolute; left:360px; top:40px; font-size:13px; color:#67a639;}

.news #headline2 {display:block; position:absolute; left:35px; top:50px; font-size:13px; color:#67a639;}

.news #newsimage {display:block; position:absolute; right:10px; top:11px;}
#slidecover {display:block; width:640px; height:503px; overflow: hidden; height:190px; position:absolute; top:276px; right:0px; z-index:10;}

     .slide-out-div {
          width: 600px;
		  background-image:url(img/block_bg2.png);
		  background-repeat:repeat-x;
      }      
	  
	     .slide-out-div h3 { margin-bottom:0px; text-align:center; font-weight:normal;}
  
	  
	  
	  
	  
	  div.sc_menu {
	/* Set it so we could calculate the offsetLeft */
	position: relative;
	height: 188px;
	width: 580px; left:10px;
	overflow: auto;
	top:15px;
}
.sc_menu li {
	display: block;
	float: left;	
}
.sc_menu a {
	display: block;
	text-decoration: none;
}
.sc_menu .name {
	display: block;
	margin-top: 3px;
	text-transform:uppercase;
	text-align: center;
	font-size: 12px;	
	color: #fff;
}

.sc_menu .title {
	display: block;
	margin-top: 0px;
	text-align: center;
	font-size: 11px;	
	color: #253e52;
}

#more_tab_side {display:block; width:35px; height:196px; position:absolute; right:-35px; top:259px; background-image:url(img/tab_cover.png); background-repeat:no-repeat;}

#leftarrow{display:block; width:23px; height:188px; position:absolute; left:-22px; top:148px;}
#rightarrow{display:block; width:23px; height:188px; position:absolute; right:18px; top:148px;}