/*  MAIN STYLES  */

body {	margin-top:0px; height:100%;background-color: transparent; }
body#nothing { visibility:hidden; background-color:transparent;}
iframe { 	border:none; background-color: transparent; }



#main_stage		 {	  background-repeat:no-repeat; background-color:#000000; background-position:center;
					  position: absolute;left: 50%;
					  margin-left: -475px; 
    		   		  width:950px;height:650px;top:0px; z-index:1;
				  }


.navigation {   width:1000px;height:140px; top:0px;
				position: absolute;left: 50%;
				margin-left: -502px; z-index:200; 
				
			}
			
.submenu    {   width:900px;height:30px; background-color: transparent;
				position: absolute;left: 50%; top:145px;
				margin-left: -500px;
				
			}

.content			{	position:relative;left:50px;top:180px; width:800px;}



.main 			{	position: absolute;left:0;
					top:180px; z-index:100;
					}




/*  PRODUCTIONS STYLES  */


.production_list {	 position:absolute;left:15px;top:190px;
					 padding-right:15px; 
					 height:395px; width:140px; 
					 border-right:solid; border-right-width:2px; border-right-color: #000000;
					
					}


#production_content {	height:450px; width:700px; 
						position:absolute;
						left:200px; 
						
					
                    }

.showtitle { position:absolute; width:550px; height:50px;top:3px; left:-15px;}
.showheader {    position:relative; width:550px;height:160px; padding:0px;}	




.bottommenu {  position:absolute;top:390px; left:-13px; width:500px; }




					
#container_showinfo {		position:absolute; top:0px; left:0px;	
								width:580px;height:350px; z-index:2}	



.production_bottommenu {  position:absolute; top:350px; left:30px;z-index:20;}




/* HOME */

.mandate 	 {   width:1000px;height:200px; background-color: transparent;
				position: absolute;left: 50%; top:151px;
				margin-left: -500px;
			 }	
			 
.erupting 	 {   width:1000px;height:250px;  background-color: transparent; 
				position: absolute;left: 50%; top:356px;
				margin-left: -500px;
			 }			
		
				
.plus			{	position: absolute;left:907px; width:25px; height:25px;
					top:174px; z-index:100}

div#container		 {	position:absolute; top:0px; left:40px; 
						padding:0px; 
						width:870px;height:200px;}	

div#erupting_nowbg		{   width:1000px;height:250px;   background-image:url(../Visuals/Backgrounds/red.jpg); background-repeat:no-repeat;
							position: absolute;left: 50%; top:0px;
							margin-left: -497px;
			 }				
div#erupting_now		 {		position:absolute; top:40px; left:50px;
						 		padding:10px;
								width:870px;height:250px;}	

div#erupting_now_table		 {		position:absolute; top:27px; left:50px;
						 	 	    padding:10px;
								   width:850px;height:250px;}	
				 

#main_white		{	position: absolute;left:0;
					width:918px;height:427px;top:180px;}

							
/* PHOTOS */

.gallery 		{	 width:500px;height:0px; top:10px;
					 padding-right:10px;
				     position: absolute;left:30px;
				     z-index:50;
					}					


	
.video		   {	 width:180px;height:40px; top:10px;
				     position: absolute;left:500px;
				      background-color:transparent;z-index:50;
					}	


/* EDUCATION */


div#left_column {	position:relative; width:350px; height:395px;
					top:0px; left:0px;}



#education_content {height:320px; width:650px; 
					position:absolute; top:0px; left:350px;
					padding:0px;
					
}


.education_bottommenu {  position:absolute; top:375px; left:225px;z-index:20;}
.education_line { position:absolute;width:550px; height:10px; left:-5px; top:0px;} 




/* images  */

img {	border:none}

			
.white_border { border:solid; border-width:1px; border-color:#FFFFFF; float:left; margin-right:20px; margin-bottom:7px;}
.pressimage { border:solid; border-width:1px; border-color:#FFFFFF; margin-right:5px; margin-bottom:5px;}

.showimage { border:solid; border-width:1px; border-color:#FFFFFF; margin-right:10px; margin-bottom:10px; float:left;}
.album { border:solid; border-width:1px; border-color:#FFFFFF; margin-right:10px; margin-bottom:10px; text-align:center;}

.showbottommenu {  position:absolute; top:390px; left:10px;}
.line { position:relative;width:550px; height:10px; left:0px;} 


.img1 {position:absolute; width:245px; height:130px; padding:0px; left:10px; top:0px; }
.img2 {position:absolute; width:245px; height:130px; padding:0px; left:310px; top:0px;}
.img3 {position:absolute; width:245px; height:130px; padding:0px; left:610px; top:0px;}

#next {  position:absolute; top:270px; width:420px;}
#prev {  position:absolute; top:270px; width:300px;}

#photo_container {
	
	width: 570px;
	height: 300px;
	position: relative;
	top:0px;
	left:0px;
	padding-right: 15px;
	padding-left:15px;
	z-index: 1;
}



		
/* text  */

 p, td {	font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:11px; letter-spacing:0.1em; line-height:1.4em; 
		color: #E3E3E3;}
a {font-size:10px;}		
table { border:solid; border-width:1px; border-color:#CCCCCC;}
td { border-bottom:solid; border-right:solid; border-width:1px; border-color:#CCCCCC;}

h3  {	font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:15px; line-height:1.5em; 
		color: #E3E3E3; text-decoration:none; font-weight:bold; }
		
h4  {	font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:12px; line-height:1.5em; 
		color: #E3E3E3; text-decoration:none; font-weight:bold; }


.production_list p  { font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:10px; letter-spacing:0.1em;line-height:1.8em;  }

.dark { color:#333333;}
.black { color:#000000;}
.red {  color: #FFCC33; padding-right:15px; 
		border-right:solid; border-right-width:1px; border-right-color:#FFCC33;}
		
.board {  color: #FFCC33; }

.quote {font-style:italic;}
.credits { color: #CCCCCC; font-style:italic; font-size:9.5px;letter-spacing:0.1em; text-align:left;}
.next { color: #CCCCCC; font-style:italic; font-size:10px;letter-spacing:0.1em; text-align:right;}

.award { text-align:left; font-weight:bold; font-size:9.5px;letter-spacing:0.1em; color: #FFCC33;}

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


/* links */

a { color:#FFFF99; text-decoration:none;}
a:hover {	color:#FFCC33;}


.production {  color:#FFCC33;text-align:center; text-decoration:none; }
a.production:hover {	text-decoration:none;color: #FFFF99;}



.black a:hover {	text-decoration:none; color: #999999;}
a.green { color: #CCFF99; text-decoration:none; border:none; }
a.green:hover { color:#7ECB1F;}

a.orange { color: #FFCC99; text-decoration:none; border:none; }
a.orange:hover { color: #FF6600;}

a.yellow { color: #FFFF99; text-decoration:none; border:none; }
a.yellow:hover { color: #FFCC33;}







/*FLEXSCROLL STYLES */




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

.vscrollerbase {
width: 9px; 
background-color: #666666;opacity:.45;filter: alpha(opacity=45); -moz-opacity: 0.45;

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



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





/* GENERAL */

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


	
			 
						
#scroll_production {
	/* Typical fixed height and fixed width example */
	width: 580px; 
	height: 300px;
	overflow: auto;
/* IE overflow fix, position must be relative or absolute*/
	position: relative;
	top:65px;
	left:0px;
	padding-right: 30px;
	padding-left:0px;
	z-index: 1;
}
				
				
				

#scroll_education {
	/* Typical fixed height and fixed width example */
	width: 570px;
	height: 320px;
	overflow: auto;
	/* IE overflow fix, position must be relative or absolute*/
	position: relative;
	top:0px;
	left:0px;
	padding-right: 30px;
	z-index: 1;
	
}





#scroll_touring {
	/* Typical fixed height and fixed width example */
width: 600px;
	height: 360px;
	overflow: auto;
	/* IE overflow fix, position must be relative or absolute*/
position: absolute;
	top:20px;
	left:180px;
	padding-right: 15px;
	padding-left:15px;
	z-index: 1;
}





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