
<style type="text/css">


/*  - - - - - - - - - - - - - - 
			Global
- - - - - - - - - - - - - -  */

html, body {
	height: 100%;
	margin:0; 
 	padding:0; 

	}
	
	
body {
	background: #fffae7;
	color: #000;
	font: 12px Arial, Helvetica, Verdana, sans-serif;
}
	
	
	
/*  - - - - - - - - - - - - - - 
			Layout
- - - - - - - - - - - - - -  */	
	
#container {
	min-height: 100%;
	margin-left: 15%;
	padding: 0;
	background: url(../images/siteFiles/mainBackgroundIllustration.png) no-repeat #fffae7;
	border-left: 1px solid #666666;

	}
	
	
#mainNav {
	width:15%;
	min-height: 100%;
	padding: 0px;
	background: #ffffff;
	float:left;
	text-align: right;
	}
 
 
.navText {
position:absolute; 
top:-10000px
/*padding-top: 200px;*/
}

 

 
 
/*
 #mainNav li {
margin: 8px 8px 30px 0 ;
	}
*/
 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
 height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  

	
	
	
#secondNav {
width: 800px;
text-align: right;
padding: 5px 0 0 0;
font-weight: bold;
}

#logo {
	text-align: right;
	width: 800px;
	padding: 20px 0 0 0;	
}

#content {
	width: 800px;
	margin: 0;
	padding: 13px 0 5px;
}

#tagline {
	float: right;
	position: relative;
	right: 0;
	top: 0;
	z-index: 10;
}

#mainContent {
  width: 640px;
  margin: 30px auto 60px; 
  padding: 0; 
  border: 7px solid #000000;
  background:url(../images/siteFiles/4pxTransparent.png) repeat;
  min-height: 380px;
} 

#mainContentHome {
  width: 640px;
  margin: 30px auto 78px; 
  padding: 0; 
  border: 7px solid #000000;
  background:url(../images/siteFiles/4pxTransparent.png) repeat;
  min-height: 360px;
} 

#footer {
  width: 800px;
  text-align: right;
  position:relative;
  bottom:0;
  height:50px;   
}
	
#footerLeft {
	text-align: left;
	vertical-align: top;
	padding-left: 10px;
	width: 200px;
	float: left;
}

#footerRight {
	text-align: right;
	width: 400px;
	float: right;
	clear: none;
}


	
a.stbar.chicklet img {
	border:0;
	height:16px;
	width:16px;
	margin-right:3px;
	vertical-align:middle;
}

a.stbar.chicklet {
	height:16px;
	line-height:16px;
}
	

hr {
	margin: 5px 20px 18px; 
	padding:0px; 
	height:1px; 
	color:#999999; 
	background-color:#999999; 
	border:none
}

.orange {
	color: #f68b1f;
}


.red {
	color: #9f1824;
}

.grey {
	color: #b3b3b3;
	
}


/*  - - - - - - - - - - - - - - 
			Typography
- - - - - - - - - - - - - -  */
p {
	margin-bottom: 1em;
	line-height: 1.5em;
}

.small {
	font-size: 10px;
	margin-bottom: 1em;
	line-height: 1.2em;
}

	
h2 {
	font-size: 22px;
	color: #666666;
	font-weight: normal;
	font-style: normal;
}

h3 {
	font-size: 18px;
	font-weight: normal;
	font-style: normal;
	margin-bottom: 0px;
	padding: 0px;
	
}

#footer p {
font-size: 10px;
margin: 5px 5px 5px 0;
}

#footer img {
margin: 0 0 0 0;
}

blockquote, q {
	padding: 0 0 0 20px;
	margin: 0;
}
blockquote:before, blockquote:after,
q:before, q:after {
	margin: 0;
	padding: 0;
	line-height: 1.5em;

}



/*  - - - - - - - - - - - - - - 
			Links
- - - - - - - - - - - - - -  */

a {
	color: #666666;
	}
	

a, h1 a, h2 a, h3 a{
	text-decoration:none; 
	border:none; 
}

a:link, a:visited, a:active {
}

#mainContent a {
	font-size: 12px;
	font-weight: bold;
/*	margin-left: 20px; */
}

#mainContent a:link, #mainContent a:visited {
	color: #666666;
}

#mainContent a:hover, #mainContent a:active {
	color: #000000;
}

#mainContentTitleNavBar {
width: 600px;
margin: 10px auto 0;	
}

#mainContentSubNav {
	text-align: right;
}

#mainContentSubNav a {
	font-size: 12px;
	font-weight: bold;
	margin-left: 10px;
}

#mainContentSubNav a:hover {
	color: #9f1824;
}


#mainContentSubNav ul li {
	display: inline;	
}

#festivalEvents {
	border-collapse: separate;
	border-spacing: 0px 20px;
	border-style: none;
	
}

#festivalEvents #date{
	width: 85px;
}

#festivalEvents #eventInfo{
	
}


#mainContent #festivalEvents a {
	color: #000000;
}

#mainContent #festivalEvents a:hover, #mainContent #festivalEvents a:active {
	color: #666666;
}

#specialThanksColumns {
	width: 600px;
}

#specialThanksLeft {
	width: 300px;
	vertical-align: top;
}

#specialThanksRight{
	width: 300px;
}

#footer a {
	color: #000000;
}
	
/*  ------------------------------  */
/*  Second NAV MENU                   */
/*  ------------------------------  */




#secondNav li, #secondNav li a {
	font-size: 11px;
	font: Arial, Helvetica, Verdana, sans-serif;
	display: inline;
	padding-left: 20px;
}
	
		
#secondNav li a:hover {
color: #000000;
}
	

	
	
	
/*  ------------------------------  */
/*  CODA Slider                     */
/*  ------------------------------  */
	
/*
	jQuery Coda-Slider v2.0 - http://www.ndoherty.biz/coda-slider
	Copyright (c) 2009 Niall Doherty
	This plugin available for use in all personal or commercial projects under both MIT and GPL licenses.
*/

/* Insignificant stuff, for demo purposes */

	.panel h2.title { margin-bottom: 10px }
	noscript div { background: #ccc; border: 1px solid #900; margin: 20px 0; padding: 15px }

/* Most common stuff you'll need to change */

	.coda-slider-wrapper { 
	padding: 0;
	width:  640px; 
	}
	.coda-slider { 
	 }
	
	/* Use this to keep the slider content contained in a box even when JavaScript is disabled */
	.coda-slider-no-js .coda-slider { /*height: 200px;*/ overflow: auto !important; padding-right: 20px }
	
	/* Change the width of the entire slider (without dynamic arrows) */
	.coda-slider, .coda-slider .panel { width: 640px } 
	
	/* Change margin and width of the slider (with dynamic arrows) */
	.coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel { width: 600px }
	.coda-slider-wrapper.arrows .coda-slider { margin: 0 10px }
	
	/* Arrow styling */
	.coda-nav-left a, .coda-nav-right a { background: #000; color: #fff; padding: 5px; width: 100px }
	
	/* Tab nav */
	.coda-nav ul li a.current { background: #39c }
	
	/* Photo & Video Panel, Ballet Overview */
	.coda-slider .panel-wrapperBleed { padding: 0px; margin: 5px 0 0 0 ;}

	.coda-slider .panel-wrapperBleed p { padding: 0 20px 0 20px;
}

	.imgRightBleed { 
	padding: 0 0 0 10px;
	float: right;
	position: relative;
	display: block;
	clear: both;
	margin: 0;

}

	.imgLeftBleed { 
	padding: 0 10px 0 0;
	float: left;
	position: relative;
	display: block;
	clear: both;
	margin: 0;

}
	/* All Other Panel padding */
	.coda-slider .panel-wrapper { padding: 0px 20px 0 20px}
	
	/* Choreographer/Composer Images in Panels*/
	.imgRightPadded { 
	padding: 0 20px 10px 0;
	float: left;
	position: relative;
	display: block;
	clear: both;
	margin: 0;
}
	

	/* Preloader */
	.coda-slider p.loading { padding: 20px; text-align: center }

/* Don't change anything below here unless you know what you're doing */

	/* Tabbed nav */
	.coda-nav ul { clear: both; display: block; margin: auto; overflow: hidden }
	.coda-nav ul li { display: inline }
	.coda-nav ul li a { background: #000; color: #fff; display: block; float: left; margin-right: 1px; padding: 3px 6px; text-decoration: none }
	
	/* Miscellaneous */
	.coda-slider-wrapper { 
/*	clear: both; Check this if something is broken */
	overflow: auto }
	.coda-slider { float: left; overflow: hidden; position: relative }
	.coda-slider .panel { display: block; float: left }
	.coda-slider .panel-container { position: relative }
	.coda-nav-left, .coda-nav-right { float: left }
	.coda-nav-left a, .coda-nav-right a { display: block; text-align: center; text-decoration: none }
	
	
	
	
/*  ------------------------------  */
/*  Slideshow                       */
/*  ------------------------------  */

#wrap {
	width: 640px;
	height: 460px;
	text-align: left;
	font-size: 1.1em;
	margin: 0;
	padding: 0;
	color: black;
	background:#fff;
}

	
.svwp {width: 50px; height: 20px; background: #fff;} /*preloader stuff. do not modify!*/
.svwp ul{position: relative; left: -999em;}/*preloader stuff. do not modify!*/
.slideViewer { 
position: relative;
overflow: hidden; 
margin: 0;
padding: 0;
background: #fff;
}
.slideViewer ul {  /*your list of images*/
position: relative;
left: 0;
top: 0;
width: 1%;
list-style-type: none;
margin: 0; 
padding: 0;
}
.slideViewer ul li {
float:left;
}

/*typographic info*/
.slideViewer span.typo{ 
padding: 6px; /* do not modify padding */
background: #fff;
color: #000;
font: normal 10px Verdana;
}

.thumbSlider { /*the thumbnails slider*/
overflow: hidden;
width: 1%;
background: #fff;
}
.thumbSlider ul { 
list-style-type: none;
margin: 0; 
padding: 0;
}
.thumbSlider ul li{ 
float:left;
margin: 0;
}
.thumbSlider a{
color: #fff;
text-decoration: none;
}
.thumbSlider a img{
border: 0;
display: block;
padding: 0;
}
.thumbSlider p.tmbrdr { /* the border above -not around- each thumb */
/* width, height and top values are dynamically added by the script. Do not modify. */
position:relative; 
left: 0;
font-size: 0.01em;
left: 0;
margin: 0;
padding: 0;
}

a.left, a.right { /*the left and right buttons (links)*/
background: transparent; /* could be any color  */
color: #ff0000;
font: bold 16px Arial;
overflow: hidden;
}
a.left span, a.right span{

}
a.left img, a.right img{
border: 0;
}
a.l_dis, a.r_dis {
background: transparent; /* ALWAYS leave transparent. this is the 'disabled' state of the link !  */
cursor: default;
}
a.l_dis span, a.r_dis span {
display: none;
}
a:focus {outline:none;}
	
	
	
	
	

/*  - - - - - - - - - - - - - - 
			Misc.
- - - - - - - - - - - - - -  */
	
#flashMovieContainer {
	text-align: center;
	vertical-align: middle;
}
	
	
	
#tooltip{
	position:absolute;
	border:1px solid #333;
	background:#fffae7;
	padding:2px 5px;
	color:#333;
	display:none;
	width:  600px;
	}
	
	
	
	
	#pushup {
  position: fixed;
  top: 10px;
  right: 10px;
  margin: 0;
  padding: 4px;
  background: #ffffc6;
  border: 1px solid #b0dfc8;
  z-index: 9999;
  text-decoration: none;
  font-family: Arial, Helvetica, sans-serif;
}
* html #pushup {
  position: absolute;
  top: expression(_pushupIETop = 10 + (document.documentElement.scrollTop || 0) + 'px');
}
#pushup * {
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
}
.withReminder { padding-bottom: 6px; }
#pushup a {
  outline-style: none;
  text-decoration: none;
}

#pushup .pushup_messageLink {
  float: left;
  position: relative;
  color: #4293cd;
  font-size: 12px;
  cursor: pointer;
}

#pushup .pushup_icon {
  position: relative;
  float: left;
  height: 22px;
  width: 22px;
  margin-right: 5px;
  overflow: hidden;
  vertical-align: middle;
}

#pushup .pushup_message {
  position: relative;
  float: left;
  margin-right: 3px;
  line-height: 22px;
  vertical-align: middle;
}

#pushup .pushup_reminder {
  float: left;
  clear: both;
  font-size: 10px;
  color: #84a2ac;
  margin-left: 27px;
  cursor: pointer;
}

#pushup .pushup_messageLink:hover,
#pushup .pushup_reminder:hover { text-decoration: underline; }




</style>
<!--[if lte IE 6]>
<style type="text/css">

#container {
	height: 100%;
	}
</style>
<![endif]-->


