* 			{
				padding: 0;
				margin: 0;
			}

html, div, table, td	{
					font-size : 94%;
					font-family : "Verdana", "Lucida Grande", "Arial", "Helvetica", sans-serif;
					color : #14303A;
					vertical-align:top; 
					line-height: 1.5em;
						}				
p					{ 
					text-align: left;
					font-size : 110%;
					margin-top: 0.8em;	
						} 
.anchor {position: absolute;}	
img					{border: 0px}
#bullets li					{ 	
						line-height: 1.2em;
   						margin-top: 12px;
  						margin-bottom: 12px;
						}
li		{ 	
						line-height: 1.5em;
						list-style-position:outside;
						list-style-image:none;
						list-style:disc;
   						margin-top: 6px;
  						margin-bottom: 6px;
						}
ul		{ 	
						margin-left: 2em;
						}
					
html, body				{	
					background-color: #ffffff;
					margin: 0px;
					padding: 0px;
					background-repeat: repeat;
					background-attachment: fixed;
        			background-position: center 0px;
					text-align: center;
					scrollbar-face-color:white;
					scrollbar-highlight-color:#6D97A5;
					scrollbar-3dlight-color:white;
					scrollbar-darkshadow-color:white;
					scrollbar-shadow-color:#3C7487;
					scrollbar-arrow-color:#3C7487;
					scrollbar-track-color:white;
						}			
table 					{
					width: 100%;
					height: 100%;
					margin-left: auto;
					margin-right: auto;
						}
td 						{
					vertical-align: top;
					text-align: center;
						}					

.contact					{
					width: 100%;
					height: 100%;
					
						}
.contact 						{
					vertical-align: top;
					text-align: left;
						}
div 					{
					border: 0px;
						}				

.center		{ 
			margin-left: auto;
			margin-right: auto;
			}

.skip		{		
				position: relative;
				top: 500px;
				color : #2A6585;
				font-size : 100%;
				font-weight : bold;
				margin-left: auto;
				margin-right: auto;
				text-align: center;
			}	
.imgpadding		{		
				padding-left: 10px;
				margin-right: 10px;

			}		
.center	{		
			text-align: center;
			}	
h1			{
			font-size : 120%;
			font-weight : bold;
			}			
.newshead	{		
			font-weight : bold;
			font-size : 110%;
			}				
.poptext	{	
			font-size : 100%;
			color : #2A6585;
			}	
.poptitle	{
			font-weight : bold;		
			font-size : 94%;
			color : #14303A;
			}
.bold	{
			font-weight : bold;		
			}	
h2	{	
			font-weight : bold;		
			font-size : 120%;
			color : #2A6585;
			margin-top:1.2em;
			margin-bottom:0.8em;
			}	
h3	{	
			font-weight : bold;		
			font-size : 110%;
			color : #14303A;
			margin-top:1.2em;
			margin-bottom:0.8em;
			}
h4	{			
			font-size : 100%;
			color : #2A6585;
		    margin-top:1.2em;
			margin-bottom:0.8em;
			}	
.subhead	{
			color : #2A6585;
			font-weight : bold;		
			font-size : 94%;
			}							
.tabletext	{	
			font-weight : bold;
			font-size : 150%;
			}			
.smalltext	{
			font-size : 94%;
			}			
.issuelinks {
			line-height : 16px;
			}

								
.filmtitle	{
			font-weight : bold;
			font-size : 110%;
			}				
.filmhead	{
			color : #2A6585;
			font-size : 100%;
			}		
.newshead	{
			font-weight : bold;
			font-size : 100%;
			}	
			


	
	
	
				
a:link		{
    		text-decoration : underline;
    		color : #2A6585;
			font-weight : bold;
			font-size : 100%;
			}
a:active	{
    			text-decoration : none;
    			color : #2A6585;
				font-size : 100%;
			}
a:visited	{
		  		text-decoration : underline;
    			color : #2A6585;
				font-weight : bold;
				font-size : 100%;
			}
a:hover 	{
    			text-decoration : underline;
    			color : #1F6D00;
				font-size : 100%;
			}




#head {
		position : absolute;	
		top : 0px;
		left : 231px;
}
.auto {
		overflow: auto;
}
	
	
#logoi {
	position: absolute;
	top: 15px;
	left: 233px;
	width: 200px;
	height: 432px;
}

#bg				{
					width: 100%;
					height: 100%;
					margin-left: auto;
					margin-right: auto;
					background-image: url(images/bg.gif); 
						}	

#bghome				{
					width: 100%;
					height: 100%;
					margin-left: auto;
					margin-right: auto;
					background-image: url(images/bg_home.gif); 
						}	


#bgcontact			{
					width: 100%;
					height: 100%;
					margin-left: auto;
					margin-right: auto;
					background-image: url(images/bg_contact.gif); 
						}		
#bgabout			{
					width: 100%;
					height: 100%;
					margin-left: auto;
					margin-right: auto;
					background-image: url(images/bg_about.gif); 
						}	
						
#bgfilms			{
					width: 100%;
					height: 100%;
					margin-left: auto;
					margin-right: auto;
					background-image: url(images/bg_films.gif); 
						}													
#bgfilms2			{
					width: 100%;
					height: 100%;
					margin-left: auto;
					margin-right: auto;
					background-image: url(images/bg_films2.gif); 
						}	
#bgimpact			{
					width: 100%;
					height: 100%;
					margin-left: auto;
					margin-right: auto;
					background-image: url(images/bg_impact.gif); 
						}	
#bgresources			{
					width: 100%;
					height: 100%;
					margin-left: auto;
					margin-right: auto;
					background-image: url(images/bg_resources.gif); 
						}	
#bgpartners			{
					width: 100%;
					height: 100%;
					margin-left: auto;
					margin-right: auto;
					background-image: url(images/bg_partners.gif); 
						}																	
#container {
	position: relative;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	width: 780px;
	height: 580px;
	}											
#globe {
	position: absolute;
	top: 123px;
	left: 234px;
	width: 550px;
	height: 400px;
}
#nonflash {
	position: absolute;
	top: 460px;
	left: 10px;
	width: 300px;
	height: 200px;
}
#flash {
	position: absolute;
	top: 460px;
	left: 480px;
	width: 300px;
	height: 200px;
}
#enter {
	position: absolute;
	left: 234px;
	width: 300px;
	height: 200px;
	top: 470px;
}
#menuflash {
	position: absolute;
	top: 450px;
	left: 70px;
	width: 650px;
	height: 160px;
	z-index:2;
}
#menuflashfilms {
	position: absolute;
	top: 470px;
	left: 70px;
	width: 650px;
	height: 160px;
	z-index:2;
}

#menu {
	font-size:90%;
	position: absolute;
	top: 60px;
	left: 0px;
	width: 760px;
	height: 100px;
	z-index:100;

}


			#menu ul {
				list-style: none;
				margin-left: 0em;
			}
			
			#menu li		{ 	
						line-height: 1.5em;
						list-style-position:outside;
						list-style-image:none;
						list-style:none;
   						margin-top: 0px;
  						margin-bottom: 0px;
						}

			#menu ul a {
				color: #347C95;
				text-decoration: none;
				display: block;
				padding: 5px 5px 5px 5px;
				width: 8em;
				background: #FFF;
			}
			
			#menu ul a:hover, menu ul a:active, #menu ul a:focus {
				color: #fff;
				text-decoration: none;
				background-color: #347C95;
			}
			
			#menu ul li {
				border-bottom: 1px solid #B0E5F7;
				border-right: 1px solid #B0E5F7;
				float: left;
				position: relative;
				text-align: center;	

			}
			
			#menu ul li ul {
				list-style: none;
				position: absolute;
				left: 0;
				bottom: 100%;
				display: none;
				width: 8em;
				border-top: 1px solid #B0E5F7;
			}
			
			#menu ul li:hover ul { display: block; }
			
			#menu li.active {
				color: #347C95;
				text-decoration: none;
				display: block;
				padding: 5px 5px 5px 10px;
				width: 8em;
				background: #FFF;
				font-weight : bold;
			}




#logo {
	position: absolute;
	top: 19px;
	left: 20px;
	width: 200px;
	height: 250px;
	z-index: 2;
}
#copy {
	position: absolute;
	top: 80px;
	left: 280px;
	width: 450px;
	height: 410px;
	z-index: 2;
}
#copybox {
	position: absolute;
	top: 20px;
	left: 0px;
	width: 450px;
	height: 310px;
	z-index: 2;
	
}

.portfolio_pic {
	top: 1em;
	position: relative;
	float: left;
	height:100px;
	margin-right: 1em;
}	
.portfolio_text{
width: 330px;
height: 100px;
font-size: 110%;
}	
.volunteer_pic {
	position: relative;
	top: 2em;
	float: right;
}		
.volunteer_col {
	position: relative;
	top: 0px;
	left: 0px;
	width: 300px;
	font-size : 100%;
}
.btt_pic {
	margin-top: 1em;
	position: relative;
	float: left;
	height:150px;
	margin-right: 1em;
}
.btt_pic2 {
	margin-top: 1em;
	position: relative;
	float: right;
	height:150px;
	margin-left: 1em;
	margin-right: 1em;
}
.btt_pic3 {
	margin-top: 1em;
	position: relative;
	float: left;
	height:110px;
	margin-right: 1em;
}
#newsfeed2 {
	margin-right: 20px;
	padding: 5px;
	background-color: rgb(235, 227, 255);
	border:1px dashed black;
}

#newsfeed1 {
    float: left;
	width: 205px;
	margin-right: 20px;
	padding: 5px;
	background-color: rgb(235, 227, 255);
	border:1px dashed black;
}

#ourfilms {
	position: absolute;
	top: 0px;
	left: 140px;
	width: 529px;
	height: 490px;
}
#filmcopy {
	position: absolute;
	top: 80px;
	left: 100px;
	width: 450px;
	height: 410px;
	z-index: 2;
}
#filmcopybox {
	position: absolute;
	top: 20px;
	left: 0px;
	width: 450px;
	height: 310px;
	z-index: 2;
	
}
#partners {
	position: absolute;
	top: 15px;
	left: 190px;
	width: 440px;
	height: 405px;
}
#partnerscopy {
	position: absolute;
	top: 435px;
	left: 75px;
	width: 640px;
	height: 20px;
	color : #2A6585;
	font-size : 90%;
	font-weight : bold;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	z-index: 2;
}
#copylink {
	position: relative;
	top: 10px;
	left: 390px;
	width: 100px;
	height: 20px;
	z-index: 2;
	text-align: right;
}
#contact_info {
	position: relative;
	top: 10px;
	left: 0px;
	width: 400px;
	height: 200px;
	vertical-align:top;
	line-height: 2em;
	z-index: 2;
}	
#contact_info p.lineheight_normal	{ 	
						line-height: 1.3em;
  						margin-bottom: 12px;
						margin-top: 6px;
						}
#copybox p.spacing	{ 	
						line-height: 1.3em;
  						margin-bottom: 12px;
						margin-top: 6px;
						}
#contact_info p { line-height: 2em;
}	

.contactcol1		{
					width: 150px;
					display: block;
					float: left;
					}
.contactcol2		{
					width: 250px;
					display: block;
					float: left;				
					}


#filmtitle {
	position: absolute;
	top: 70px;
	text-align: center;
}
#filmtitle2 {
	position: absolute;
	top: 80px;
	text-align: center;
	left: 90px;
}
#film {
	position: absolute;
	top: 150px;
	left: 230px;
}
#film2 {
	position: absolute;
	top: 180px;
	left: 230px;
}
#filmreleasecopy {
	font-size : 90%;
	position: absolute;
	top: 135px;
	left: 80px;
	width: 650px;
	height: 280px;	
}

#filmreturn {
	position: absolute;
	top: 440px;
	left: 330px;
}

#popupcopy {
	position: absolute;
	top: 115px;
	left: 23px;
	width: 550px;
	height: 400px;
}
#popupcopybox {
	position: absolute;
	top: 30px;
	left: 0px;
	width: 550px;
	height: 400px;
}
#filmpopupcopy {
	position: absolute;
	top: 115px;
	left: 23px;
	width: 440px;
	height: 340px;
}
#filmpopupcopybox {
	position: absolute;
	top: 30px;
	left: 0px;
	width: 440px;
	height: 180px;
}
#closepopup {
	position: absolute;
	top: 440px;
	left: 440px;
	width: 150px;
	height: 20px;
}
#filmclosepopup {
	position: absolute;
	top: 220px;
	left: 360px;
	width: 150px;
	height: 20px;
}
#fontsize {
	position: absolute;
	top: 60px;
	left: 460px;
	width: 100px;
	height: 30px;
}
#filmfontsize {
	position: absolute;
	top: 60px;
	left: 400px;
	width: 80px;
	height: 30px;
}




table.feed {
	border-width: 0px 0px 0px 0px;
	border-collapse: separate;	
	border-spacing: 5px;
	border-style: none none none none;
	border-color: white white white white;

}

table.feed td {
	width: 150px;
	border-width: 0px 0px 0px 0px;
	padding: 8px 15px 10px 15px;

	background-color: white;
	-moz-border-radius: 0px 0px 0px 0px;
}
	


/*html styles*/
#partners-html{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 500px;
	height: 500px;
	background-image: url("images/partners-bg2.jpg");
	background-repeat: no-repeat;
	z-index: 1;
}

#partners-tv {
	position: absolute;
	top: 36px;
	left: 110px;
	width: 96px;
	height: 96px;

}

#partners-funders {
	position: absolute;
	top: 36px;
	left: 274px;
	width: 96px;
	height: 96px;

}

#partners-volunteers {
	position: absolute;
	top:138px;
	left: 361px;
	width: 96px;
	height: 96px;

}

#partners-policy {
	position: absolute;
	top:256px;
	left: 344px;
	width: 96px;
	height: 96px;

}

#partners-comm {
	position: absolute;
	top: 348px;
	left: 265px;
	width: 96px;
	height: 96px;

}

#partners-edu {
	position: absolute;
	top:348px;
	left: 119px;
	width: 96px;
	height: 96px;

}

#partners-media {
	position: absolute;
	top:256px;
	left: 42px;
	width: 96px;
	height: 96px;

}

#partners-third {
	position: absolute;
	top:130px;
	left: 16px;
	width: 96px;
	height: 96px;

}

/* id's for layers */
#lyr1, #lyr2, #lyr3, #lyr4, #lyr5, #lyr6, #lyr7, #lyr8   { 
	position:absolute; 
	visibility:hidden; 
	left:120px; 
	top:90px; 
	width:200px; 
	z-index:100;
	font-size : 80%;
	}
	
#partners-html a {
    		text-decoration : none;
    		color : #2A6585;
			font-weight : bold;
			font-size : 80%;
			}
			
#partners-html a:active	{
    			text-decoration : underline;
    			color : #2A6585;
				font-size : 80%;
			}
#partners-html a:visited	{
		  		text-decoration : none;
    			color : #2A6585;
				font-weight : bold;
				font-size : 80%;
			}
#partners-html a:hover 	{
    			text-decoration : underline;
    			color : #1F6D00;
				font-size : 80%;
			}
			
.hidden
{position:absolute;
left:-10000px;
top:auto;
width:1px;
height:1px;
overflow:hidden;}