<?php header("Content-type: text/css");?>

@charset "UTF-8";

body,h1,h2,h3,h4,h5,p,ul,ol,li,dl,div,iframe,form,table,td,th {
	padding: 0px; 
	margin: 0px;
}

/* this is the container for all the div tags */
#container {
	margin: 10px auto 0px auto;
	width: 950px;
	background-color: #FFFFFF;
	margin-bottom: 20px;
}
#container #header {
	background-repeat: no-repeat;
	background-position: 20px;
	height: 175px;
	position:relative;
	float:left;
	width:100%
}
#container #headerImage{
	position:relative;
	float:left;
	background:url(../images/svaTheatreLogo.3D.gif) 20px 15px no-repeat;
	width:112px;
	height:146px;
	padding:15px 0px 0px 20px;
}
#container #svaLogo{
	position:relative;
	float:left;
	padding-left:610px;
	padding-top:50px
}
#container #header #mainNav {
	position:relative;
	float:left;
	width:500px;
	top:0px;
	padding:60px 0px 0px 307px;
	left:0px;
	color:#0FF;
	margin-top:0px
}
#container #header #mainNav .activeMainNav {
	color: #EE3923;
}
#container #header #mainNav ol{
	padding:0px;
	margin:0px;
	text-align:right
}
#container #header #mainNav ol li {
	font-size: .7em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	padding: 0px 10px 0px 0px;
	display: inline;
}
#container #header #mainNav ol li a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666;
	background-color:#FFF;
	display: inline;
}
#container #header #mainNav ol li a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #EE3923;
	background-color:#FFF;
	display: inline;
	text-decoration:underline;
}
#container #mediaContainer {
	width: 910px;
	height: 300px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-left: 00px;
	padding-bottom: 0px;
}
#container #mediaContainerSub {
	width: 910px;
	height: 200px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-bottom: 0px;
}
#container #mediaContainerSub #mediaContainerSub_marker {
	width:65px;
}
#container #mediaContainerSub #mediaContainerSub_Img {
	float:right;
	width:845px;
}
#container #publicCoruselContainer, #container festivalCoruselContainer,#container privateCoruselContainer {
	height: 251px;
	width: 570px;
	background-image: url(../images/publicEvent_marker.gif);
	border-top: 1px dotted #E51938;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-left: 55px;
	padding-top: 20px;
	padding-bottom: 0px;
	margin-left: 20px;
}
#container .pageText {
	border: 1px dotted #999999;
	border-width: 0px 1px 0px 0px;
	margin-bottom:25px;
	margin-top:20px;
	padding-left:22px;
	padding-right:20px;
	/*background-image: url(../images/borderline.gif);
	background-repeat: no-repeat;
	background-position: 661px 0px;*/
}
#container .pageText p  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	margin:0px;
	padding-bottom: 20px;
} #container .pageText li{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	margin:0px;
	

}
#container .pageText h1 {
	font-family: "Arial Black", Gadget, sans-serif;
	color:#F00;
	font-weight: normal;
}
#container #eventsWrapper #publicCoruselContainer #publicCorusel, #container #eventsWrapper #festivalCoruselContainer #publicCorusel,#container #eventsWrapper #privateCoruselContainer #publicCorusel {
	background-color:#096;
	height:200px;
}
.publicCoruselLinksColor {
	font-weight: bold;
	color:#C00;
	background-color:#FFF;
}
.publicCoruselLinksColor:hover {
	font-weight: bold;
	color:#C00;
	background-color:#FFF;
	text-decoration:underline;
}
.festivalCoruselLinksColor {
	font-weight: bold;
	color:#090;
	background-color:#FFF;
}
.festivalCoruselLinksColor:hover {
	font-weight: bold;
	color:#090;
	background-color:#FFF;
	text-decoration:underline;
}
.privateCoruselLinksColor {
	font-weight: bold;
	color:#1A65DE;
	background-color:#FFF;
}
.privateCoruselLinksColor:hover {
	font-weight: bold;
	color:#1A65DE;
	background-color:#FFF;
	text-decoration:underline;
}
#container #eventsWrapper .navContainer {
	height:10px;
	padding-right:15px;
	padding-top:19px;
	padding-bottom: 10px;
	clear:left;
}
#container #privateNavContainer {
	padding-right:15px;
}
#container #privateCoruselContainer {
	height: 260px;
	width: 570px;
	background-image: url(../images/private_marker.gif);
	background-repeat: no-repeat;
	padding-left: 55px;
	padding-top: 20px;
	padding-bottom: 0px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #06F;
	margin-left: 20px;
	background-position: 0px 0px;
	clear:right;
}
#container #festivalNavContainer {
	padding-right:15px;
}
#container #festivalCoruselContainer {
	height: 260px;
	width: 570px;
	background-image: url(../images/festival_marker.gif);
	background-repeat: no-repeat;
	padding-left: 55px;
	padding-top: 20px;
	padding-bottom: 0px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #49A942;
	margin-left: 20px;
	background-position: 0px 0px;
	clear:right;
}
#container #bottomContainer {
	width: 950px;
	background-color: #999;
	padding-bottom: 10px;
	float: none;
	position: relative;
}#container #bottomContainer a{
	color: #FFFFFF;
	text-decoration: none;
}#container #bottomContainer a:hover{
	text-decoration: underline;
}

#container #sidebarContainer {
	width: 267px;
	margin-top: 20px;
	margin-right: 20px;
}
#container #sidebarContent {
/*	margin-top: 20px;
*/	padding-right: 20px;
	padding-left: 20px;
}

#container #sidebarContainer p {
	font-family:Verdana, Geneva, sans-serif;
	font-size: 0.7em;
	line-height: 1.8em;
}
#container #sidebarContainer h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	line-height: 1.2em;
	margin: 0px;
	padding: 0px;
	font-weight: bold;
}#container #sidebarContainer #sidebarContainerLinks a{
	text-decoration: none;
}
#container #publicCoruselContainer #shows p, #container #festivalCoruselContainer #shows p {
	font-family:Verdana, Geneva, sans-serif;
	font-size: .7em;
}
#container #publicCoruselContainer #shows h1,#container #festivalCoruselContainer #shows h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-weight: bold;
	color: #E51938;
	margin-top: 5px;
}
#container #publicCoruselContainer #shows2 p,#container #festivalCoruselContainer #shows2 p {
	font-family:Verdana, Geneva, sans-serif;
	font-size: .7em;
}
#container #publicCoruselContainer #shows2 h1,#container #festivalCoruselContainer #shows2 h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #060;
	margin-top: 5px;
}
#container #privateCoruselContainer #private2 {
	float:right;
	width: 260px;
	height: 220px;
}
#container #bottomContainer #content1 {
	float: left;
}
#container #eventsWrapper {
	margin-bottom: 20px;
	background-image: url(../images/borderline.gif);
	background-repeat: no-repeat;
	background-position: 661px 20px;
	background-color:#FFFFFF;
	width:950px;
	border:0px solid red;
	padding-bottom:20px;
	clear:all;
}
#container #leftCol{
	position:relative;
	float:left;
	width:663px;
	background-color:#FFFFFF;
}#container #rightCol{
	position:relative;
	float:left;
	margin-left:0px;
	background-color:#FFFFFF
}
#container #footer {
	height: 40px;
	color:#CCC;
	background:#333;
	font-family:Verdana, Geneva, sans-serif;
	font-size: .6em;
	text-align:center;
	padding-top: 5px;
	padding-bottom: 10px;
}#container #footer a {
	color: #FFFFFF;	
}
.clearfloats {
	padding-top: 10px;
}
.bottom {
	font-family: Arial, Helvetica, sans-serif;
	font-size:.9em;
	color: #FFF;
	width: 216px;
	margin-right: 25px;
	margin-left: 25px;
	padding-left: 25px;
	padding-right: 25px;
	padding-top: 10px;
	padding-bottom: 15px;
}
.show {
	float: left;
	width: 170px;
	height: 200px;
	margin-right: 14px;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #C30;
	padding-right: 14px;
}
.show2 {
	float: left;
	width: 170px;
	height: 200px;
	margin-right: 14px;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #093;
	padding-right: 14px;
}
.lastshow {
	float: left;
	width: 170px;
	height: 200px;
}
.lastshow2 {
	float: left;
	width: 170px;
	height: 200px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.privateDiv1 {
	width: 260px;
	height: 220px;
	padding-right: 5px;
	padding-left: 0px;
}
.privateDiv2 {
	padding-left: 20px;
	padding-right: 5px;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #1A7EC3;
}
.privateText {
	font-family:Verdana, Geneva, sans-serif;
	font-size: .7em;
}
.privateThumbs {
	clear:left;
	padding-right: 10px;
	padding-bottom: 10px;
}
.publicNav {
	float: right;
	height: 8px;
	width: 16px;
	margin:0px 5px 0px 5px;
	border: 0px solid #C03;
}
.festivalNav {
	float: right;
	height: 8px;
	width: 16px;
	margin:0px 5px 0px 5px;
	border: 0px solid #093;
}
.privateNav {
	float: right;
	height: 8px;
	width: 16px;
	margin:0px 5px 0px 5px;
	border: 0px solid #06F;
}
.arrowNav {
	float: right;
	height: 8px;
	width: 16px;
	margin-left: 5px;
} 
a {
	color:#E51938;
	text-decoration: none;
}
a:hover {
	color:#E51938;
	text-decoration: underline;
}.publicEventText a{
	color: #E51938;
}.privateEventText a{
	color: #06F;
}.festivalEventText a{
	color: #090 ;
}
/**//**//**//**//**//**//**//**/
/* CSS For Public Events page */
/**//**//**//**//**//**//**//**/
#container #copyWrapper {
	width: 612px;
	margin-bottom: 20px;
	background-image: url(../images/borderline.gif);
	background-repeat: no-repeat;
	background-position: 661px 20px;
	padding-left: 20px;
	padding-top: 20px;
	padding-right: 30px;
	font-size: 0.8em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.4em;
}
#detailSlide1 {
	float:left;
	background-color:#FF0;
}
#container #festivalCoruselContainer #shows p {
	font-family:Verdana, Geneva, sans-serif;
	font-size: .7em;
}
#container #festivalCoruselContainer #shows h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-weight: bold;
	color: #E51938;
	margin-top: 5px;
}
.pageTextHdr1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
}
.publicLink {
	color: #FFF;
	background-color: #C00;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom: 10px;
	padding:4px 10px 4px 10px;
}
.publicLink:hover {
	color: #FFF;
	background-color: #C00;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom: 10px;
	padding:4px 10px 4px 10px;
	text-decoration:underline;
}
.festivalLink {
	color: #FFF;
	background-color:#090;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom: 10px;
	padding:4px 10px 4px 10px;
}
.festivalLink:hover {
	color: #FFF;
	background-color:#090;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom: 10px;
	padding:4px 10px 4px 10px;
	text-decoration:underline;
}
.privateLink {
	color: #FFF;
	background-color:#06F;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom: 10px;
	padding:4px 10px 4px 10px;
}
.privateLink:hover {
	color: #FFF;
	background-color:#06F;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom: 10px;
	padding:4px 10px 4px 10px;
	text-decoration:underline;
}
/**//**//**//**//**//**//**//**/
/* CSS Carusel */
/**//**//**//**//**//**//**//**/
#newsTicker,#festivalTicker,#privateTicker {
	width: 560px;
	float: left;
	background-color: #FFF;
}
#newsTicker .SlidingPanels,#festivalTicker .SlidingPanels,#privateTicker .SlidingPanels {
	width: 575px;
	height: 230px;
	float: left;
}
#newsTicker .SlidingPanelsContentGroup,#festivalTicker .SlidingPanelsContentGroup,#privateTicker .SlidingPanelsContentGroup {
	width: 8000em;
	float: left;
}
#newsTicker .SlidingPanelsContent,#festivalTicker .SlidingPanelsContent,#privateTicker .SlidingPanelsContent {
	float: left;
	width: 170px;
	height: 230px;
	padding-right:15px;
	margin-right:15px;
	border-right:dotted;
	border-right-width: 1px;
}

#newsTicker img,#festivalTicker img,#privateTicker img {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}
.SlidingPanels{
	overflow: hidden;
}
#newsTicker .SlidingPanelsContent .content,#festivalTicker .SlidingPanelsContent .content,#privateTicker .SlidingPanelsContent .content {
	margin: 0px auto;
	float: left;
	/*background-color:#0FF;*/
	height: 200px;
}
#item1 .content, #item2 .content, #item3 .content {
	border-right: dashed 1px #999999;
}
#newsTicker .content,#festivalTicker .content,#privateTicker .content {
	height: 100px;
	padding: 0px 0px;
}

#newsTicker p,#festivalTicker p,#privateTicker p {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 4px 4px;
	margin-bottom: 0px;
	clear:left;
}

#newsTicker .prev,#festivalTicker .prev,#privateTicker .prev {
	text-align: left;
	padding: 4px 4px;
	clear: both;
}

#newsTicker .next,#festivalTicker .next,#privateTicker .next {
	text-align: right;
	padding: 4px 4px;
	clear: both;
}

.SlidingPanelsAnimating * {
	overflow: visible !important;
}

#newsTicker .navLinks,#festivalTicker .navLinks,#privateTicker .navLinks {
	clear: both;
	text-align: center;
	/*border-top:  solid 1px #CCC;*/
	padding-top: 4px;
	padding-bottom: 4px;
	/*border: solid 1px #999;*/
}
/** CSS Carusel Ends **/
.publicEventHdr {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #C00;
}
.privateEventHdr {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #06F;
}
.festivalEventHdr {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #090;
}
.indentImg {
	margin-right: 15px;
	margin-top: 15px;
	margin-bottom: 15px;
}
.publicLineDivider {
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #C00;
	padding-top: 10px;
	display: block;
}
.privateLineDivider {
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #06F;
	padding-top: 10px;
	display: block;
}
.festivalLineDivider {
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #090;
	padding-top: 10px;
	display: block;
}
.br_clear {
	clear:left;
}