/* -------------------------------------------------- */
/* http:// */
/* CSS Development by LinxSmart - http://www.linxsmart.com/ */

/* -------------------------------------------------- */
/* Even Out The Browsers */

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, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border:0;
	outline: 0;
}

a {
	text-decoration:none;
	cursor:pointer;
	color:#257DA3;
}

input, textarea, select {
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	padding:5px;
	color:#38588B;
	background:url(../images/inputBg.png) no-repeat top left;
	border:1px solid #DEDEDE;
}

html {
	background:url(../images/bodyTileBg.jpg) repeat-x top;
	height: 100%;

}

body {
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:18px;
	color:#777777;
	height: 100%;

}

table{
margin-left:10px;
}
table td{
padding:5px;
}

.registrationBtn{
float:right;
margin:30px 20px 0px 20px;
width:203px;
height:50px;
}

.FestivalRegistrationBtn{
float:right;
margin:30px 60px 0px 20px;
width:203px;
height:50px;
display:inline;
}


.FestivalGuidlinesBtn{
float:right;
margin:10px 60px 0px 20px;
width:203px;
height:50px;
display:inline;
}

.FestivalTheaterLabBtn{
float:right;
margin:10px 60px 20px 20px;
width:203px;
height:70px;
display:inline;
}



/* ------------------------ contentWrapper -------------------------- */

div#contentWrapper {
	background:url(../images/wrapperMiddleBottomBg.jpg) repeat-y center;
	min-height:100%;
	height:auto !important;
	height:100%;
	margin:0 auto -110px;
	width:1000px;
	text-align:center;
}

/* ------------------------ contentWrapper->header -------------------------- */

div#contentWrapper div#header {
	width:1000px;
	height:166px;
	margin:0 auto;
	text-align:left;
	position:relative;
	z-index:20;
}

div#contentWrapper div#header ul {
	position:absolute;
	z-index:10;
}

div#contentWrapper div#header ul li {
	display:block;
	float:left;
	width:123px;
	height:166px;
	position:relative;
}

div#contentWrapper div#header ul li a {
	display:block;
	position:absolute;
	top:0px;
	left:0px;
	width:123px;
	height:166px;
	background-position:bottom center;
	background-repeat:no-repeat;
}

div#contentWrapper div#header ul li a div {
	display:none;
	width:123px;
	height:166px;
	background-position:top center;
	background-repeat:no-repeat;
}

/* dropdown styles */
div#contentWrapper div#header ul li ul {
	width: 235px;
	visibility: hidden;
	position: absolute;
	top: 100%;
	left: auto;
	z-index:100;
	overflow:visible !important;
	height:auto !important;
	font-size:14px;
	border-top:0px;
	background:#FFFFFF;
	background-image:none !important;
	border:1px solid #BBBBBB;
	border-bottom:none;
}

div#contentWrapper div#header ul li ul li {
	font-weight: normal;
	color: #000;
	float: none;
	padding:0px;
	width:100% !important;
	height:auto !important;
	overflow:visible !important;
	background:#FFFFFF;
	background-image:none !important;
}

div#contentWrapper div#header ul li ul li a {
	width: 215px !important;
	height:auto !important;
	display:block;
	padding:0px;
	float:none;
	padding:10px;
	background-image:none !important;
	background:#FFFFFF !important;
	font-size:14px;
	border:none;
	position:static;
	border-bottom:1px solid #BBBBBB;
	font-weight:bold;
}

div#contentWrapper div#header ul li ul li a:hover {
	height:auto !important;
	background-image:none !important;
}

div#contentWrapper div#header ul li#home a, div#contentWrapper div#header ul li#home a div {
	background-image:url(../images/Logo.jpg);
}

div#contentWrapper div#header ul li#about a, div#contentWrapper div#header ul li#about a div {
	background-image:url(../images/navAboutUs.png);
}


div#contentWrapper div#header ul li#about ul li a {
	color:#E91A1A;
}

div#contentWrapper div#header ul li#about ul li a:hover {
	color:#FFFFFF;
	background:url(../images/dropdownRedBg.jpg) no-repeat top left !important;
}


div#contentWrapper div#header ul li#season a, div#contentWrapper div#header ul li#season a div {
	background-image:url(../images/navSeason.png);
}


div#contentWrapper div#header ul li#season ul li a {
	color:#F3AB0A;
}

div#contentWrapper div#header ul li#season ul li a:hover {
	color:#FFFFFF;
	background:url(../images/dropdownYellowBg.jpg) no-repeat top left !important;
}


div#contentWrapper div#header ul li#shakespeareYouthFestival a, div#contentWrapper div#header ul li#shakespeareYouthFestival a div {
	background-image:url(../images/navYouthFest.png);
}


div#contentWrapper div#header ul li#shakespeareYouthFestival ul li a {
	color:#19D155;
}

div#contentWrapper div#header ul li#shakespeareYouthFestival ul li a:hover {
	color:#FFFFFF;
	background:url(../images/dropdownGreenBg.jpg) no-repeat top left !important;
}


div#contentWrapper div#header ul li#summerCamps a, div#contentWrapper div#header ul li#summerCamps a div {
	background-image:url(../images/navSummerCampBtn.png);
}


div#contentWrapper div#header ul li#summerCamps ul li a {
	color:#17E8E7;
}

div#contentWrapper div#header ul li#summerCamps ul li a:hover {
	color:#FFFFFF;
	background:url(../images/dropdownLightBlueBg.jpg) no-repeat top left !important;
}


div#contentWrapper div#header ul li#performingArtsSchool a, div#contentWrapper div#header ul li#performingArtsSchool a div {
	background-image:url(../images/navArtsBtn.png);
}


div#contentWrapper div#header ul li#performingArtsSchool ul li a {
	color:#189CE8;
}

div#contentWrapper div#header ul li#performingArtsSchool ul li a:hover {
	color:#FFFFFF;
	background:url(../images/dropdownBlueBg.jpg) no-repeat top left !important;
}


div#contentWrapper div#header ul li#communityPrograms a, div#contentWrapper div#header ul li#communityPrograms a div {
	background-image:url(../images/navCommunityBtn.png);
}


div#contentWrapper div#header ul li#communityPrograms ul li a {
	color:#1B4BE7;
}

div#contentWrapper div#header ul li#communityPrograms ul li a:hover {
	color:#FFFFFF;
	background:url(../images/dropdownDarkBlueBg.jpg) no-repeat top left !important;
}


div#contentWrapper div#header ul li#students a, div#contentWrapper div#header ul li#students a div {
	background-image:url(../images/navStudentsBtn.png);
}


div#contentWrapper div#header ul li#students ul li a {
	color:#9022E4;
}

div#contentWrapper div#header ul li#students ul li a:hover {
	color:#FFFFFF;
	background:url(../images/dropdownPurpleBg.jpg) no-repeat top left !important;
}


div#contentWrapper div#header ul li a:hover, div#contentWrapper div#header ul li a.selected, div#contentWrapper div#header ul li a.hover {
	background-position:top center;
}

/* --------------------- contentWrapper->content ----------------------------- */

div#contentWrapper div#content {
	width:1000px;
	margin:0 auto;
	min-height:631px;
	height:auto !important;
	height:631px;
	background:url(../images/bodyBg.jpg) no-repeat 0px -166px;
}

/* --------------------- contentWrapper->content->left ----------------------------- */

div#contentWrapper div#content div#left {
	width:230px;
	padding-left:91px;
	text-align:left;
	float:left;
	overflow:hidden;
}

div#contentWrapper div#content div#socialLinks {
	background:url(../images/joinUsLinksBg.jpg) no-repeat top left;
	width:233px;
	height:74px;
	overflow:hidden;
	position:relative;
}

div#contentWrapper div#content div#socialLinks a {
	display:block;
	width:42px;
	height:52px;
	position:absolute;
	top:25px;
	margin:0px;
}

div#contentWrapper div#content div#socialLinks a#facebook {
	left:23px;
}

div#contentWrapper div#content div#socialLinks a#twitter {
	left:73px;
}

div#contentWrapper div#content div#socialLinks a#youtube {
	left:125px;
}
div#contentWrapper div#content div#socialLinks a#blog {
	left:177px;
}


div#contentWrapper div#content div#left a.leftButton  {
	display:block;
	width:206px;
	height:31px;
	padding:15px;
	background-position:top left;
	background-repeat:no-repeat;
	color:#FFFFFF;
	font-size:16px;
}

div#contentWrapper div#content div#left a.leftButton:hover {
	font-weight:bold;
}

div#contentWrapper div#content div#left a#ourCalendar {
	background-image:url(../images/ourCalenderBtnBg.jpg);
}

div#contentWrapper div#content div#left a#donate {
	background-image:url(../images/donateBtnBg.jpg);
}

div#contentWrapper div#content div#left a#volunteer {
	background-image:url(../images/volunteerBtnBg.jpg);
}

div#contentWrapper div#content div#left a#sponsors {
	background-image:url(../images/sponsrsBtnBg.jpg);
	height:31px;
	padding:14px 15px;
}

div#contentWrapper div#content div#left a#contact {
	background-image:url(../images/contactBtnBg.jpg);
	height:32px;
}

div#contentWrapper div#content div#left a#brochureButton {
	width:196px;
	height:200px;
	display:block;
	margin-left:21px;
	background:url(../images/2010brochureBtn.jpg) no-repeat top left;
}

div#contentWrapper div#content div#left div#sponsorContainer {
	width:213px;
	text-align:center;
	padding:10px;
}

/* -------------------- contentWrapper->content->right ------------------------------ */

div#contentWrapper div#content div#right {
	width:617px;
	padding-right:62px;
	overflow:hidden;
	text-align:left;
	float:right;
}

div#contentWrapper div#content div#right h1 {
	/*background:url(../images/H1Bg.png) no-repeat top left;*/
	display:block;
	height:20px;
	width:321px;
	font-size:18px;
	color:#777777;
	font-weight:normal;
	padding:10px 10px 10px 10px;
	margin:10px 5px;
}


div#contentWrapper div#content div#right h1.image {
	background:none;
	padding-bottom:32px;
	
}

div#contentWrapper div#content div#right h2 {
	background:url(../images/H2Underline.png) no-repeat bottom left;
	margin:20px 10px 10px 20px;
	padding-bottom:10px;
	font-size:16px;
	font-weight:normal;
	color:#333333;
}

div#contentWrapper div#content div#right p {
	margin:10px;
}

div#contentWrapper div#content div#right ul {
	list-style-image:url(../images/bullet.gif);
	margin:10px;
	padding:0px 0px 0px 20px;
}

div#contentWrapper div#content div#right ul li {
	margin:5px 0px 0px 10px;
}

div#contentWrapper div#content div#right div#homeSlideShow {
	width:610px;
	height:270px;
	overflow:hidden;
}

div#contentWrapper div#content div#right div#homeLinks {
	width:590px;
	padding-top:20px;
}

div#contentWrapper div#content div#right div#homeLinks a {
	float:left;
	display:block;
	width:192px;
	height:84px;
	margin:5px 0px 5px 4px;
}

div#contentWrapper div#push {
	height:110px;
}

.contentImage{
	float:left;
	padding:0 15px 10px 0;
}

table.fc-header {
	width:597px;
	margin:10px;
	border-collapse:collapse;
}

table.fc-header td, table.fc-header th {
	width:33.3%;
}

table.fc-header .fc-header-left {
	text-align:left;
}

table.fc-header .fc-header-center {
	text-align:center;
}

table.fc-header .fc-header-right {
	text-align:right;
}

table.fc-header table {
	width:100%;
}

div.fc-content {
	margin:10px;
	border-collapse:collapse;
}

div.fc-content div.fc-view table {
	width:100%;
	border-collapse:collapse;
}

div.fc-content div.fc-view table th {
	background:#d5263b;
	color:#FFFFFF;
	padding:5px;
	text-align:center;
	border:1px solid #d5263b;
}

div.fc-content div.fc-view table td {
	vertical-align:top;
	padding:5px;
	border:1px solid #CCCCCC;
	color:#666666;
}

div.fc-content div.fc-view table td.fc-other-month {
	color:#CCCCCC;
}

div.fc-event {
	background:#19D155;
	color:#FFFFFF;
	-webkit-border-radius: 2px;
    -moz-border-radius: 2px;  
	padding:2px;
}

div.fc-event a {
	color:#FFFFFF;
}

div.fc-event a span.fc-event-time {
	font-weight:bold;
	padding-right:2px;
}

/* ---------------------- footerWrapper->footer ---------------------------- */

div#footerWrapper {
	width:100%;
	height:110px;
	text-align:center;
}

div#footer {
	margin:0 auto;
	width:970px;
	height:30px;
	padding-top:80px;
	padding-left:30px;
	text-align:center;
	background:url(../images/wrapperBottomBg.jpg) #FFFFFF no-repeat top center;
	font-size:12px;
}

/* ------------------------- popup ------------------------- */

div#player {
	width:480px;
	height:360px;
	background:#000000;
	overflow:hidden;
}

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

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

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

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

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

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

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

/* Hide Text */
.specialText{
	position:absolute;
	text-indent:-5000px;
}

/* Clearing Div */
.easyClear{
	clear:both;
}

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

/* Event Lists */
.messageHolder{
	padding-top:10px;
}

#errorList{
	margin: 0px;
	padding: 15px 10px 15px 65px;
	border: solid 1px #dd3c10;
	background: #ffebe8 url(../images/errorImg.gif) no-repeat 10px center;
	clear:both;
	list-style:none;
	font-size:13px;
}

#successList{
	margin: 0px;
	padding: 15px 10px 15px 65px;
	border: solid 1px #82c242;
	background: #dafab9  url(../images/successImg.gif) no-repeat 10px center;
	clear:both;
	list-style:none;
	font-size:13px;
}

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

/* Standard Button Styles */

.buttons{
	font-size:13px;
}

.buttons a, .buttons button{
    display:block;
    float:left;
    margin:10px 7px 0 0;
    background-color:#f5f5f5;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;
    font-family:"Tahoma", Arial, Verdana, sans-serif;
    font-size:100%;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
}

.buttons button{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}

.buttons button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}

.buttons button img, .buttons a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}

/* STANDARD */
button:hover, .buttons a:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}

.buttons a:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}

/* POSITIVE */
button.positive, .buttons a.positive{
    color:#82c242;
}

.buttons a.positive:hover, button.positive:hover{
    background-color:#dafab9;
    border:1px solid #8fc955;
    color:#82c242;
}

.buttons a.positive:active{
    background-color:#82c242;
    border:1px solid #529214;
    color:#fff;
}

/* NEGATIVE */
.buttons a.negative, button.negative{
    color:#d12f19;
}

.buttons a.negative:hover, button.negative:hover{
    background:#fbe3e4;
    border:1px solid #fbc2c4;
    color:#d12f19;
}

.buttons a.negative:active{
    background-color:#d12f19;
    border:1px solid #d12f19;
    color:#fff;
}

/* ----------------------- Needed as a result of delicious Cake. ---------------------------------*/

table.cake-sql-log{
	width:1000px;
	margin:0px auto;
	background:#eee;
	font-size:13px;
	color:#000;
}

div.error-message {
	color:#000000;
	margin:1.0% 0%;
	border: solid 1px #dd3c10;
	background: #ffebe8;
	padding:1.5%;
	width:97.5%;
}

div.error {
	margin: 0px 0px 0px 0px;
	padding: 15px 10px 15px 65px;
	border: solid 1px #dd3c10;
	background: #ffebe8 url(../images/errorImg.gif) no-repeat 10px center;
	clear:both;
	font-size:13px;
}

div.success{
	margin: 0px 0px 0px 0px;
	padding: 15px 10px 15px 65px;
	border: solid 1px #82c242;
	background: #dafab9  url(../images/successImg.gif) no-repeat 10px center;
	clear:both;
	font-size:13px;
}

div.message{
	margin: 0px 0px 0px 0px;
	padding: 15px 10px 15px 65px;
	border: solid 1px #FFEE1C;
	background: #FFFFBB url(../images/successImg.gif) no-repeat 10px center;
	clear:both;
	font-size:13px;
}

pre.cake-debug{
	text-align:left;
}

/* ----------------------- LiveTools Top Bar ---------------------------------*/

div#LiveTools {
	position:relative;
	top:0px;
	left:0px;
	width:100%;
	height:50px;
	background:#000000 url(../images/livetools/livetoolsBarBG.jpg) no-repeat 99% center;
	border-bottom:5px solid #bcbdc0;
	text-align:left;
	color:#FFFFFF;
	font-size:14px;
}

div#LiveTools div#returnToLiveTools {
	position:absolute;
	top:10px;
	left:10px;
}

div#LiveTools div#liveEditToggle {
	position:absolute;
	left:10px;
	top:25px;
	font-size:12px;
}

div#LiveTools a {
	color:#8cc63f;
}

div#LiveTools a span {
	color:#FFFFFF;
}

div#LiveTools a:hover {
	text-decoration:underline;
}

/* ----------------------- LiveEdit Buttons and Overlay ---------------------------------*/

div.LiveEdit {
	border:2px dashed #8CAE26;
}

div.LiveEditLink a, div.LiveEditLink button {
	display:block;
	float:left;
	padding:5px;
	border:2px solid #bcbdc0;
	background:#000000;
	color:#8cc63f;
	cursor:pointer;
}

div.LiveEditLink a span {
	color:#FFFFFF;
}

div#LiveEditPopup {
	width:850px;
}

div#LiveEditPopup div#liveEditHeader {
	width:850px !important;
	height:106px !important;
	background:url(../images/livetools/overlayHeader.jpg) no-repeat top left !important;
	padding:0px !important;
}

div#LiveEditPopup div#liveEditContent {
	width:800px !important;
	height:350px !important;
	padding:10px 25px !important;
	background:url(../images/livetools/overlayMiddle.jpg) repeat-y left top !important;
}

div#LiveEditPopup div#liveEditFooter {
	width:850px !important;
	height:42px !important;
	background:url(../images/livetools/overlayFooter.jpg) no-repeat top left !important;
	padding:0px !important;
}