@import url(reset.css); 
@import url(coreforms.css);
@import url(menu.css); 
@import url(colourcoding.css); 
@import url(roundedcorners.css); 


/* BOXES */
	#wrapper{
		z-index:0;
		width:100%;
		text-align:left;
		padding-bottom:15px;
		background: #AFE09A url(../images/bgs/wrapper.gif) left top repeat-x ; 
		/* Green bg default - other colours set in colourcoding.css */
	}		
	#header, #content, #footer {
		clear:both;
		width:950px;
		margin: 0px auto;
	}
	#header {
		padding:33px 0 0 0;
		height:122px;
		background: #FFF #url(../images/bgs/header.jpg) left top no-repeat; 
	}
	#content {
		z-index:0;
		width:950px;
		padding:0px;
		color:#333333;
		background-color:#fff;
		min-height:300px;
		height: auto !important;
		height:300px;
	}

	#footer  {
		padding:10px 0;
		background: #FFF url(../images/bgs/footer.jpg) center top no-repeat;
	}





/* HEADER styles */

	#header h1.logo{ 
		float:left;
		width:300px;
		padding:10px 0 0 0;
	}

	/* MENU styles - see menu.css */

	#footer {
		clear: both;
	}

/* FOOTER styles */
	#footer a{color:#333333;}
	#footer p,
	#footer li{font-size:1.2em;}
	#footer ul{clear:both;}

		#footer .contact{text-align:left;}
			#footer .contact p{display:inline;padding-right:30px;}
			#footer .copyright{
				float:right; 
				width:auto;
			}


	/* USERPANEL styles */
		#userpanel {
		}
			#userpanel h2.greeting{
				margin-bottom:.3em;
				text-transform:uppercase;
			}
			#userpanel ul li{
				display:inline;
				padding-right:6px;
			}
		


/* CONTENT styles */
		#content #sectionHeader{
			float:left;
			width:950px;
			clear:both;
			padding:10px 0 0 0;
			background:#32AA3A;
			/* Green default - other colours set in colourcoding.css */
		} 
			#sectionHeader .sectionNav{
				width:926px;
				padding:0 12px;
			}
			#sectionHeader .sectionNav li{
				width:auto;
				float:left;
				font-size:1.7em;
				display:inline;
				padding:0 0 0 2px;
				background-image:none;
			} 
				.festival #sectionHeader .sectionNav li.archiveNav{
					float:right;
					padding:0 2px 0 0;
				} 

			#sectionHeader .sectionNav li a{
				display:block;
				padding:5px 12px;
				text-decoration:none;
				color:#fff;
				background:#62C669;/* Green default - other colours set in colourcoding.css */
			} 
			#sectionHeader .sectionNav li.active a{
				color:#32AA3A; /* Green default - other colours set in colourcoding.css */
				background:#FFF;
			} 

	/* BASE CONTENT BOXES styles */
		#feature, 
		#highlight{
				float:left;
				display:inline;
				position:relative;
				padding:25px 0;
				margin:0 0 1.5em 0;
		}
			#feature{
				z-index:1;
				width:550px;
				border-left:25px solid #fff;
				border-right:25px solid #fff;
			}
				 .clear #feature,
				 .module #feature,
				 .wide #feature{
					border:0;
					width:900px;
					padding:25px; 
					display:block;
					float:none;
					clear:both;
				}
	
			#highlight {
				z-index:10;
				width:325px;
			}

	/* BASE CONTENT styles */
		#content li,
		#content dt,
		#content dd{
			padding-left:15px;
		}	
		#content li{background: url(../images/icons/bullet.gif) 6px 6px no-repeat;}	
		#content dt,
		#content dd{
			line-height:1.4em;
		}	
		#content dt{
			font-weight:bold;
			padding-top:10px;
			background: url(../images/icons/bullet.gif) 6px 16px no-repeat; 
		}	
		
			#content dl.specs dt{
				padding:0;
				float:left;
				width:100px;
				background-image:none;
			}	
			#content dl.specs dd{
				padding:0;
				margin-left:105px;
			}	

		#content .captionBox,
		#content .leaderImage,
		#content .mainPic{
			float:right;
			width:auto;
			text-align:left;
			padding:0 0 10px 10px;
		}
			#content .leaderImage{
				float:left;		
				padding:0 10px 10px 0;
			}
			#highlight .captionBox{float:none;padding-left:0;}
			
			#content .captionBox img{
			}
			#content p.caption{
				font-size:1.1em;
				padding:3px 10px 4px 10px;
				border:1px solid #E4E4E4;
			}
			#content h2.mission{font-size:1.9em;padding-bottom:1em;}

	


	/* STEPTROUGHS & SWITCH styles */
		#content .stepThrough{
			clear:left;
			color:#666;
			padding:10px 0 0 0;
		}
		#content .stepThrough .active{
			color:#666;
			padding:0px 3px;
			background:#EEEDDB;
			border:1px solid #ddd;
		}
		#content .stepThrough a{
			color:#fff;
			padding:0px 3px;
			text-decoration:none;
			background:#5AC161;
			border:1px solid #32AA3A;
		}
		#content .stepThrough a:hover{		
			color:#fff;
			background:#32AA3A;
		}
	




/* INDEX styles */
	.index #content{background-color:transparent;}

		.index #wrapper #content a:hover{
			color:#333;
			text-decoration:none;
		}
		
		/* wide boxes */
		.index #content .mainFeature,
		.index #content .slogan{
			width:630px;
			float:left;
			display:inline;
			position:relative;
			background: left top no-repeat;
		}

		/* narrow boxes */
		.index #content .featureThumbs,
		.index #content .maillist {
			width:310px;
			margin:0 -10px 0 640px;
		}

		/* first row feature items */
		.index #content .mainFeature,
		.index #content .featureThumbs{
			height:275px;
			margin-bottom:10px;
		}
		.index #content .mainFeature{
			width:630px;
			float:left;
			display:inline;
			position:relative;
			background: left top no-repeat;
		}
			.index #content .mainFeature .splashText{
				margin:175px 10px 0 10px;
				padding:7px 15px 0px 15px;
				height:83px;
				background:#fff;
			}
				.index #content .mainFeature .topAlign,
				.index #content .mainFeature .leftAlign,
				.index #content .mainFeature .rightAlign{margin-top:10px;}
				.index #content .mainFeature .leftAlign,
				.index #content .mainFeature .rightAlign{
					width:240px;
					height:auto;
					padding-bottom:7px;
					}
				.index #content .mainFeature .rightAlign{margin-left:350px;text-align:right;}
				
				.index #content .mainFeature .noneAlign {
						visibility: hidden;
				}
				
			.index #content .splashText h2{
				padding:0;
				font-size:2.3em;
				line-height:1.1em;
			}
			.index #content .splashText h2,
			.index #content .splashText a{
				color:#6BC843;
			}

		.index #content .featureThumbs{
			width:310px;
			margin-left:640px;
			background:#fff;
		}
			.index #content .featureList {padding:10px;}
			.index #content .featureList li{
				padding:0;
				height:60px;
				overflow:hidden;
				line-height:1.1em;
				margin-bottom:5px;
			}
				.editmode #content .featureList {padding:0 10px}
				.editmode #content .featureList li {height:auto;margin-bottom:0;}

			.index #content .featureList li a.boxLink{
				height:55px;
				display:block;
				text-decoration:none;
				color:#333;
				background:#fff;
				border:5px solid #fff;
				border-bottom:0px
			}
			.index #content .featureList li a.boxLink:hover{
				background:#C5EAB5;
				border-color: #C5EAB5;
			}
				.editmode #content .featureList li a.boxLink,
				.editmode #content .featureList li a.boxLink:hover {border:1px;}
				
				.index #content .featureList .thumbPic{
					float:left;
					width:60px;
					height:50px;
					overflow:hidden;
					margin-right:10px;
				}
				.index #content .featureList .heading{
					color:#55A930;
					display:block;
					font-weight:bold;
					padding-bottom:.2em;
					font-family: futura, /* "arial black",*/ arial, helvetica, verdana, trebuchet, sans-serif;
				}

	
		/* second row - slogan & maillist */
		.index #content .slogan,
		.index #content .maillist {
			height:115px;
			margin-bottom:10px;
			padding:15px 0 10px 0;
		}
		.index #content .slogan{
			width:630px;
			float:left;
			display:inline;
			position:relative;
			background:#D6EDCC;
		}
			.index #content .slogan p{
				padding:.1em 20px 0 20px;
				font-size:1.8em;
				font-weight:bold;
				line-height:1.2em;
				font-family:  futura, /* "arial black",*/ arial, helvetica, verdana, trebuchet, sans-serif;
			}
			/*.index #content .slogan p:first-line{font-size:1.15em;line-height:1.25em;}*/

		.index #content .maillist,
		.index #content .maillist form {background:#66C4EB;}
			.index #content .maillist h2,
			.index #content .maillist p,
			.index #content .maillist form{
					padding:0px 15px;
				}
			.index #content .maillist .row{clear:none;}
			.index #content .maillist label{
				display:block;
				width:auto;
				float:none;
				padding-bottom:0;
				font-weight:normal;
			}
			.index #content .maillist #MailingList_Email{border-color:#fff;width:260px; color: #aaa;}

		.index .highlights {clear:left;margin-right:-15px;}

			.index #content .highlights .highlightItem{
				padding:0;
				width: 230px;
				height:260px;
				float:left;
				position:relative;
				background-image:none;
				border-right:10px solid #AFE09A;
			}
				.index #content .highlights .col4{border-right:0px;}
				
			.index .highlights .highlightItem .boxPic,
			.index .highlights .highlightItem .boxPic a{
				width:230px;
				height:150px;
				display:block;
				overflow:hidden;
				text-decoration:none;
			}

			.index .highlights .highlightItem .boxContent{
				height:110px;
				padding:0 10px;
				background:#fff;
			}
			.index .highlights .highlightItem p{line-height:1.2em;}
			.index .highlights .pink a{color:#E54B55;}
			.index .highlights .purple a{color:#672B95;}
			.index .highlights .blue a{color:#2281A9;}




/* FESTIVAL STYLES */
	.festival #content .festivalHeader{
		clear:both;
		height:275px;
		overflow:hidden;
		position:relative;
		margin:-25px -25px 15px -25px;
	}
	.festival #content .festivalPic{z-index:1;}

	.festival #feature .festivalTitle{
		left:0;
		top:0;
		z-index:10;
		position:absolute;
		background:#fff;
		width:920px;
		height:90px;
		margin:15px;
	}
		.festival #feature .leftAlign,
		.festival #feature .rightAlign{
			width:310px;
			height:auto;
		}
		.festival #feature .rightAlign{right:0px;left:auto;}
		.festival #feature .bottomAlign{bottom:0px;top:auto;}
		.festival #feature .noneAlign {
			z-index:-1;
		}
		#feature .festivalTitle h1{
			padding:10px 10px 15px 10px;
			color:#6BC843;
		}
		
	#feature .program,
	#feature .festivalIntro{
		font-weight:bold;
		font-family:  futura, arial, helvetica, verdana, trebuchet, sans-serif;
	}
	#feature .program{
		float:right;
		width:220px;
		text-align:center;
		background:#32AA3A;
		margin:0 -10px 0 0;
	}
		#feature .program p{
			font-size:1.7em;
			line-height:1.05em;	
			padding:10px 25px;
		}
		#feature .program a{color:#fff;text-decoration:none;}

	#feature .festivalIntro{width:680px;}
		#feature .festivalIntro p{font-size:1.7em;line-height:1.4em;}
	/*	#feature .festivalIntro p:first-line{font-size:1.3em;line-height:1.25em;}*/



/* FESTIVAL ARCHIVE STYLES */
		#feature .festivalList .festivalItem{
			clear:both;
			padding:0;
			height:275px;
			position:relative;
			background-image:none;
			margin-bottom:10px;
		}
			#feature .festivalList .noFestivalImage{height:110px;}

		#feature .festivalList .festivalContainer{overflow:hidden;}
			#feature .festivalItem .festivalPic{margin-left: -25px;}
			
			#feature .festivalItem .festivalTitle{width:870px;}
				#feature .noFestivalImage .festivalTitle {position:relative;height:auto;}
				
			#feature .festivalItem .festivalTitle h2{padding:10px;}


	
/* FESTIVAL EVENT STYLES */
	#feature .eventArtist{padding:0 0 .3em 0;color:#32AA3A;}

	/* eventspecs use in both single & multiple event styles */
		#feature p.eventSpecs{
			float:left;
			width:350px;
			line-height:1.8em;
		}
			#feature .eventList p.eventSpecs{
				width:655px;
			}
		#feature p.eventSpecs span{
			display:block;
			float:left;
			width:auto;
			padding:0px 8px;
			background:#E1E1E1;
			border-right:2px solid #fff;
			border-bottom:2px solid #fff;
		}
			#feature .eventList p.eventSpecs span{background:#D4F1C7;}

		#feature p.eventSpecs span.eventCats,
		#feature p.eventSpecs span.eventOrigin{
			color:#fff;
			background:#32AA3A;
		}

		#feature p.eventSpecs span.eventDate{background:#C8C8C8;}
			#feature .eventList p.eventSpecs span.eventDate{background:#AFE09A;}
		

	/* festival multiple event lists */
		#feature .eventList{
			float:left;
			width:900px;
		}
		#feature .eventList .eventItem{
			float:left;
			width:655px;
			padding:5px 0 5px 245px;
			background-image:none;
		}
		#feature .eventList .eventTitle{padding:.2em 0;}
		#feature .eventItem .leaderImage{
			float:left;
			width:230px;
			text-align:right;
			margin-left:-245px;
		}

	/* festival single event styles */
		#feature .presentsLine{padding:0;color:#62C669;font-style:italic;}
		#feature h1.eventTitle{padding:0;}
		#feature .eventSingle .eventArtist{font-size:1.8em;}
		#feature .teachersNotes{float:right;clear:right;}

		#feature .backButton{
			width:280px;
			text-align:center;
			background:#E1E1E1;
			padding:4px 0px 3px 0;
			font-weight:bold;
			margin-bottom:1em;
			font-family: futura, /* "arial black",*/ arial, helvetica, verdana, trebuchet, sans-serif;
		}
		#feature .backButton a{text-decoration:none;}
		
		#feature .eventSingle .eventSummary{clear:left;}


	/* festival tabs */
		#feature ul.infoTabs{
			width:900px;
			float:left;
			clear:both;
			position:relative;
		}
			#feature ul.infoTabs li.tabHeader{
				float:left;
				display:inline;
				line-height:30px;
				padding:0 0 0 3px;
				background-image:none;
			}
				#feature ul.infoTabs li.tabHeader .header{
					float:left;
					display:block;
					font-size:1.1em;
					padding:0 12px 0 6px;
					color:#fff;
					background:#62C669;
					border:1px solid #62C669;
					border-bottom:0px;
				}
					#feature ul.infoTabs li.active .header{
						color:#62C669;
						background: #fff;
					}

				#feature ul.infoTabs div.tabContent{
					position:absolute;
					left:0;
					top:30px;
					width:885px;
					display:none;
					min-height:300px;
					padding:15px 0 10px 15px;
					background:#fff url(../images/bgs/eventTabs.gif) left top no-repeat;
				}
					#feature ul.infoTabs li.active div.tabContent{display:block;}

				#feature ul.infoTabs div.tabContent h3{
					padding-top:0;
					margin:0 15px .3em 0;
					border-bottom:1px solid #c8c8c8;
				}
				#feature ul.infoTabs div.tabContent .column{
					float:left;
					width:440px; 
				}
				#feature ul.infoTabs div.tabContent .column dd{padding-right:30px;}

		/* event sponsors */
			#feature ul.infoTabs .eventSponsors,
			#feature ul.infoTabs .sponsorList{clear:both;}
			#feature ul.infoTabs .sponsorList li{
				width:auto;
				float:none;
				display:inline;
				border:0px;
				padding:0 20px 0 0;
				background-image:none;
			}
			#feature ul.infoTabs .sponsorList li img{vertical-align:middle;}



	/* festival galleries */
		#feature .galleryList,
		#feature .galleryItem{
			float:left;
			display:inline;
			position:relative;
		}
		#feature .galleryList{
			width:900px;
			margin-right:-5px;
		}
			#feature .galleryList li.galleryItem{
				padding:0; 
				clear:none;
				width:100px;
				height:100px;
				font-size:1.1em;
				line-height:1.1em;
				background-image:none;
				background-color:#efefef;
				border-right:28px solid #fff;
				border-bottom:28px solid #fff;
				
			}	
				
				#feature .galleryList li.cool7{border-right:0px;}
				#feature .galleryList li.galleryItem a.itemLink,
				#feature .galleryList li.galleryItem a.sm2_link {
					color:#fff;
					z-index:2;
					outline:none;
					display:block;
					position:relative;
					text-decoration:none;
				}
				#feature .galleryList li.photoitem .itemLink{
					width:100px;
					height:100px;
				}	

				#feature .galleryList li.videoitem{background:#efefef url(../images/icons/video.gif) right bottom no-repeat;}
				#feature .galleryList li.audioitem{background:#efefef url(../images/icons/audio.gif) right bottom no-repeat;}
	
		#feature ul.playlist .dgButton a {display:inline !important;}



/* SPECIAL PROGRAM STYLES (based on festival event styles) */
		.projects #feature .presentsLine{color:#E78B91;}
		.projects #feature .eventArtist{color:#E54B55;}
		.projects #feature .whatsHappening{border: 1px solid #E78B91;padding:10px 10px 5px 10px;margin:0 0 15px 0;}
		.projects #feature p.eventSpecs span.eventOrigin{background:#E54B55;}

		/* past project styles */
			#feature .projectList{float:left;width:900px;}
				#feature .projectList .projectItem{
					float:left;
					width:900px;
					padding:5px 0;
					background-image:none;
				}


				.projects #feature ul.infoTabs li .header{
					color:#fff;
					background:#E78B91;
					border-color:#E78B91;
				}
					.projects #feature ul.infoTabs li.active .header{
						color:#E78B91;
						background: #fff;
					}
				.projects #feature ul.infoTabs li div.tabContent{
					background:#fff url(../images/bgs/eventTabsPink.gif) left top no-repeat;
				}


/* SCHOOL STYLES (based on festival event styles) */
		.schools #feature p.eventSpecs span{background:#FBDFE1;}
		.schools #feature p.eventSpecs .eventArtist{color:#fff;background:#E54B55;}
		.schools #feature p.eventSpecs span.eventOrigin{background:#E78B91;}


/* TEACHERS */
		#feature .downloadList .downloadButton{
			width:170px;
			background:#E1E1E1;
			font-size:1.1em;
			font-weight:bold;
			padding:2px 15px;
			margin:2px 0 2px 13px;
			font-family: futura, /* "arial black",*/ arial, helvetica, verdana, trebuchet, sans-serif;
		}
		#feature .downloadList .downloadButton a{text-decoration:none;}


/* STAFF STYLES */
	/* shared staff styles */
		.staff #feature .contactInf li{
			padding:0;
			clear:none;
			display:inline;
			font-weight:bold;
			background-image:none;
		}

	/* multipe list styles */
		#feature .staffList{
			float:left;
			width:900px;
			display:inline;
			margin-right:-5px;
		}
		#feature .staffList li.staffItem{
			padding:0;
			clear:none;
			float:left;
			width:440px;
			display:inline;
			height:200px;
			background-image:none;
		/*	border-bottom:3px solid #efefef;*/
		}
		#feature .staffList li.col2{
			position:relative;
			left:20px;
		}

			#feature .staffList li.staffItem h2{padding:0;}
			#feature .staffList li.staffItem h3{line-height:1.2em;}
			#feature .staffList li.staffItem h3,
			#feature .staffList li.staffItem .contactInf{padding:0 0 .2em 0;}
			#feature .staffList li .leaderImage{
				margin:0;
				width:165px;
				height:165px;
				float:left;
				display:block;
				overflow:hidden;
			}
			#feature .staffList li .leaderImage img{
				vertical-align:middle;
			}
		
			#feature .staffList  li .staffText{
				margin-left:175px;
			}


		
	/* single staff styles */
			.staff #feature .mainPic{
				float:left;		
				padding:0 10px 10px 0;
			}
		#feature h1.staffName{padding-bottom:.1em;}
		#feature h2.position{padding-top:.1em;}





/* SPONSORS */
	#feature .sponsorList li{
		float:left;
		width:900px;
		padding:10px 0; 
		background-image:none;
		border-bottom:1px solid #C8C8C8;
	}
		#feature .sponsorList .leaderImage{
			padding:0;
			width: 225px;
			text-align:right;
		}
		#feature .sponsorList li .sponsorName{color:#2281a9;} 
		#feature .sponsorList li .sponsorText{
			margin-left:245px;
		}
	
	
	
	


	
/* CLEARFIX hack if needed */

	.clearfix:after {
		content: "."; 
		display: block; 
		height: 0; 
		clear: both; 
		visibility: hidden;
		}
	
	* html>body .clearfix {
		display: inline-block; 
		width: 100%;
		}
	
	* html .clearfix {
		/* Hides from IE-mac \*/
		height: 1%;
		/* End hide from IE-mac */
		}	


        

/* management tweaks */
	#content .manage dl {
		border: 1px dashed #ccc;
		padding-bottom:0;
	}
	#content .manage dd {
		margin-left: 20px;
	}
	#content .manage .newButton {
		display:block;
		padding-bottom: 12px;
	}	






	/* dreamgirl CMS styles*/
	.buttonContainer
	{
			display: inline;
	        overflow: visible;
	}

	#dgInlineFeedback {
	        width: 259px;
	        height: 242px;
	        color: #000;
	        background: url(../dreamgirl/images/success.png)!important;
	        background: url(../dreamgirl/images/success.gif);
	        }

			#dgProgressDiv
			{
			        position: absolute;
			        bottom: 0px;
			        left: 10px;
			        width: 241px;
			        height: 241px;
			z-index: 2000;
				background-image: url(../dreamgirl/images/dreaming.gif);
			}

	.dgInlineForm {
	        width: 500px;
	        border: 0px;
	       /* margin:12px 0 0 -200px; */
	        margin:12px 0 0 0;
			left:0;
	        position: absolute;
	        visibility: visible;
	        overflow: hidden;
			z-index:100;

	}

	iframe {
			position:absolute;
	        width: 500px;
	        border: 0px;
	        padding: 0px;
	        margin: 0px;
	}
	.dgInlineButton {
	        border: 0px;
	        background-color: transparent;
	}

	.dgInlineButtonActivated {
			opacity: 0.5;
	}

	.dgActiveElement {
			border: 1px dashed #eebddc;
			z-index:100 !important;
	}

	.dgInactiveElement {
	        background-color: transparent;
	}

	.newButton {display:block;}
	.dgButtonLink {
	        border: 0px;
	        margin-right: 3px;
	}