/* CSS Document */
body {
	background-color: #EBEBEB;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #7C7C7C;
	background-image: url(images/bggrad.gif);
	background-repeat: repeat-x;
	text-align: left;	
}
a{
	color: #B80271;
	text-decoration: none;
}a:hover{
	color: #000000;
	text-decoration: none;
}
.nav {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	text-transform: uppercase;
}.nav a:hover{
	color: #000000;
}#greybod{
	background-color: #FFFFFF;
	border: 2px solid #D9D9D9;
	height: 268px;
}#greybodfreesize{
	background-color: #FFFFFF;
	border: 2px solid #D9D9D9;
}
.bluehr {
	border: 1px solid #02A7DA;
}
.footer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
}
.newsheader {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #02A7DA;
	text-align: left;
}
.blue-header {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #03A7DA;
	font-weight: bold;
}
.whitetext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
}
.hr {

            border-top-width: thin;

            border-top-style: solid;

            border-top-color: #D9D9D9;

}

 

.magenta-header {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #D30182;
	font-weight: bold;
}
.orangyred-header {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #FA5101;
	font-weight: bold;
}
.formfields {
	border: 1px solid #D9D9D9;
	color: #7C7C7C;
	background-color: #EBFAFE;
}
.orange-header {


	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #FE9503;
	font-weight: bold;
}
.red-header{



	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #CF0005;
	font-weight: bold;
}
.green-header{




	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #60C702;
	font-weight: bold;
}
.yellow-header{





	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #DBAF02;
	font-weight: bold;
}
.purpleblue-header{

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #7C5EE5;
	font-weight: bold;
}.white-header{

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #FFFFFF;
	font-weight: bold;
}.classstatusOPEN{
	background-color: #FFFF00;
	color: #7C5EE5;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 16px;
}.classstatusFULL{
	background-color: #FFFF00;
	color: #FF0000;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 16px;
}
.vertical-no-repeat {
	background-repeat: repeat-y;
	background-position: left;
}
#menu
{
	background: #E6F3F7;
	float: left;
	
}
#menu ul
{
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;	
	border-left-color:#FFFFFF;
	border-left-style:solid;
	border-left-width: 1px;
	border-right-color:#FFFFFF;
	border-right-style:solid;
	border-right-width: 1px;
}
#menu h2
{
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-transform: uppercase;
	font-weight: bold;	
	line-height: 23px;
	text-decoration: none;	
	margin: 0;
}
#menu h2 a
{
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-transform: uppercase;
	font-weight: bold;	
	line-height: 23px;
	text-decoration: none;
	padding: 0px 16px 0px 16px;
	margin: 0;
	text-decoration: none;
}
#menu ul li a:hover
{
	color: black;	
}
#menu ul li ul li a
{
	color: #FFFFFF;
	text-transform: uppercase;
	text-decoration: none;
	font: bold 10px/16px Verdana,arial, helvetica, sans-serif;
	display: block;
	margin: 0;
	padding: 2px 3px; 
	border-bottom-color:#9FD1E1;
	border-bottom-style: solid;
	border-bottom-width:1px;
}
#menu ul li ul li a:hover
{
	color: #FFFFFF;
	background: #666666;
}
#menu li
{
	position: relative;
}
#menu ul ul
{
	position: absolute;
	z-index: 500;		
}
#menu ul ul ul
{
	position: absolute;
	top: 0;
	left: 100%;
}
div#menu ul ul, div#menu ul li:hover ul ul, div#menu ul ul li:hover ul ul
{
	display: none;
}

div#menu ul li:hover ul, div#menu ul ul li:hover ul, div#menu ul ul ul li:hover ul
{
	display: block;
}
.studentMat
{
	background-color:#02A7DA;
}
.touringShows
{
	background-color:#FE9503;
}
.theatreClass
{
	background-color:#D30182;
}
.residencies
{
	background-color:#60C702;
}
.youthInk
{
	background-color:#7C5EE5;
}
.resourceGuide
{ 
	background-color:#FA5101;
}