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


a {
	text-decoration: none;
}

a:link {
	color: #990;
}

a:visited {
	color: #990;
}

a:active {
	color: #990;
}

a:hover {
	text-decoration: underline;
}

a.email{
	color: #939D57;
}
h1 {
	text-align: center;
	padding: 0 0 0.5em 0;
	margin: 0;
}

ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
#mainContent ul #nav a { background-color: #404D56;
}
#nav li .punch a:link { background-color: #404D56; color:#C5CACD;
}
#nav li .punch a:visited { background-color: #404D56; color:#C5CACD;
}
#nav li .punch a:active { background-color: #404D56; color:#fff;
}
#nav li .punch a:hover { background-color: #404D56; color:#fff;
}

#nav  { position: relative; width: 700px;z-index: 102;
}
#nav a {
	color: white; text-decoration: none;
}

#nav li li a {
	display: block;
	font-weight: normal;
	color: #404D56;
	padding: 0.5em 10px;
}

#nav li li a:hover {
	padding: 0.5em 5px;
	border: 5px solid #8C969C;
	border-width: 0 5px;
	background: #8C969C;
	color: white;
}
#nav li div {padding: 0.5em 0;
}
li {
	float: left;
	position: relative;
	width: auto;
	text-align: center;
	background-color: #404D56;
	font-size:11px;
}

div.punch a {
	float: left;
	position: relative;
	width:100px;
	text-align: center;
	padding-bottom: 0.5em;
	color:#fff;
}

li#first {
	border-left-width: 1em;background-color: #404D56;font-size:11px;
}

li#last {
	border-right-width: 1em;background-color: #404D56;font-size:11px;
}

li ul {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	font-weight: normal;
	padding: 0;
}
*html li>ul {
	top: auto;
	left: auto;
	margin-top: 1.25em;
	margin-left:-100px;
}

li li {
	display: block;
	float: none;
	background-color: white;
	border-bottom: 1px solid #404D56;
	border-left: 1px solid #404D56;
	border-right: 1px solid #404D56;
	width: 165px;
}

li:hover ul, li.over ul {
	display: block;background: #B9BEC2;
}

hr {
	display: none;
}

.mainImg {
	margin: 0;
}

p.image img {
	display: block;
	border: 1px solid #7d6340;
}
#mainContent p {font: 13px/18px Georgia, "Times New Roman", Times, serif; color:#555; margin: 0 auto; width: 80%; padding-top: 12px;}

#header #tagline {
	float: left;
	margin-left: 230px;
	margin-top: -115px;
	font-size: 11px;
	color: #fff;
	width: 295px;
	text-align: left;
	font-style:italic;
	text-indent: 24px
}
#header #address {
	float: right;
	margin-right: 20px;
	margin-top: -110px;
	font: 9px/14px Verdana, Arial, Helvetica, sans-serif;
	color: #282828;
	width: 105px;
	text-align: right;
	text-transform:none;
	letter-spacing: 1px;
	background-color: #999000;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-top: 5px;
	border: 3px dotted #fff;
}
#header #update {
	float: right;
	margin-right: 0px;
	margin-top: -28px;
	color: #FFF;
	width: 125px;
	text-align: left;
	text-transform:none;
	letter-spacing: 1px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-top: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 14px;
	font-weight: bold;
}
#header .update {
	color: #FFFFFF;
	}
#update {
	float: right;
	margin-right: 0px;
	margin-top: -28px;
	color: #FFF;
	width: 125px;
	text-align: left;
	text-transform:none;
	letter-spacing: 1px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-top: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 14px;
	font-weight: bold;
}
#address .bottom{font-style: italic;}
.telephone {color:#2D3840; text-align: right; margin: 0 0 30px 0;text-transform:none;letter-spacing: 0px; font: normal 16px/18px Georgia, "Times New Roman", Times, serif; }
.fallinfo a {color:#fc0; text-align: right; margin-top: 6px;text-transform:none;letter-spacing: 0px; font-weight:bold; font-size: 10px; }
.brochure a { color:#fc0; text-align: right; padding-top: 24px;text-transform:none;letter-spacing: 0px; font-weight:bold; font-size: 10px;line-height: 28px; }
.fallinfo a:hover,
.brochure a:hover {text-decoration: none; color:#2D3840 }

.charity {color:#2D3840; text-align: center;margin-top: 12px;font: italic 10px/14px Georgia, "Times New Roman", Times, serif; padding-bottom: 36px;}
.charity a {color:#2D3840;}
#mainContent .pcredit { padding: 12px 0 42px 0;font: 10px/12px Geneva, Arial, Helvetica, sans-serif;}


/* ---------------- Feature: Home ---------------- */
/* margin: 180 px 0 0 440px;*/
.feature {
	position: absolute;
	font: 11px/16px Georgia, "Times New Roman", Times, serif;
	color: #fff;
	background-color: #B70000;
	border: 3px dotted #fff;
	margin:160px 0 0 425px; 
	padding: 12px;
	text-align:center;
}
.feature .featureDate {font-style: italic; font-size: 10px; letter-spacing: normal;text-transform: none; display: block;margin: auto 0; padding: 6px 0 0 0; }
.feature strong { font: 11px/16px Georgia, "Times New Roman", Times, serif;text-transform: uppercase;letter-spacing: 1px;display: block;padding-bottom: 6px;border-bottom: 1px dotted #fff; margin: 0 18px;}
.feature .featureDate .details {display: block;font-style: normal; font-size: 10px; letter-spacing: normal;text-transform: uppercase; padding: 3px 0 3px 0;color: #fff; }
.feature .featureDate .details a {display: block;font-style: italic; font-size: 12px; letter-spacing: normal;text-transform: none; color: #f99;padding-top: 0px;padding-bottom: 0px; }
.feature .featureDate .details a:hover {letter-spacing: normal;text-transform: none; color: #fff; text-decoration: none; }
*html div.feature { position: absolute; font: 11px/16px Georgia, "Times New Roman", Times, serif; color: #fff;background-color: #C63; border: 3px dotted #fff; margin: 135px 0 0 440px;padding: 12px;text-align:center;}
.feature .featureDate .details em {font: bold 12px/16px Georgia, "Times New Roman", Times, serif; border:none;color:#f99;letter-spacing: normal;text-transform: none; font-style:normal;padding-top: 0px; padding-bottom: 0px;margin-bottom: 0px;  }
.feature .featureDate .details a:hover em {color: #fff;}
.feature p {height: 8px;margin: 3px;display:block;}

#announce {
	width: 100%;
	height:125px;
	padding: 0;
}

#announce p {
	margin: 0 auto;
}
#announce img {
	margin: 0 auto;
	padding: 0;
}

/* ---------------- Faculty Pages ---------------- */

.facultyBio {font: 14px/17px Georgia, "Times New Roman", Times, serif; color:#555; width: 80%; display: block; margin: 0 auto; padding-top: 24px;}
#mainContent .facultyBio p {width: 100%}
.facultyBio p {padding: 3px 0}
#mainContent h1 { font: 23px/36px Georgia, "Times New Roman", Times, serif; color: #990; width: 80%; display: block; border-bottom: 1px solid #990; padding: 42px 0 0 0; margin: 0 auto; text-align: left; }
#mainContent h4 { font: 20px/34px Georgia, "Times New Roman", Times, serif; color: #990; width: 80%; margin: 0 auto; text-align: left; }
.facultyBio h2 { font: 16px/19px Georgia, "Times New Roman", Times, serif; color:#990; border-bottom: 1px dotted #990; padding: 0 0 3px 0; display: inline; margin-top: 12px; }
.facultyBio h5 { font: italic 13px/16px Georgia, "Times New Roman", Times, serif; color:#404D56; margin: 11px 0 12px 0; }
.facultyBio .facultyList {
	font: normal 14px/21px Georgia, "Times New Roman", Times, serif; 
	list-style: square;
	list-style-position:inside;
	padding: 0;
	margin: 0;
	background-color: #fff;
	float: none;
	text-align:left;
}
.facultyBio .facultyList a { color:#990;
}

/* ---------------- Nutcracker ---------------- */  

#nutcracker .facultyBio {
	font: 14px/17px Georgia, "Times New Roman", Times, serif;
	color:#555;
	width: auto;
	display: block;
	margin: 0 auto;
	padding: 3px 0 32px 0;
}
#nutcracker .facultyPara {
	font: 14px/17px Georgia, "Times New Roman", Times, serif;
	color:#555;
	width: auto;
	display: block;
	margin: 0 auto;
	padding: 3px 0 5px 0;
}

#nutcracker .facultyBio li.facultyList em { font: italic 11px/13px Georgia, "Times New Roman", Times, serif; color:#555; padding-left: 12px;display: block; }
#nutcracker .facultyBio h6 { font: 24px/20px Georgia, "Times New Roman", Times, serif; color: #990; text-align: left; width: 100%; margin: 0; padding-top:20px }
#nutcracker .facultyBio h3 { font: 18px/18px Georgia, "Times New Roman", Times, serif; color: #555; text-align: left; padding-top: 8px; border-bottom: 1px solid #555; display:inline-block; margin-bottom: 12px;}
#nutcracker .facultyBio strong { color: #990; }
#nutcracker .facultyBio p { font: 14px/22px Georgia, "Times New Roman", Times, serif;color: #555; margin-top: 0; }
#mainContent #nutcracker h1 { font: 32px/36px Georgia, "Times New Roman", Times, serif; color: #990; width: 80%; display: block; border-bottom: 1px solid #990; padding: 54px 0 0 0; margin: 0 auto; text-align: left; }
#mainContent #nutcracker h4 { font: 20px/32px Georgia, "Times New Roman", Times, serif; color: #555; width: 80%; text-align: left; padding-top: 12px; margin: 24px 0 0 0 }
#mainContent #nutcracker li p {font: 11px/14px Georgia, "Times New Roman", Times, serif; color: #555; padding: 3px 0 3px 14px;}
#mainContent #nutcracker h5 {
	font: 20px/18px Georgia, "Times New Roman", Times, serif;
	color:#990;
	margin: 0 auto;
	width: 100%;
	padding-top: 12px;
}
#mainContent #nutcracker li p li {padding-top: 24px;}
#mainContent #nutcracker li p strong {color:#333;}
.imgPadBtm { margin-bottom: 36px;}
.imgPadTom {float: left; margin: 3px 24px 12px 0;}
#headerLower .telephone {color:#2D3840; text-align: right; margin: 0 0 42px 0;text-transform:none;letter-spacing: 0px; font: normal 14px/18px Georgia, "Times New Roman", Times, serif; }
#headerLower .fallinfo a:link {color:#990; text-align: right; margin-top: 6px;text-transform:none;letter-spacing: 0px; font-weight:bold; font-size: 10px;}
#headerLower .brochure a:link { color:#990; text-align: right; padding-top: 12px;text-transform:none;letter-spacing: 0px; font-weight:bold; font-size: 10px;line-height: 28px;}
#headerLower #tagline { float: left; margin-left: 340px; margin-top: -45px;font-size: 11px; color: #fff; width: 320px; text-align: left; font-style:italic; text-indent: 28px}
#headerLower #address {
	float: right;
	margin-right: 15px;
	margin-top: -110px;
	font: 9px/14px Verdana, Arial, Helvetica, sans-serif;
	color: #282828;
	width: 105px;
	text-align: right;
	text-transform:none;
	letter-spacing: 1px;
	background-color: #999900;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	border: 3px dotted #fff;
}
.topPg a {letter-spacing: 1px; text-transform:uppercase; font-size:9px;display: block;float: right; color:#990; }


/* ---------------- Nutcracker: Theater Rehearsals ---------------- */

body.nutinfo #mainContent {font: 14px/17px Georgia, "Times New Roman", Times, serif; color:#555; width: 80%; display: block; margin: 0 auto; padding: 3px 0 32px 0;}
body.nutinfo div#mainContent h1 {width: 100%; border-bottom: 1px solid #990; padding: 0; text-align: left;}
body.nutinfo div#mainContent h6 {font: 13px/20px Georgia, "Times New Roman", Times, serif; color: #888; text-align: left; padding-top:30px;margin-bottom: 0px; }
body.nutinfo div#mainContent ul {padding-top: 12px;}
body.nutinfo div#mainContent li {font: normal 14px/21px Georgia, "Times New Roman", Times, serif; 
	list-style: square;
	list-style-position:inside;
	padding: 0;
	margin: 0;
	background-color: #fff;
	float: none;
	text-align:left;}
body.nutinfo div#mainContent p { font: 14px/22px Georgia, "Times New Roman", Times, serif;color: #555; margin-top: 0;background-color: #fff; width: 100%; }
body.nutinfo div#mainContent ul { background-color: #fff; }
body.nutinfo div#mainContent h2 { font: 16px/18px Georgia, "Times New Roman", Times, serif; color: #555; text-align: left; padding-top: 8px; border-bottom: 1px solid #555; display:inline-block; margin-bottom: 0;}
body.nutinfo div#mainContent h2 ul {margin-top: 3px; }
body.nutinfo div#mainContent h3 { font: 19px/18px Georgia, "Times New Roman", Times, serif; color: #fff; text-align: left; padding: 8px 12px; display:block; margin: 32px 0 10px 0;width: 100%; height:auto; background-color:#990;}
body.nutinfo div#mainContent h3 p {margin-top: 0; }
body.nutinfo div#mainContent h4 {font: bold 12px/18px Verdana, Arial, Helvetica, sans-serif; color: #990; text-align: left; margin:18px 0 0 0;width: 100%;}
body.nutinfo div#mainContent h4 p {margin-top: 0;}
body.nutinfo div#mainContent h5 {font: 16px/18px Georgia, "Times New Roman", Times, serif; color: #990; text-align: left; padding: 0; margin: 6px 0 0 0;}
body.nutinfo div#mainContent h7 {font: 18px/18px Georgia, "Times New Roman", Times, serif; color: #990; text-align: left; padding: 0 0 3px 0; margin: 12px 0 0 0; display:block; }
body.nutinfo div#mainContent p bold {font-weight: bold; color: #993300; }
body.nutinfo div.colLeft {width:45%; float: left;padding: 0 0 12px 0;display:block}
body.nutinfo div.colRight {width:45%; float: right;padding: 0 0 12px 0; display:block;}
body.nutinfo div#mainContent h1 strong {color:#CCCC7F; font-weight:500}
body.nutinfo div#mainContent h3 strong {color:#D2D28D; font-weight:500}
body.nutinfo div#mainContent li.home { list-style:url(../imgs/ding_hm.gif) inside; margin-left: -3px;}
body.nutinfo div#mainContent .introStyle {font: italic 16px/22px Georgia, "Times New Roman", Times, serif; color: #990; text-align: left;margin: 0 0 12px 0;display: block;clear:both;}

/* ---------------- Nutcracker: Breadcrumb ---------------- */

div#mainContent .breadcrumb {position: absolute; width:auto; height:30px; font: normal 10px/10px Arial, Helvetica, sans-serif; color:#999900; text-align:left; text-transform:capitalize; float:left; top:150px;z-index: 1;text-decoration: none;}
div#mainContent .breadcrumb a:link,
div#mainContent .breadcrumb a:visited,
div#mainContent .breadcrumb a:active {color:#999900;text-decoration: none; }
div#mainContent .breadcrumb a:hover {color:#999900;text-decoration: underline; }
div#mainContent a.breadHome {font-weight: 900; color:#996600; }
/* 
body.nutinfo div#mainContent h3 { font: 19px/18px Georgia, "Times New Roman", Times, serif; color: #990; text-align: left; padding: 8px 0 6px 0; border-bottom: 2px dotted #990; display:inline-block; margin-bottom: 0px;width: 100%;} */

/* ---------------- Normal Page Style ---------------- */

body.normal div#mainContent h7,
body.studio div#mainContent h7,
body.mission div#mainContent h7,
body.about div#mainContent h7  {font: 18px/18px Georgia, "Times New Roman", Times, serif; color: #990; text-align: left; padding: 0; margin: 16px 0 0 0; display:block; }
body.normal #mainContent,
body.faculty #maincontent,
body.studio #mainContent,
body.mission #mainContent,
body.about #mainContent {font: 14px/17px Georgia, "Times New Roman", Times, serif; color:#555; width: 80%; display: block; margin: 0 auto; padding: 3px 0 32px 0;}
body.news #mainContent h1,
body.normal div#mainContent h1,
body.studio div#mainContent h1,
body.mission div#mainContent h1,
body.about div#mainContent h1 {width: 100%; border-bottom: 1px solid #990; padding: 0; text-align: left;}
body.normal div#mainContent p,
body.studio div#mainContent p,
body.mission div#mainContent p,
body.about div#mainContent p { font: 14px/22px Georgia, "Times New Roman", Times, serif;color: #555; margin-top: 0;background-color: #fff; width: 100%; }
body.normal div#mainContent h6,
body.studio div#mainContent h6,
body.mission div#mainContent h6,
body.news #mainContent h6,
body.about div#mainContent h6 {font: 13px/20px Georgia, "Times New Roman", Times, serif; color: #888; text-align: left; padding-top:30px;margin-bottom: 0px; }

/* ---------------- News ---------------- */

body.news #mainContent #nutcracker h6 {font: 13px/20px Georgia, "Times New Roman", Times, serif; color: #888; text-align: left; padding-top:64px;width: 80%;display:block;margin: 0 auto;  }
body.news #mainContent #nutcracker h1 { font: 32px/36px Georgia, "Times New Roman", Times, serif; color: #990; width: 80%; display: block; border-bottom: 1px solid #990; padding-top: 3px; margin: 0 auto; text-align: left; }
body.news #mainContent #nutcracker h2 { font: 24px/30px Georgia, "Times New Roman", Times, serif; color: #990; width: 80%; display: block; border-bottom: 1px solid #990;padding-top: 3px; margin: 0 auto; text-align: left; }

body.news #mainContent #nutcracker ul { padding-top: 12px;}
.newsli {font: 14px/17px Georgia, "Times New Roman", Times, serif; color:#555; width: 80%; display: block; margin: 0 auto; padding-top: 24px;}
#mainContent .newsli p {width: 100%}
.newsli p {padding: 3px 0}
.newsli h2 { font: 16px/19px Georgia, "Times New Roman", Times, serif; color:#990; border-bottom: 1px dotted #990; padding: 0 0 3px 0; display: inline; margin-top: 12px; }
.newsli h5 { font: italic 13px/16px Georgia, "Times New Roman", Times, serif; color:#404D56; margin: 11px 0 12px 0; }
.newsli .newsList {
	font: normal 15px/23px Georgia, "Times New Roman", Times, serif; 
	list-style: square;
	list-style-position:inside;
	padding: 0;
	margin: 0;
	background-color: #fff;
	float: none;
	text-align:left;
}
.newsli .newsList a { color:#990;
}
#nutcracker .newsli {font: 14px/17px Georgia, "Times New Roman", Times, serif; color:#555; width: 80%; display: block; margin: 0 auto; padding: 3px 0 32px 0;}
#nutcracker .newsli li.newsList em { font: italic 12px/16px Georgia, "Times New Roman", Times, serif; color:#555; padding-left: 12px;display: block; }
body.news div#mainContent #nutcracker .newsli h6 { font: 24px/20px Georgia, "Times New Roman", Times, serif; color: #990; text-align: left; width: 100%; padding-top:35px }
body.news #nutcracker h3 { font: 18px/18px Georgia, "Times New Roman", Times, serif; color: #555; text-align: left; padding: 8px 0 12px 0; border-bottom: 1px solid #555; display:block; margin: 0 auto;width: 80%;}
#nutcracker .newsli p { font: 14px/22px Georgia, "Times New Roman", Times, serif;color: #555; margin-top: 0; }

.posted {
	font: italic 10px/22px Georgia, "Times New Roman", Times, serif;
	color: #666;
	text-align: left;
	padding:0 0 6px 12px;
	display:block;
	clear:both;
}
body.news div#mainContent div#nutcracker p.first {padding-top: 24px;}
body.news div#mainContent .breadcrumb,
body.performance div#mainContent .breadcrumb {position: absolute; width:auto; height:30px; font: normal 10px/10px Arial, Helvetica, sans-serif; color:#999900; text-align:left; text-transform:capitalize; margin-left:68px; top:150px;z-index: 1;text-decoration: none;}

body.faculty div#mainContent h1  {padding-top: 58px}
body.performance div#mainContent #nutcracker h4  {padding-top: 32px}
body.performance div#mainContent #nutcracker h1 {padding-top: 64px}
body.performance div#mainContent #beauty {padding-top: 24px;}
body.performance div#mainContent #beauty h3 {font: normal 20px/18px Georgia, "Times New Roman", Times, serif;padding: 0 0;margin: 0 0;color:#999900;}
body.performance div#mainContent #beauty h5 {font: bold 15px/16px Georgia, "Times New Roman", Times, serif;padding: 8px 0 6px 0;margin-top: 8px;border-bottom: 1px solid #666;}
body.performance div#mainContent #beauty h5 em {font: italic 13px/16px Georgia, "Times New Roman", Times, serif;}
body.performance div#mainContent #beauty div.colLeft p,
body.performance div#mainContent #beauty div.colRight p {margin: 0 0 12px 0; padding: 0 0 6px 0; }
body.performance div#mainContent #beauty div.colLeft p strong em,
body.performance div#mainContent #beauty div.colRight p strong em {font-size: 14px}
body.performance div#mainContent #beauty ul {background-color: none;color: #333; }
body.performance div#mainContent #beauty ul li {font: normal 14px/21px Georgia, "Times New Roman", Times, serif; 
	list-style: none;
	list-style-position:inside;
	padding: 0;
	margin: 0;
	background-color: #fff;
	float: none;
	text-align:left;
	}
body.performance div#mainContent #beauty ul li ul { 
border-bottom: none;
	border-left: none;
	border-right: none;color: #333;
	display:block; }
body.performance div#mainContent #beauty ul li ul li {font: normal 14px/21px Georgia, "Times New Roman", Times, serif; 
	list-style: none;
	list-style-position:inside;
	padding: 0;
	margin: 0;
	background-color: none;
	float: none;
	color: #333;
	display:block;
	border-bottom: none;
	border-left: none;
	border-right: none;color: #333;
	}
body.performance div.colLeft {width:45%; float: left;padding: 0 0 12px 0;margin: 0;display:block;}
body.performance div.colRight {width:45%; float: right;padding: 0 0 12px 0;margin: 0; display:block;}
.colL {width:49%; float: left;padding: 12px 0 12px 0;margin: 12px 0; display:block}
.colR {width:49%; float: right;padding: 12px 0 12px 0;margin: 12px 0; display:block}

.colL strong {padding-bottom: 8px;border-bottom: 1px solid #bbb; width: 80%; display: block;}
.colR strong {padding-bottom: 8px;border-bottom: 1px solid #bbb; width: 80%; display: block;}
.colL ul.dress ol {margin: 0; padding: 0 }
.colR ul.dress ol {margin: 0; padding: 0 }
.colL ul.dress ol a {font: normal 13px/18px Georgia, "Times New Roman", Times, serif;padding: 0;margin: 0;color:#999900;background-color: #fff}
.colR ul.dress ol a {font: normal 13px/18px Georgia, "Times New Roman", Times, serif;padding: 0;margin: 0;color:#999900;background-color: #fff}

/* ---------------- Policy ---------------- */
ul.payment {
	font: normal 12px/14px Georgia, "Times New Roman", Times, serif;
	list-style: square;
	list-style-position:inside;
	padding-top: 10px;
	margin: 0;
	text-align:left;
	background-color: #FFF;
}
ul.payment li{
	font: normal 12px/14px Georgia, "Times New Roman", Times, serif;
	list-style: square;
	list-style-position:outside;
	padding-bottom: 5px;
	margin: 10px;
	text-align:left;
	background-color: #FFF;
}