/* ---------------------------------------------------------

	1.	GLOBAL STYLES		
	2. 	TYPOGRAPHY									
	3.	DIV CONTAINERS																					
	4.	HEADER	
	5.	CONTENT STYLES
		 - Global
		 - Static Content Pages
		 - Homepage	
		 - Sponsors	
		 - Booking Pages
		 - Contact Page & Subscribe
		 - Sitemap	
		 - Gallery
		 - Performances	
	6.	NAVIGATION
	7.  FOOTER
	8.  FORMS

-----------------------------------------------------------	*/



/* ---------------------------------------------------------
	1.	GLOBAL STYLES												
-----------------------------------------------------------	*/
html, body {
	font				: 11px tahoma, arial, verdana, sans-serif;
	color				: #6A6A6A;
	text-align			: center;
	line-height			: 13px;
	background			: #A4B3AC url("../images/stc-main-bg.jpg") repeat top center;
}

html, body {
	height				: 100%;
}

* { 
	padding				: 0; 
	margin				: 0;
	outline				: none;
}

a img, img a {
	border				: none;
}

.left {
	float				: left
}

.right {
	float				: right
}

.clear {
	clear				: both;
}

.buffer {
	height			: 3em;
}

a, a:visited, a:active {
	color				: #C10E00;
	text-decoration		: underline;
}

a:hover {
	color				: #C10E00;
}

.highlight {
	color				: #D40F00
}

.highlight_bkg {
	background-color	: #D40F00
}

.ico_pdf {
	list-style-type		: none;
	padding				: 5px 0;
}

.ico_pdf li a, .ico_pdf li a:active, .ico_pdf li a:visited {
	margin				: 2px 0 0 0;
	display				: block;
	clear				: left;
	padding				: 2px 0 2px 20px;
	color				: #FFF;
	background			: url("../images/ico_pdf.gif") no-repeat left center;
	text-decoration		: none;
}

/* IE only */
/*\*/
* html .ico_pdf li a , * html .ico_pdf li a:active, * html .ico_pdf li a:visited {
	float				: left;
}
/**/

.ico_pdf li a:hover {
	text-decoration		: underline;
	color				: #FFF;
}

img.brd {
	border-right		: 2px solid #54635A;
	border-bottom		: 2px solid #54635A;
}



/* ---------------------------------------------------------
	2.	TYPOGRAPHY											
-----------------------------------------------------------	*/
p {
	margin-bottom		: 15px;
}

h1 {
	margin-bottom		: 5px;
	margin-left			: 10px;
}

h2 {
	margin-bottom		: 5px;
	margin-left			: 10px;
}

h3 {
	color				: #113376;
	font-size			: 11px;
	margin-bottom		: 5px;
}

h4 {
	font-size			: 11px;
}

.small-font	{
	font-size: 9px;
}
	
/* ---------------------------------------------------------
	3.	DIV CONTAINERS								
-----------------------------------------------------------	*/	
#wrapper {
	width				: 760px;
	margin				: 0 auto 0 auto;
	text-align			: left;
	position			: relative;
	padding-top			: 33px;
}
	
#container_mid {
	width				: 540px;
	float				: left;
}

#container_side {
	width				: 185px;
	float				: right;
	padding-right		: 10px;
}



/* ---------------------------------------------------------
	4.	HEADER								
-----------------------------------------------------------	*/	
#header {
	position			: relative;
	height				: 214px;
}

#home-body #header {height: 220px}

a.home-lnk{position:absolute;display:block;width:286px;height:100px;top:42px;left:10px;}

#header .img {
	position		: absolute;
	right				: 0;
	top					: 0;
	background	: url("../images/stc-head-bg.jpg") no-repeat left top;
	width				: 760px;
	height			: 200px;
}

#header .banner {
	position		: absolute;
	top					: 22px; 
	right				: 0;
}

#container_side .welcome {
	position			: relative;
	/*top					: 221px;*/
	width				: 159px;
	height				: 178px;
	padding				: 7px 11px 6px 0px;
	background	: transparent url("../images/txt-front-blurb.gif") no-repeat 11px top;
	color				: #DBE0DD;
}

#container_side .welcome p {margin-bottom: 0;display:none;}

#header .logo_syd {
	position			: absolute;
	top					: 45px;
	left				: 10px;
/*	border-right		: 1px solid #95A79B; 	*/
	padding-right		: 20px;
}

#header .logo_abnamro {
	position			: absolute;
	top					: 50px;
	left				: 230px;
}

#header p.top-address{display:block;position:absolute;top:-15px;right:0px;width:292px;height:13px;background:url(../images/txt-stc-address.gif) no-repeat left top;}
#header p.top-address span{display:none;}	
/* ---------------------------------------------------------
	5.	CONTENT	STYLES	
-----------------------------------------------------------	*/
/* Global */
h1.top-tag{ margin-bottom:-10px;margin-left:0;margin-top:10px;}

h2.top-tag{ margin-bottom:0;margin-left:0;margin-top:10px;float:left;}

.entry {
	position			: relative;
	width 				: 550px;
	padding-bottom		: 10px;
	float				: left;
	background-color: #FFF;
}

.entry img {
	position			: absolute;
	top					: 0px;
	left				: 10px;
	z-index				: 2;
}

.entry p {margin-bottom	: 0}
.entry h4 {color: #ff9610;}

.entry .panel {
	margin				: 10px 0 10px 65px;
	padding				: 7px 0 7px 55px;
	width				: 430px;
	height				: 53px;
	background			: #FFF url("../images/panel_rpt_bkg.gif") repeat-y left top;
}

.entry .panel .cn {
	width				: 300px;
}

.entry .panel .cn a.btn {
	position			: absolute;
	right				: 130px;
	bottom				: 10px;
	color				: #ff9610;
}

.entry .panel .book {
	position			: absolute;	
	right				: 10px;
	bottom				: 10px;
	width				: 108px;
}

.entry .panel .book p { padding-left: 7px}
.entry .panel .book b { color: #FFF}

.entry .book a.btn {
	display				: block;
	width				: 98px;
	margin-top			: 5px;
	padding				: 4px 0 4px 10px;
	float				: left;
	background-color	: #ff9610;
}

.entry .book img {position: relative}

.side_info {
	float: left;
	width: 184px;
	background-color: #E2ECDE;
	text-align: center;
	margin-top: 8px;
	margin-bottom: 8px;
}

.side_info h4 {
	display: block;
	width: 174px;
	height: 17px;
	padding-left: 10px;
	padding-top: 4px;
	background: url("../images/img_side_info_bkg.gif") left top no-repeat;
	text-align: left;
}

.side_info p {
	padding: 5px 10px 5px 10px;
	margin-bottom: 5px;
	text-align: left;
}

.side_info .drop {
	font				: 10px tahoma, arial, verdana, sans-serif;
	color				: #6A6A6A;
	width				: 164px;
	margin-bottom		: 10px;
	border				: 1px solid #A5ACB2
}

.side_info .drop option {
	padding-left		: 10px;
}



/*	Static Content Pages */
#content {
	width				: 735px;
	float				: left;
	position			: relative;
	min-height			: 300px;
	height				: auto;
}

/*\*/
* html #content {
	height				: 300px;
}
/**/

#content .cn {
	width				: 435px;
	padding				: 10px 100px 20px 10px;
	z-index				: 1;
	float				: left;
	background-color	: #FFF;
	margin-top			: 10px;
}

#content .links {
	position			: absolute;
	right				: 0;
	top					: 100px;
	width				: 200px;
	padding				: 10px 10px 10px 10px;
	z-index				: 2
}

#content .info {
	padding				: 100px 10px 10px 10px;
	/*background			: #D40F00 url("../images/img_bkg_pan_red.gif") no-repeat bottom right;*/
	background-color	: #ffc302;
	margin-bottom		: -100px
}

#content .link {
	padding-top			: 110px;
}

#content .img {
	position			: absolute;
	right				: 20px;
	top					: 0;
	z-index				: 3;
}

#content .img img {
	border-right		: 2px solid #54635A;
	border-bottom		: 2px solid #54635A;
}



/* Homepage */	
.spotlight {
	position			: relative;
	float				: left;
}

.spotlight img {
	border-right		: 2px solid #54635A;
	border-bottom		: 2px solid #54635A;
	position			: absolute;
	top					: 0; 
	left				: 10px;
}

.spotlight .content {
	margin-top			: 10px;
	padding				: 100px 10px 10px 10px;
	width: 165px;
	background-color	: #DFE6E2;
}



/* Sponsors */
#sponsors {
	width				: 580px;
	background-color	: #FFF;
	text-align			: center;
}

#sponsors .sponsor {
	text-align			: center;
	float				: left;
	margin				: 15px 0 15px 0
}

#sponsors .divider {
	clear				: left;
	border-bottom		: 1px solid #91A298 
}

#sponsors h4 {
	margin-bottom		: 20px;
	color				: #91A298;
}

#sponsors p {
	color				: #000;
	font-size			: 11px;
	float				: left;
}



/* Booking Pages */
#booking {
	width				: 760px;
	float				: left;
	position			: relative;
}

#booking .cn {
	width				: 520px;
	padding				: 10px;
	float				: left;
	background-color	: #FFF;
}
	
#booking .side {	
	width				: 186px;
	float				: right;
}

#booking .side img {
	border-right		: 2px solid #54635A;
	border-bottom		: 2px solid #54635A;
}

#booking .info {
	float				: left;
	background-color	: #E2ECDE;
	padding				: 10px 15px 10px 15px;
	margin-top			: 25px;
	
}



/* Contact Page & Subscribe */
.contact_boxOne, .subscribe {
	padding				: 10px;
}

.contact_boxOne, .subscribe {
	width				: 355px;
	margin-right		: 10px;
	background-color	: #FFF;
	text-align			: center;
}

.contact_boxOne p, .subscribe p {
	text-align: left;
}

.contact_boxOne input, .contact_boxOne textarea , .subscribe input, .subscribe textarea {
	font				: 11px tahoma, arial, verdana, sans-serif;
	color				: #6A6A6A;
	padding				: 2px;
}

.contact_boxTwo {
	float: right;
	padding: 10px;
	width: 335px;
	background-color: #E2ECDE;
}

.contact_boxTwo a, .contact_boxTwo a:hover {
	color				:#6A6A6A;
}



/* Sitemap */
.sitemap {
	float				: left;
	padding				: 10px;
	width				: 420px;
	background-color	: #FFF;
	margin-right		: 10px;
}

.sitemap ul {
	float				: left;
	width				: 200px;
	list-style-type		: none;
}

.sitemap ul li {
	padding				: 3px 0 3px 0;
}

.sitemap ul li.divider {
	height				: 15px;
}

.sitemap ul li a, .sitemap ul li a:visited, .sitemap ul li a:active {
	color				: #6A6A6A;
}

.sitemap ul li a:hover {
	color				:#C10E00;
}



/* Gallery */
#gallery {
	width				: 750px;
}

#gallery .img {
	float				: left;
}

#gallery .img img {	
	background			: url(../images/gallery/img_info_bkg.gif) no-repeat 10px bottom;
	padding 			: 10px 10px 40px 0;
	z-index				: 1;
}

#gallery #desc {
	font: bold 10px;
	margin-top			: -30px;
	padding-left		: 30px;
	z-index				: 2;
}

#gallery[id] #desc {margin-bottom: 30px; margin-top: -25px;}

#gallery .thumb {
	float				: right;
	width				: 330px;
}

#gallery .thumb img {
	float				: left;
	margin				: 0 5px 5px 0;
	border-right		: 2px solid #54635A;
	border-bottom		: 2px solid #54635A;
}

#gallery br, #gallery .thumb h4 img {
	clear				: left;
	border				: none;
}



/* Performances */
.cn_perform {
	width				: 540px;
	position			: relative;
	float				: left;
}

.cn_perform .cn {
	width				: 255px;
	margin-top			: 10px;
	padding				: 10px 100px 20px 10px;
	background-color	: #FFF;
	z-index				: 1;
}

.cn_perform .info {
	position			: absolute;
	right				: 0;
	top					: 40px;
	width				: 230px;
	padding				: 160px 10px 10px 10px;
	/*background			: #D40F00 url("../images/img_bkg_pan_red.gif") no-repeat bottom right;*/
	background-color	: #ffc302;
	color				: #FFF;
	z-index				: 2;
}
	
.cn_perform .img {
	position			: absolute;
	right				: 10px;
	top					: 0;
	z-index				: 3;
}

.cn_perform h3 {
	color				:#D40F00;
	font-size			: 14px;
	font-weight			: normal;
	text-transform		: capitalize;
	margin-bottom		: 0;
} 



/* ---------------------------------------------------------
	6.	Navigation						
-----------------------------------------------------------	*/	
/* Level 1 */
#nav {
	list-style-type		: none;
}

#nav i a {
	position			: absolute;	
	text-decoration		: none;
	top					: 145px;
	height				: 34px;
	background-image:	url(../images/hover-states.jpg);
	background-repeat: no-repeat;
	background-position: 0 35px;
}

#nav i a span {
	visibility 			: hidden;
}

#nav a.home{left: 0; width:77px; /*background: url("../images/nav_home.gif") no-repeat*/}
#nav a.performances{left: 77px; width: 131px; /*background: url("../images/nav_perfomances.gif") no-repeat*/}
#nav a.book{left: 208px; width: 111px; /*background: url("../images/nav_book_now.gif") no-repeat*/}
#nav a.info{left: 319px; width: 187px; /*background: url("../images/nav_info.gif") no-repeat*/}
#nav a.hire{left: 506px; width: 126px; /*background: url("../images/nav_theatre_hire.gif") no-repeat*/}
#nav a.partnerships{left: 632px; width: 127px; /*background: url("../images/nav_partnerships.gif") no-repeat*/}

#nav a.home:hover{background-position: 0 -1px;}
#nav a.performances:hover{background-position: -77px -1px;}
#nav a.book:hover{background-position: -208px -1px;}
#nav a.info:hover{background-position: -319px -1px;}
#nav a.hire:hover{background-position: -506px -1px;}
#nav a.partnerships:hover{background-position: -632px -1px;}

#nav a.home:hover, #home-body a.home {/*background: url("../images/nav_home_f2.gif") no-repeat;*/ border: none;}
#nav a.performances:hover, #performances-body a.performances{/*background: url("../images/nav_perfomances_f2.gif") no-repeat;*/ border: none;}
#nav a.book:hover, #book-body a.book{/*background: url("../images/nav_book_now_f2.gif") no-repeat;*/ border: none;}
#nav a.info:hover, #info-body a.info{/*background: url("../images/nav_info_f2.gif") no-repeat;*/ border: none;}
#nav a.hire:hover, #hire-body a.hire{/*background: url("../images/nav_theatre_hire_f2.gif") no-repeat;*/ border: none;}
#nav a.partnerships:hover, #partnerships-body a.partnerships{/*background: url("../images/nav_partnerships_f2.gif") no-repeat;*/ border: none;}

/* Level 2 */

.nav-on { visibility : visible;}
.nav-off { visibility : hidden; }

#nav ul {
	position			: absolute;
	left				: -999em;
	list-style-type		: none;
	top					: 179px;
	z-index				: 1;
}

#nav ul#performances {background: url("../images/nav_bkg.gif") no-repeat 60px 0px}
#nav ul#info {background: url("../images/nav_bkg.gif") no-repeat 330px 0px}
#nav ul#hire {background: url("../images/nav_bkg.gif") no-repeat 91px 0px}
#nav ul#partnerships {background: url("../images/nav_bkg.gif") no-repeat 196px 0px}

#performances-body ul#performances, #info-body ul#info {
	left				: 130px;
}

#nav li:hover ul, #nav li.sfhover ul{
	left				: 130px;
	z-index				: 2;
}

#hire-body ul#hire, #nav li:hover ul#hire, #nav li.sfhover ul#hire {
	left				: 494px;
}

#partnerships-body ul#partnerships, #nav li:hover ul#partnerships, #nav li.sfhover ul#partnerships {
	left				: 510px;
}

#nav ul li {
	float				: left;
	background-color	: #e76211;
	margin-top			: 9px;
}
		
#nav ul li a { 
	float				: left;
	color				: #EFC3BF;
	font-size			: 11px;
	padding				: 6px 8px 6px 8px ;
	text-align			: left;
	text-decoration		: none;
}

#nav ul li a:hover, #nav ul li a.current {
	color				: #FFF;
}

/* festival */

.cn_festival {
	background-color:#FFF;
	margin-bottom:20px;
}

.cn_festival h3 {
	color				:#D40F00;
	font-size			: 14px;
	font-weight			: normal;
	text-transform		: capitalize;
	margin-bottom		: 0;
} 


/* ---------------------------------------------------------
	7.	FOOTER								
-----------------------------------------------------------	*/	
#footer {
	clear				: both;
	text-align			: left;
	/*background			: url("../images/img_bkg_footer.jpg") no-repeat top left;*/
	height				: 55px;
	margin-top			: 35px;
	margin-bottom		: 30px;
}

#footer ul {
	list-style-type		: none;
	/*margin-left			: 365px;*/
}

#footer ul li {	
	float				: left;
	margin-top			: 30px;
	margin-right		: 15px;
}

#footer ul li a {
	display:block;
	color 				: #E9ECEA;
	text-decoration		: none;
	background-color: transparent;
	background-image: url(../images/foot-lnks-sprite.gif);
	background-repeat: no-repeat;
	height:10px;
	margin:0;
	padding:0;
}
#footer ul li a span{display:none;}
#footer ul li a:hover {
	color 				: #E9ECEA;
	text-decoration		: underline;
}

#footer ul li a.home{width:164px;background-position:0 0;}
#footer ul li a.contact{width:57px;background-position:-170px 0;}
#footer ul li a.privacy{width:71px;background-position:-232px 0;}
#footer ul li a.code{width:83px;background-position:-307px 0;}
#footer ul li a.sitemap{width:52px;background-position:-390px 0;}
#footer ul li a.creds{width:57px;background-position:-443px 0;}

#footer ul li a.home:hover{background-position:0 -10px;}
#footer ul li a.contact:hover{background-position:-170px -10px;}
#footer ul li a.privacy:hover{background-position:-232px -10px;}
#footer ul li a.code:hover{background-position:-307px -10px;}
#footer ul li a.sitemap:hover{background-position:-390px -10px;}
#footer ul li a.creds:hover{background-position:-443px -10px;}

/* ---------------------------------------------------------
	8.	Forms			
-----------------------------------------------------------	*/	
.drop {
	font				: 10px tahoma, arial, verdana, sans-serif;
	color				: #6A6A6A;
	margin-bottom		: 10px;
	border				: 1px solid #A5ACB2
}

.btn_submit {
	background-color	: #D40F00;
	color				: #FFF;
	font				: 9px tahoma, arial, verdana, sans-serif;
	font-weight			: bold;
	text-transform		: uppercase;
	border-right		: 1px solid #717C6C;
	border-bottom		: 1px solid #717C6C;
	padding-top 		: 2px;
	cursor				: pointer;
	float				: left;
	margin-right		: 5px;
}

.table td {
	padding				: 3px 3px 3px 5px;
}

.table .row_odd {
	background-color	: #E6EEE2;
}

.table .row_even {
	background-color	: #F0F5EE;
}
/*------------BUTTON Rollovers---------*/
a.btn-cal, 
a.btn-enews, 
a.btn-img-gal, 
a.btn-photo, 
a.btn-vid{float:left;clear:both;display:block;width:197px; height:35px;background-image:url(../images/hover-states.jpg);background-repeat:no-repeat;}
a.btn-now, 
a.btn-soon{float:left;display:block;width:138px; height:35px;background-image:url(../images/hover-states.jpg);background-repeat:no-repeat;}
a.btn-cal:hover img, 
a.btn-enews:hover img, 
a.btn-img-gal:hover img, 
a.btn-now:hover img, 
a.btn-photo:hover img, 
a.btn-vid:hover img, 
a.btn-soon:hover img{display:none;}
a.btn-cal{background-position:0px -35px;}
a.btn-enews{background-position:-196px -35px;}
a.btn-img-gal{background-position:-392px -35px;}
a.btn-now{background-position:-588px -35px;}
a.btn-photo{background-position:0px -70px;}
a.btn-vid{background-position:-196px -70px;}
a.btn-soon{background-position:-392px -70px;}