/*  MAIN STYLES  */

body {	margin-top:0px; height:100%;background-color:#000000; }


.navigation     {	 width:950px;height:40px; top:20px; 
				     position: absolute;left: 50%; margin-left: -475px;
					 border-bottom:solid; border-bottom-width:2px; border-bottom-color:#CCCCCC;
				     background-color:#000000;z-index:50;
					}	
					
					
					
.title      {	    width:180px;height:40px; top:0px; 
				     position: absolute;left:0px;
	                background-color:transparent;z-index:60;
					}	
					
.plus      {

	height:40px;
	width:20px;
	top:0px;
	position: absolute;
	left:275px;
	background-color:transparent;
	z-index:70;
					}	
					
					
					
#main 			{	 width:950px;height:560px; top:100px;
				     position: absolute;left: 50%;
				     margin-left: -475px; z-index:10;
					 
					}
#index 		{	 width:1000px;height:650px; top:20px;
				     position: absolute;left: 50%;
				     margin-left: -500px; z-index:10;
					 
					}

.background 	{	 width:950px;height:595px; top:60px;
				     position: absolute;left: 50%;
				     margin-left: -475px;
					 
					}
					
.darkbackground_index   {	 width:950px;height:255px; top:15px;
				     position: absolute;left:0px;
				    background-color:#000000;opacity:.65;filter: alpha(opacity=65); -moz-opacity: 0.65; z-index:50;
					}	
					

.redbackground_index   {	 width:950px;height:215px; top:285px;
				             position: absolute;left:0px;
				             background-color: #990000;z-index:50;
					}	
									
					
.darkbackground   {	 width:950px;height:450px; top:0px;
				     position: absolute;left:0px;
				    background-color:#000000;opacity:.65;filter: alpha(opacity=65); -moz-opacity: 0.65; z-index:50;
					}	
					
					
.darkbackground2   { width:950px;height:450px; top:0px;
				     position: absolute;left:0px;
				    background-color:#000000;opacity:.75;filter: alpha(opacity=75); -moz-opacity: 0.75; z-index:50;
					}						
					
.darkbackground3   { width:950px;height:450px; top:0px;
				     position: absolute;left:0px;
				    background-color:#000000;opacity:.85;filter: alpha(opacity=85); -moz-opacity: 0.85; z-index:50;
					}						
										
.volcanoname 		   {	 width:290px;height:40px; top:30px;
				     position: absolute;left:20px;
				      background-color:transparent;z-index:50;
					}	
					
.video		   {	 width:180px;height:40px; top:30px;
				     position: absolute;left:20px;
				      background-color:transparent;z-index:50;
					}	
							
							
							
										
					
.content 		{	 width:570px;height:400px; top:30px;
					 padding-right:50px;
				     position: absolute;left:290px;
				     z-index:50;
					}					
.content_index		{	 width:910px;height:180px; top:30px;
					 padding-top:5px; padding-bottom:5px; padding-left:20px; padding-right:20px;
				     position: absolute;
				     z-index:50;
					}					


.featured_content 		{	 width:910px;height:190px; top:0px;
							  position: absolute; padding-top:10px; padding-bottom:10px; padding-left:20px; padding-right:20px;
				   			  z-index:50;
					}					


.feature1		   {	 width:240px;height:190px; top:15px;
				     position: absolute;left:40px;
				      background-color:transparent;z-index:50;
					}	

.feature2		   {
	width:256px;
	height:207px;
	top:15px;
	position: absolute;
	left:330px;
	background-color:transparent;
	z-index:50;
					}	


.feature3		   {
	width:256px;
	height:210px;
	top:15px;
	position: absolute;
	left:650px;
	background-color:transparent;
	z-index:50;
					}	

					
.gallery 		{	 width:400px;height:350px; top:50px;
					 padding-right:50px;
				     position: absolute;left:350px;
				     z-index:50;
					}					



/*FLEXSCROLL STYLES */




.scrollgeneric {
line-height: 1px;
font-size: 1px;
position: absolute;
top: 0; left: 0;
}

.vscrollerbase {
width: 15px; 
background-color: transparent;
}
.vscrollerbar {
width: 7px;
background-color: #666666;
border: solid; border-width:thin; border-color: #000000;
}



.scrollerjogbox {
width: 10px;
height: 10px;
top: auto; left: auto;
bottom: 0px; right: 0px;
background-color:transparent;
}


#scroll_content {
	/* Typical fixed height and fixed width example */
	width: 530px; 
	height: 360px;
	overflow: auto;
	/* IE overflow fix, position must be relative or absolute*/
	position: relative;
	top:0px;
	left:10px; 
	padding:10px; padding-right:30px;  padding-top:0px;
	z-index:100;
}



#scroll_people {
	/* Typical fixed height and fixed width example */
	width: 500px; 
	height: 360px;
	overflow: auto;
	/* IE overflow fix, position must be relative or absolute*/
	position: relative;
	top:0px;
	left:10px; 
	padding:10px; padding-right:30px;  padding-top:0px;
	z-index:100;
}


#scroll_photos {
	/* Typical fixed height and fixed width example */
	width: 200px; 
	height: 360px;
	overflow: auto;
	/* IE overflow fix, position must be relative or absolute*/
	position: relative;
	top:0px;
	left:20px; 
	padding:0px;
	z-index:100;
}


/* images  */

img { border:solid; border-width:1px; border-color:#CCCCCC;}

img.donate {float:left; margin-right:20px;margin-bottom:15px;}

img.nav { border:none;}

		
/* text  */

a, p, div {	font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:11px; letter-spacing:0.1em; line-height:1.5em; 
		color: #E3E3E3; text-decoration:none;  }
		
.showtimes { letter-spacing: 0.05em;}
.boldtitle {font-size:13px; font-weight:700;}
.credits { font-style:italic; font-size:10px;letter-spacing:0.1em; text-align:left;}


.feature {color: #FF0000;}
.galleryfeature {color: #FF0000;font-weight:700;}
.indexfeature {color: #FFFFFF;font-weight:700; }

.quote { font-style:italic;}

.name {color: #FF9900;}

/* links */

a { color: #FF0000; text-decoration:underline; }
a.feature { color: #FF9933; text-decoration:underline; }
a:hover {	color:  #FFCC00;}