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

body { background-image: url(images/wallpaper.jpg); background-repeat: repeat-x; background-color:#c2c2c2; margin:0px; padding:0px; font-family:Helvetica, Arial, sans-serif; font-size:100%; }

#page { width:980px; min:auto; background-color:#FFF; margin-left:auto; margin-right:auto; margin-bottom:20px; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.8); }

#container { width:980px; min-height:1000px; margin-left:auto; margin-right:auto; background-image:url(images/spotlight.png); background-repeat:no-repeat; background-position:right top;}

#header { width:100%; height:234px; position:relative; }

#header .home { background-image:url(images/bg_home.jpg); background-repeat:repeat-x; }
#header .who { background-image:url(images/bg_who.jpg); background-repeat:repeat-x; }
#header .performances { background-image:url(images/bg_performances.jpg); background-repeat:repeat-x; }
#header .about { background-image:url(images/bg_about.jpg); background-repeat:repeat-x; }
#header .news { background-image:url(images/bg_news.jpg); background-repeat:repeat-x; }
#header .workshops { background-image:url(images/bg_workshops.jpg); background-repeat:repeat-x; }
#header .contact { background-image:url(images/bg_contact.jpg); background-repeat:repeat-x; }

#header #social { height:51; width:auto; margin-top: 120px; margin-right:30px; float:right;  }

#header #social img {padding-right:8px;}

#nav { width:184px; margin: 35px 58px 25px 48px; float:left;}

#nav .button { width:184px; height:38px;}

#nav .buttonLast { width:184px; height:40px;}

#nav #twitterFeed { margin-top:50px; }



.academyNav {
    position: relative;
    display: inline-block;
}

.academyNav-content {
    display: none;
    position: absolute;
    background-color: #ffffff;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	left:185px;
	top: 0px;
	z-index: 1;
	border: 2px solid #c2c2c2;
	border-bottom: none;
}

.academyNav-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    border-bottom: 2px solid #c2c2c2;
}

.academyNav-content a:hover {background-color: #f1f1f1}

.academyNav:hover .academyNav-content {
    display: block;
}



#content {width:auto; height:auto; margin-top:35px; margin-right:30px; margin-left:290px; margin-bottom:35px; position:relative; }

#contentFull {width:auto; height:auto; margin-top:35px; margin-right:45px; margin-left:45px; margin-bottom:5px; position:relative; }


#Hcontent {width:400px; height:auto; margin-top:35px; margin-right:30px; margin-left:290px; margin-bottom:35px; position:relative; }

#content .photo {margin:5px 20px 20px 0px; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.8); }

#iframeContent {position:absolute; left: 0; right: 0; bottom: 0; top: 0px; }


#share { float:right; width:150px; height:15px; margin-bottom:15px; }

#shadowBottom { width:992; height:7px; background-image:url(images/shadow_bm.jpg); background-repeat:no-repeat; margin-left:auto; margin-right:auto; }

h1 {font-size:145%; color: #333; font-weight:bold; margin-top:0px; }
h2 {font-size:135%; color:#333; }
h3 {font-size:120%; color:#333; padding-top:15px; margin:0px; }
h4 {font-size:85%; color:#333; margin:0px; line-height:17px; }
p {color:#333; font-size:85%; line-height:19px; letter-spacing: 0.2px; }
p .date {letter-spacing:0px; font-size:90%; }
p .time { color:#999; }
p .heading {color:#ec2988; font-weight:bold; }
.footnote { text-align: center; font-size:80%; font-style: italic;}
.formClear { clear: both }
hr { margin:25px 0px 15px -6px; background-color: #bdbec1; color: #bdbec1; height: 2px; border: 0 none; }
h1 .homeTitle { color:#ec2988 }
.indent { margin-left:100px;}
.center {text-align: center;}
.right {text-align: right;}
ul { margin-top: -8px;}
li  { font-size:85%; line-height:20px; }

a:link {color: #06C; text-decoration:none;}
a:visited {color:#06C; text-decoration:none;}
a:hover {color: #09C; text-decoration: none;}

#news { float:right; width: 180px; height:820px; border-left: #bdbec1 solid 2px; margin: 0px 0px 25px 25px; }
#news h1 { background-color: #BDBEC1; color: #FFFFFF; margin: 0px 0px 25px 20px; padding: 8px 15px 5px 15px; height: 24px; line-height:24px; }
#news h2 {font-size:93%; color: #ec2988; padding:0px;}
#news h3 {font-size:120%; color:#333; padding:0px}

#news .story {margin: 10px 0px 10px 20px;  }
#news p {color:#333; font-size:85%; line-height:19px; letter-spacing: 0.2px; }

#performances p  { margin-left: 237px;}

.canal { float:right; margin:0px 10px 25px 25px; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.9); border: 4px solid #FFF; }

#company { margin-left:auto; margin-right:auto; padding:0px; height:auto; width:640px; }
#company .crew { float:left; margin-left:auto; margin-right:auto; padding:0px 20px 20px 20px; width:115px; height:auto; }
#company .crew img { box-shadow: 0 1px 4px rgba(0, 0, 0, 0.9); }
#company .crew p { font-size:12px; font-weight:bold; margin:0px; padding:0px; text-align:center; }
#company .crew a { padding-top:3px; }
#company .crew a:link {color: #666; text-decoration:none;}
#company .crew a:visited {color: #666; text-decoration:none;}
#company .crew a:hover {color: #F90; text-decoration: none;}

.toggleopacity img{ border: 1px solid #ccc; }

#company .crew:hover img{ border: 2px solid #F90; cursor: pointer; }
#company .crew img { border: 2px solid #FFF; margin-bottom: 2px; }
#company .crew:hover { color: red;} /* Dummy definition to overcome IE bug */

.show_image { margin:0px 26px 26px 0px; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.9); border: 4px solid #FFF; }

.who_image { float:left; margin:0px 26px 26px 0px; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.9); border: 4px solid #FFF; }
.who_image:hover img { border: 2px solid #F0F; cursor: pointer; }
.who_image img { border: 2px solid #FFF; }
.who_image:hover{ color: red; /* Dummy definition to overcome IE bug */ }


.funThanks { float:left; margin-left:101px; margin-top: 25px; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.9); border: 4px solid #FFF; }

/* Workshops */

.leaders { min-height: 360px; }
.leaders_image { float:left; margin:0px 25px 25px 0px; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.9); border: 4px solid #FFF; }

#workshops {margin-right: 10px;}
#schools { float:left; width: 100%; }
#clubs { float:right; width: 300px; margin: 0px -10px 25px 0px; }
#workshops .classes { height:120px; margin-bottom: 25px; }
#workshops .classes p {margin-left: 72px;}
#workshops .classes img { float:left; padding-right: 20px }
#video .promoVid {margin-left: 40px; margin-right: 40px; margin-top:0px; border: 4px solid #FFF; float:none  }
#video .bookingVid {margin-left: 191px; margin-right: 191px; margin-top:25px; border: 4px solid #FFF; float:none  }
iframe { float:left; margin: 0px 20px 20px 0px; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.8); }
#contentFull iframe { float:left; margin: 0px 20px 20px 0px; box-shadow: none; }
video { float:left; margin: 0px 20px 20px 0px; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.8); }
.twitter-timeline { height: 450px !important; }
#workshops_content {width:96%;}


.club1 li { list-style-image: url(images/star1.png); font-weight: bold; }
.club2 li { list-style-image: url(images/star2.png); font-weight: bold; }
.club3 li { list-style-image: url(images/star3.png); font-weight: bold; }


/* Events */

.event { width:100%; height:auto; margin-left:auto; margin-right:auto; padding:20px; clear:both; }
.eventPoster { float:left; width:212px; height:auto; }
.eventPosterAlt { float:left; width:212px; height:auto; margin-right:25px; margin-bottom:5px; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.9); }
.eventDetails { float:left; width:185px; height:auto; }
.eventBlurb { float:left; width:150px; height:300px; overflow: scroll; background-color: #333333; border: 1px solid #FFFF00; margin-bottom:20px; }
.event p { padding:0px 15px 0px 15px; margin-bottom:10px; margin-top:0px; font-size:70%; }
.event h3 { padding:0px; margin-bottom:20px; margin-top:0px; }


/* Contact */

.mandatory {font-size:70%; color: #333}
#ContactRight { float:right; width:28%; height:auto; border: 2px dashed #06C; margin:0px 20px 0px 10px; padding-top:10px; padding-bottom:10px; }
#ContactRight p { padding:0px 10px 0px 15px; margin-top:10px; margin-bottom:10px; }
#contactTable { float:left; width:auto; height:auto; }
#info .contactThanks { clear:both; padding-top:15px; padding-bottom:20px; margin:0px; }

#footer {clear: both; padding:5px 0px 5px 0px; height:auto; width:auto; text-align:center; background-color: #333}
.footList li { display: inline; padding-left: 10px; padding-right: 10px; border-right: 1px dotted #FFF; }
.footList li.last { display: inline; padding-left: 10px; padding-right: 10px; border-right: 0px; } 
.footList ul {font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; font-size:70%; padding:15px 0px 15px 0px; margin:0px; display: inline; margin-left: auto; line-height:25px;
}

#footer .home a:link {color: #ec2988; text-decoration:none;}
#footer .home a:visited {color: #ec2988; text-decoration:none;}
#footer .home a:hover {color: #ec2988; text-decoration: underline;}

#footer .contact a:link {color: #09F; text-decoration:none;}
#footer .contact a:visited {color: #09F; text-decoration:none;}
#footer .contact a:hover {color: #09F; text-decoration: underline;}

#footer .performances a:link {color: #32b357; text-decoration:none;}
#footer .performances a:visited {color: #32b357; text-decoration:none;}
#footer .performances a:hover {color: #32b357; text-decoration: underline;}

#footer .company a:link {color: #fcb950; text-decoration:none;}
#footer .company a:visited {color: #fcb950; text-decoration:none;}
#footer .company a:hover {color: #fcb950; text-decoration: underline;}

#footer .workshops a:link {color: #F00; text-decoration:none;}
#footer .workshops a:visited {color: #F00; text-decoration:none;}
#footer .workshops a:hover {color: #F00; text-decoration: underline;}

#footer .about a:link {color: #C6F; text-decoration:none;}
#footer .about a:visited {color: #C6F; text-decoration:none;}
#footer .about a:hover {color: #C6F; text-decoration: underline;}

.fadein { position:relative; width: 446px; height: 200px; margin-bottom:25px; }
.fadein img { position:absolute; left:0; top:0; width: 446px; height: 200px; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.9); }

#FLVPlayer { width:auto; height:auto; margin-bottom:50px; }
.video { box-shadow: 0 1px 4px rgba(0, 0, 0, 0.9); border: 4px solid #FFF; margin-bottom:20px; }


/* quotes */
blockquote p {font-weight: bold;}
blockquote.style1 {
  padding-top: 10px;
  margin: 10px 45px 10px 45px;
  background-image: url(images/openquote1.png);
  background-position: top left;
  background-repeat: no-repeat;
  text-indent: 30px;
}
  blockquote.style1 span {
    display: block;
    background-image: url(images/closequote1.png);
    background-repeat: no-repeat;
    background-position: bottom right;
    min-height: 40px;
} 
blockquote.style2 {
  padding-top: 10px;
  margin: 50px 45px 10px 45px;
  background-image: url(images/openquote2.png);
  background-position: top left;
  background-repeat: no-repeat;
  text-indent: 30px;
}
  blockquote.style2 span {
    display: block;
    background-image: url(images/closequote2.png);
    background-repeat: no-repeat;
    background-position: bottom right;
    min-height: 40px;
}

blockquote.style3 {
  padding-top: 10px;
  margin: 50px 45px 10px 45px;
  background-image: url(images/openquote3.png);
  background-position: top left;
  background-repeat: no-repeat;
  text-indent: 30px;
}
  blockquote.style3 span {
    display: block;
    background-image: url(images/closequote3.png);
    background-repeat: no-repeat;
    background-position: bottom right;
    min-height: 40px;
}

blockquote.style4 {
  padding-top: 10px;
  margin: 50px 45px 10px 45px;
  background-image: url(images/openquote4.png);
  background-position: top left;
  background-repeat: no-repeat;
  text-indent: 30px;
}
  blockquote.style4 span {
    display: block;
    background-image: url(images/closequote4.png);
    background-repeat: no-repeat;
    background-position: bottom right;
    min-height: 40px;
}
blockquote.style5 {
  padding-top: 10px;
  margin: 50px 45px 10px 45px;
  background-image: url(images/openquote5.png);
  background-position: top left;
  background-repeat: no-repeat;
  text-indent: 30px;
}
  blockquote.style5 span {
    display: block;
    background-image: url(images/closequote5.png);
    background-repeat: no-repeat;
    background-position: bottom right;
    min-height: 40px;
}
blockquote.style6 {
  padding-top: 10px;
  margin: 50px 45px 10px 45px;
  background-image: url(images/openquote6.png);
  background-position: top left;
  background-repeat: no-repeat;
  text-indent: 30px;
}
  blockquote.style6 span {
    display: block;
    background-image: url(images/closequote6.png);
    background-repeat: no-repeat;
    background-position: bottom right;
    min-height: 40px;
} 
blockquote.style7 {
  padding-top: 10px;
  margin: 50px 45px 10px 45px;
  background-image: url(images/openquote7.png);
  background-position: top left;
  background-repeat: no-repeat;
  text-indent: 30px;
}
  blockquote.style7 span {
    display: block;
    background-image: url(images/closequote7.png);
    background-repeat: no-repeat;
    background-position: bottom right;
    min-height: 40px;
}

@media screen and (max-device-width: 480px){
  body{
    -webkit-text-size-adjust: none;
  }
}

.regButton {
	box-shadow: 0px 2px 6px -2px #373538;
	background:linear-gradient(to bottom, #8b16ab 5%, #ba1fd9 100%);
	background-color:#8b16ab;
	border-radius:12px;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Helvetica, Arial, sans-serif;
	font-size:20px;
	font-weight:bold;
	padding:10px 20px;
	text-decoration:none;
	text-shadow:0px 3px 0px #861b9e;
}
.regButton:hover {
	background:linear-gradient(to bottom, #ba1fd9 5%, #8b16ab 100%);
	background-color:#ba1fd9;
	color:#ffffff;
}
.regButton:active {
	position:relative;
	top:1px;
	color:#ffffff;
}
.regButton:visited {
	color:#ffffff;
}

.regButton:link {
	color:#ffffff;
}