/* Reagle Players Primary CSS (main.css) */

body, html { padding: 0; margin: 0; font: 12px Verdana, Arial, Helvetica, sans-serif; }

html {overflow-y: scroll;}

/* Set background color and gradient */
body { background: #000 url(../images/body_bg.jpg) no-repeat;
background-position: center top;}



#container { width: 780px; margin: 0 auto; position:relative;}

  #top { 
	  width: 780px; 
	  height: 300px; 
	  background: transparent; 
	  position:relative;
	  }

	#header{
		background-image: url(../images/header_bg.jpg);
		background-repeat:no-repeat;
		width:	780px;
		height:	95px;
	}
	
		#logo {
			height: 55px;
			width:	400px;
			position: absolute;
			top:	19px;
			left:	10px;
			display: block;
			text-indent: -10000px;
		}
		
		#tagline {
			height: 95px;
			width: 126px;
			position: absolute;
			top: 0;
			right: 10px;
		}
		
		#tagline a:link, #tagline a:visited, #tagline a:active {
			height: 95px;
			width: 126px;
			text-indent: -10000px;
			display: block;
			background-image:	url(../images/broadway_text1.jpg);
			background-repeat: no-repeat;
		}
			
			#tagline a:hover {
			background-image: url(../images/broadway_text2.jpg);
			background-repeat: no-repeat;
			}
	
	#top_photo {
		width:	640px;
		height: 200px;
		overflow: hidden;
		background-color:	#000;
		margin-left: 10px;
		}
		
		#top_photo img {padding: 0px }
		
	
/*______FEATURE BUTTONS STYLES______*/
	#feature_buttons {
		position: absolute;
		top:	95px;
		right:	10px;
		overflow: hidden;
		height:	200px;
		width:	120px;
		z-index: 100000;
		}
			
		#feature_buttons li, #feature_buttons a:link, #feature_buttons a:visited {
			display:block;
			width:120px;
			height: 50px;
			background-color: transparent;
			color:#FFF;
			text-indent: -10000px;
			text-decoration:none;
			}
		
			/* summer musicals feature button*/
			li#summer {
				/*position: absolute;
				left: 0;*/
				background: url(../images/feature_button_states.jpg) 0 0;
				}
			li#summer a:hover {
				background: url(../images/feature_button_states.jpg) -120px 0;
				}
				
				
			/* celebrity concerts feature button */
			li#celebrity {
				/*position: absolute;
				left: 0;*/
				background: url(../images/feature_button_states.jpg) 0 -50px;
				}
			li#celebrity a:hover {
				background: url(../images/feature_button_states.jpg) -120px -50px;
				}


			/* educational programs feature button */
			li#educational {
				/*position: absolute;
				left: 0;*/
				background: url(../images/feature_button_states.jpg) 0px -100px;
				}
			li#educational a:hover {
				background: url(../images/feature_button_states.jpg) -120px -100px;
				}
				
			
			/* original revues feature button */
			li#revues {
				/*position: absolute;
				left: 0;*/
				background: url(../images/feature_button_states.jpg) 0px -150px;
				}
			li#revues a:hover {
				background: url(../images/feature_button_states.jpg) -120px -150px;
				}

  #bottom { width: 770px;  border-left: 5px solid #000; border-right: 5px solid #000; clear:both; }

    #mainnav { width: 763px; background: #f6ecd9 url(../images/content_top_bg.jpg) no-repeat; margin-left:3px; }

    #maincontent { width: 763px; }
	
	
	
	#maincontent h1 { font: 28px Georgia, "Times New Roman", Times, serif; color: #8e000a; }
	
	#maincontent a:link, #maincontent a:visited { display: inline; text-decoration: none; color: #8e000a; }
	
	#maincontent a:hover, #maincontent a:active { display: inline; text-decoration: none; color: #E28383; }

	#index_wide {
		width: 763px;
		margin: 45px auto 20px auto;
	}
	
		#index_wide p, #index_wide h1, #index_wide h2, #index_wide h3 {margin-left: 15px;}
		
	#featured_show {
		padding: 15px;
		position: relative;
		margin-top:20px;
		background-image:url(../images/featured_show_top.jpg);
		background-repeat: no-repeat;
		background-color: #98001A;
	}
	
		#featured_show td {
			padding-right: 20px;
			}
			
		#featured_show h2 {margin-left:0; margin-top: 5px;}
		#featured_show p {margin-left:0; margin-bottom: 5px;}
		
	
	#featured_show_bottom {
		height: 15px;
		width: 763px;
		margin-bottom: 10px;
		background-image: url(../images/featured_show_bottom.jpg);
		background-repeat: repeat-x;
		position: relative;
	}

	#featured_show a:link, #featured_show a:visited {color: #EDC788;}
	
	#featured_show a:hover, #featured_show a:active {color: #E28383; }
   
	
#indexleft { 
	width:460px; 
	float:left; 
	display: block;
	display: inline;
	margin-left: 15px;
	margin-right: 20px;
	}
	
	#indexleft h2 {margin-bottom: 10px;}
	#indexleft h3 {margin: 20px 0 5px 0;}
	#indexleft p {margin-bottom: 5px;}

#indexright { 
	width:250px;
	float: left;
	display: block;
	display: inline;
	}
	
	
	#mailinglist {margin: 20px 0;}
	
	legend {margin-bottom: 10px; color: #000}
	
/*___________________TYPOGRAPHY_________________*/	
	h2 {font: 20px Arial, Helvetica, sans-serif; color: #8E000A; }
	h3 {font: bold 16px Arial, Helvetica, sans-serif; color: #000; }
	p {margin-bottom: 10px;}
   
   .gold {color: #EDC788;}
   .white {color: #FFF}
   .date {font-size: 10px; font-weight: bold; color: #E28383; }
   .date12 {font-size: 12px; font-weight: bold; color: #E28383; }
   .bold {font-weight: bold;}
   .italic {font-style:italic;}
   .bold16 {font-weight: bold; font-size: 14px; color:#8E000A; }
   .italic16 {	font: bold italic 16px Georgia, "Times New Roman", Times, serif;}
   
   
   #contentbottom { width: 763px; height: 30px; background: #000 url(../images/content_bg_bottom.png) no-repeat; clear: both; }
   
 
	#foot { 
    position:relative;
	width: 750px;
	height: 30px;
	background: #000;
	color: #f6ecd9;
	padding: 0 15px 5px 15px;
	line-height: 10px;
	line-spacing: .1em;
}
  
    #footleft { position:absolute; left:2%; font:10px Arial, Helvetica, sans-serif;}
	
	  #footleft a:link, #footleft a:visited { text-decoration: none; color: #f6ecd9; }
	  
	  #footleft a:hover, #footleft a:active { text-decoration: none; color: #dfc28c; }
	
	#footright { position:absolute; right:2%;  font:10px Arial, Helvetica, sans-serif; }
	
	#ticket { width: 110px; height: 45px; background: url(../images/content_ticket_bg.jpg) no-repeat; margin: 0; float:left; }
	
	#support { width: 110px; height: 45px; background: url(../images/content_support_bg.jpg) no-repeat; padding: 0 3px 0 0; float:right; }
	
	  #support a, #ticket a { display:block; width:110px; height:45px; }
	
	
	.subhead { font-size: 14px;	color: #8E000A; }
 
 
#menu { width:400px; height:30px; margin-left: 205px;}
 
.input {background-color:#f6ecd9
}

#logos {
	width: 720px;
}


/* #7a2531 = Reagle red
   #f6ecd9 = Main content background color
   #dfc28c = The gold color */
	
.show { width: 300px; height: 300px; padding: 0 10px; }

.show img { padding:1px; border: 1px solid #C93; }