@charset "UTF-8";
/* CSS Document */



html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
	
}


/* =Structure
-------------------------------------------------------------- */
body {
	height: auto; 
	min-height: 100%;
	margin: 0 auto;
	background-color:#010107;
	background: repeat-x scroll center top 010107;
}



#header{
	margin: 0 auto;
	height: 35px;
	background-image: url(head.jpg);
	background-repeat: repeat-x;

	
}

#subdivheader{
    text-align: left;
    width: 1003px;
    height: 100%;
	padding-top: 9px;	
	background-image: url(head.jpg);
	background-repeat: repeat-x;
	margin: 0 auto;
	z-index:5000;
	position:relative;
} 

#bracket{
    margin-top:1px;
    margin-right:416px;
    border:none;
	z-index:2;
	position:absolute;
	text-align:right;
	
}

p.margin{
	margin-right:416px;
    border:none;
	text-align:right;
	
}


.margin{
	margin-left:20px;
}

.margin2{
	margin-left:10px;
}

.float{
	float:left;
}

.floatright{
	float:right;
}


.showimage{
	float:left;
	border: gray solid 1px;
	margin-right: 20px;
	margin-bottom: 20px;
}


#main {
	background:#010107 url(bg_body3.jpg) top repeat-x;
	
}
	

#wrapper {
	width:100%;
	background:url(bg_wrapper3.jpg) top center no-repeat;
	
}

#wrapper_inner {
	width:940px;
	overflow:hidden;
	margin:0 auto;
}



#content{
	height: auto; 
	min-height: 100%;
	margin-top: 65px;
	background:#FFFFFF;
}

#subcontent{
   text-align: left;
    width: 940px;
	height: auto; 
	min-height: 100%;
    background: #FFFFFF;
	margin: 0 auto;
	
}

#contentbox{
	height: auto; 
	min-height: 100%;
	padding-top:7px;
	float:right;
	width:720px;
	text-align:left;
	
}

#contentboxleft{
	height: auto; 
	min-height: 100%;
	padding-top:10px;
	padding-left:10px;
	float:left;
	width:690px;
	text-align:left;

	
}

#bottomboxleft{
	height: auto; 
	min-height: 100%;
	padding-right:25px;
	padding-top:7px;
	float:left;
	width:270px;
	text-align:left;
	
}



#bottomboxright{
	height: auto; 
	min-height: 100%;
	padding-top:7px;
	padding-right:10px;
	float:left;
	width:365px;
	text-align:left;
	
}

#borderbox{
	width:270px;
	border:1px solid gray;
	height:auto;
	min-height:100%;
	margin-left:20px;
	padding:15px;
}

.center{text-align:center;}





#column{
	height: auto; 
	min-height: 100%;
	padding-top:7px;
	padding-left:15px;
	float:left;
	width:190px;
	text-align:left;
	
}


#column2{
	height: auto; 
	min-height: 100%;
	padding-top:7px;
	padding-left:15px;
	float:left;
	width:142px;
	text-align:left;
	
}


#column3{
	height: auto; 
	min-height: 100%;
	padding-top:7px;
	padding-left:15px;
	float:left;
	width:230px;
	text-align:left;
	
}

#column4{
	height: auto; 

	padding-top:7px;
	padding-left:0px;
	float:left;
	width:230px;
	text-align:left;
	
}



#subclear {
clear: both;
}


#sponsor{
	height: auto; 
	min-height: 100%;
	margin: 0 auto;
	text-align: center;
	width:940px;
	overflow:hidden;
	margin:0 auto;
	background-color: #ffffff;

}



#footer{
	height: auto; 
	min-height: 100%;
	margin: 0 auto;
	height: 25px;
	
}


#subfooter{
	text-align: left;
	width:940px;
	height: 27px;
	margin: 0 auto;
	background-image: url(footer.png);
	background-repeat:no-repeat;
}


#bottom {
	height: auto; 
	min-height: 100%;
	margin: 0 auto;
}



#copyright{
	margin: 0 auto;
	height: 85px;
	background-repeat: repeat-x;
	
}

#subcopyright{
    text-align: left;
    width: 975px;
    height: 100%;
	margin: 0 auto;
} 


#thing {
	display:block;
	width:250px;
	min-height:100px;
	background: transparent;
	z-index:6;
}


/* =navigation drop menu
-------------------------------------------------------------- */

#jsdm
{	margin: 0;
	padding: 0;
	}

	#jsdm li
	{	float: left;
		list-style: none;
		font-size: .7em;
		letter-spacing:1px;
		font-family: Arial,Helvetica,sans-serif;
		font-weight:600;
		letter-spacing:1px;
		}

	#jsdm li a
	{	display: block;	
		padding: 3px 22px 8px;		
		text-decoration: none;
		color:#FFFFFF;
		white-space: nowrap;
		position: relative;
   		z-index: 4;
		}
		
	.home #jsdm li a.nav-home,
	.tickets #jsdm li a.nav-tickets,
	.stage #jsdm li a.nav-stage,
	.zoozoo #jsdm li a.nav-zoozoo,
	.about #jsdm li a.nav-about,
	.venue #jsdm li a.nav-venue,
	.contribute #jsdm li a.nav-contribute,
	.contact #jsdm li a.nav-contact,
	
	
	#jsdm:link li a {	
			color:#52AEE0;
			}
					
			
	.home #jsdm li a:hover {	
			color:#333333;
			}											
		
		
	#jsdm li a:active {	
		color:#FFFFFF;			
		}	
		
		

	#jsdm li a:hover {	
		text-decoration:none;
		color:#333333;			
		}
		
			
		#jsdm li ul  {	
			margin: 4px;
			padding: 0;
			position: absolute;
			visibility: hidden;	
			font-size:medium;
			}
		
			#jsdm li ul li
			{	float: none;
				display: inline}
			
			#jsdm li ul li a
			{	width: auto;
				background: #07324F;
				color: #ffffff;
				/* for IE */
  				filter:alpha(opacity=80);
  				/* CSS3 standard */
  				opacity:0.8;
				font-weight: 100;
    			letter-spacing: 1px;
  }
			
			#jsdm li ul li a:hover
			{	background: #1B75BB;
				background-image: url(drop.gif);
				background-repeat: repeat-x;
				font-weight: 100;
    			letter-spacing: 1px;
			}
			
			
/* =scrolling mainpage images
-------------------------------------------------------------- */			
			

#featured {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 2px solid #CCCCCC;
    height: 309px;
    padding-right: 250px;
    position: relative;
    width: 480px;
}
#featured ul.ui-tabs-nav {
    left: 448px;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    width: 270px;
    z-index: 3;
}
#featured ul.ui-tabs-nav li{ 
	padding:0px 0; padding-left:13px;  
	font-size:12px; 
	color:#666; 
}
#featured ul.ui-tabs-nav li img{ 
	float:left; 
	margin-right: 7px;
	background:#fff; 
	padding-top:0px;
	margin-left:5px; 
	margin-top:5px;
	margin-bottom:5px;
}
#featured ul.ui-tabs-nav li span{ 
	font-size:11px; font-family:Verdana; 
	line-height:18px; 
}
#featured li.ui-tabs-nav-item a{ 
	background: none repeat scroll 0 0 #FFFFFF;
    color: #333333;
    display: block;
    height: 103px;
    line-height: 20px;
    margin: 0px;
    padding-top: 0px;
}

#featured li.ui-tabs-nav-item a:hover{ 
	background:#f2f2f2; 
}
#featured li.ui-tabs-selected{ 
	background:url('selected-item2.png') top left no-repeat;	
	align-self:center; 
	
}
#featured ul.ui-tabs-nav li.ui-tabs-selected a{ 
	background:#ccc; 
}
#featured .ui-tabs-panel {
    background: none repeat scroll 0 0 #999999;
    height: 310px;
    position: relative;
    width: 460px;
}

#featured .ui-tabs-panel .info{
	position: absolute;
	top: 206px;
	padding-left: 5px;
	height: 98px;
	background: url('transparent-bg.png');
	padding-top: 5px;
	width: 456px;
	
}

#featured .info h2{ 
	font-size:16px; 
	font-family:Arial,Helvetica,sans-serif; 
	color:#fff; 
	padding:4px; 
	margin:0;
	overflow:hidden; 
}
#featured .info p{ 
	margin:0 5px; 
	font-family:Verdana; font-size:11px; 
	line-height:15px; color:#f0f0f0;
}
#featured .info a{ 
	text-decoration:none; 
	color:#fff; 
}
#featured .info a:hover{ 
	text-decoration:underline; 
}
#featured .ui-tabs-hide{ 
	display:none; 
}			





/* =facny box columns for productions page
-------------------------------------------------------------- */

#fancyleft {
    float: left;
    height: 250px;
    min-height: 100%;
    padding-right: 25px;
    padding-top: 7px;
    text-align: left;
    width: 180px;
}


#fancyright {
    float: left;
    height: 100%;
    min-height: 100%;
    padding-right: 10px;
    padding-top: 7px;
    text-align: left;
    width: 455px;
}






			
			
			
/* =text style
-------------------------------------------------------------- */				
h1 {
	font-family: Arial,Helvetica,sans-serif;
	
	padding-bottom:6px;
	font-size:13px;
	letter-spacing:1px;
	color:#666;
	font-weight:bolder;
	text-transform:uppercase;
	
}

h2 {
	font-family: Arial,Helvetica,sans-serif;
	padding-top:16px;
	padding-bottom:6px;
	font-size:12px;
	letter-spacing:1.5px;
	color:#666;
	font-weight:100;
	text-transform:uppercase;
	
}
	
	
h3 {
	color: #000000;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    font-weight: bold;
    letter-spacing: 0 em;
    margin-top: 7px;
    text-transform: uppercase;
	
	
}
		
	
a {
	color:#6badda;
	text-decoration:none;

}



a:visited {
	text-decoration:none;
	color:cfd1d2;
}

a:hover {
	text-decoration:none;
	color:#378cbc;
}

a:active {
	text-decoration:none;
	color:6badda;
}

a.link{
	color:#00AEEF;
}


p.bottom {
	padding-top:3px;
	
}

a.subnav {
	font-family: Arial,Helvetica,sans-serif;
	padding-left:20px;
		text-transform:capitalize;
		font-weight:500;
		font-size:12px;
}

a.subnavblue {padding-left:20px;
		text-transform:capitalize;
		font-weight:500;
		font-size:12px;
		color:#52AEE0;
}

a.subnavblue2 {padding-left:0px;
		text-transform:capitalize;
		font-weight:500;
		font-size:12px;
		color:#52AEE0;
}
	

a.bottom:link {
	text-decoration:none;
	color:#ffffff;
	font-size:9px;
	font-family: Arial,Helvetica,sans-serif;
	letter-spacing:1.5px;
	padding-left:35px;
}
a.bottom:visited { color:#ffffff;}
a.bottom:hover {color:#F2F2F2;}
a.bottom:active {color:#ffffff;}


a.bottomleft:link {
	text-decoration:none;
	color:#FFFFFF;
	font-size:9px;
	font-family: Arial,Helvetica,sans-serif;
	letter-spacing:1.5px;
	padding-left:17px;
}

a.bottomleft:active {color:#BBD4E0;}
a.bottomleft:visited {color:#BBD4E0;}
a.bottomleft:hover {color:#F2F2F2;}

	
			
p	{		
	font-family: Arial,Helvetica,sans-serif;
	font-size:11px;
	letter-spacing:1px;
	color:#333;
	line-height:18px;
	padding-right:0px;
}

p.sidehead	{		
	font-size:28px; 
	margin-top:30px;
}


p.bighead {
	font-size:45px;
	letter-spacing:0px;
	line-height:10px;
	text-transform:uppercase;
	color:#52AEE0;
	font-family:helvetica;
	font-weight:900;
	}
	
	
p.bigheadred {
	font-size:45px;
	letter-spacing:0px;
	line-height:10px;
	text-transform:uppercase;
	color:#BF1E2D;
	font-family:helvetica;
	font-weight:900;
	}


p.sidebar{
	margin-bottom:5px;			
}

p.copy{
	margin-top:5px;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 7px;
	color:#FFFFFF;
	margin-left:705px;
	font-weight:100;
}

a.blue{
	color:#25A9E0;
}



.social{
	font-family: Arial,Helvetica,sans-serif;
	margin-top:0px;
	margin-right:18px;
	float:left;
}

ul.bullet {
	margin-left: 10px;
	margin-top:5px;
	color:#00C;
	line-height:18px;
	list-style-type: disc;
	list-style-position:inside;
}

li.bullet {
	color:#333333;
	
	font-family: Arial,Helvetica,sans-serif;
	font-size:11px;
	letter-spacing:1px;
	margin-bottom:7px;
	
}

.border {
	color:#333333;
	border-style:solid;
border-width:1px;"
}