/* RESET */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, input, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
body {line-height:1;}
ol, ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:'';content:none;}
/* remember to define focus styles! */
:focus {outline:0;}
/* remember to highlight inserts somehow! */
ins {text-decoration:none;}
del {text-decoration:line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse:collapse;border-spacing:0;}
/* END RESET */

body {
	font-family:Arial, Helvetica, sans-serif;
	line-height:normal;
	text-align:center;
	background-color:#00006a;
}
.wrapper {
	width:960px;
	text-align:left;
	margin:0 auto;
}


/* HEADER */
#header {
	background:url(../images/header-bg.gif) repeat-x #00006a;
}
#header h1 a {
	display:block;
	width:960px;
	height:85px;
	background:url(../images/logo.gif) no-repeat;
	text-indent:-9999px;
}
/* nav */
#header ul {
	width:797px;
	height:65px;
	float:right;
	position:relative;
	z-index:80;
}
#header ul li {
	float:left;
	display:inline;
	position:relative;
}
#header ul li a {
	display:block;
	height:65px;
	background:url(../images/nav.gif) no-repeat;
	text-indent:-9999px;
}
#header ul li#nav-buy a {
	width:147px;
}
#header ul li#nav-buy.over a, #header ul li#nav-buy a:hover {
	background-position:0 -65px;
}
#header ul li#nav-give a {
	width:163px;
	background-position:-147px 0;
}
#header ul li#nav-give.over a, #header ul li#nav-give a:hover {
	background-position:-147px -65px;
}
#header ul li#nav-learn a {
	width:203px;
	background-position:-310px 0;
}
#header ul li#nav-learn.over a, #header ul li#nav-learn a:hover {
	background-position:-310px -65px;
}
#header ul li#nav-interact a {
	width:284px;
	background-position:-513px 0;
}
#header ul li#nav-interact.over a, #header ul li#nav-interact a:hover {
	background-position:-513px -65px;
}
/* sub-nav */
#header ul li ul {
	width:175px;
	height:auto;
	padding:7px 0 11px;
	position:absolute;
	top:65px;
	left:53px;
	background-color:#fff;
	display:none;
}
#header ul li:hover ul, #header ul li.over ul {
	display:block;
	z-index:80;
}
#header ul li ul li {
	display:block;
	float:none;
}
#header ul li ul li a {
	width:auto !important;
	height:auto !important;
	background:none;
	text-indent:0;
	font-size:14px;
	font-weight:bold;
	line-height:17px;
	text-transform:uppercase;
	text-decoration:none;
	color:#00aeef;
	padding:0 8px;
}
#header ul li ul li a:hover {
	color:#fff;
	background-color:#00aeef;
}
/* END HEADER */


/* INTERIOR */
#content {
	background-color:#00aeef;
}
#content .wrapper {
	overflow:hidden;
	background:url(../images/content-bg.gif) 0 0 repeat-y;
}
#text {
	width:730px;
	float:right;
	padding:0 0 7px;
}
#text h3 {
	font-size:18px;
	text-transform:uppercase;
	color:#00006a;
	padding:24px 34px 13px 24px;
}
#text h4 {
	font-size:14px;
	font-weight:bold;
	padding:24px 34px 13px 24px;
}
#text img {
/*	float:right;*/
	margin:5px 35px 15px 25px;
}
#text p {
	font-size:12px;
	line-height:1.2em;
	color:#00006a;
	margin:0 35px 16px 23px;
}
#sidebar {
	width:230px;
	float:left;
	padding:0 0 25px;
}
#sidebar ul {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase;
	padding:13px 0 0;
}
#sidebar ul a {
	display:block;
	line-height:18px;
	text-decoration:none;
	text-indent:-10px;
	color:#fff;
	padding:0 15px 0 28px;
}
#sidebar ul a:hover, #sidebar ul a.selectedPage {
	background-color:#00006a;
}
#sidebar ul ul {
	background-color:#fff;
	padding:0 0 9px;
}
#sidebar ul ul a {
	color:#00aeef;
	padding-left:37px;
}
#sidebar ul ul ul {
	padding:0;
}
#sidebar ul ul ul a {
	color:#00006a;
	padding-left:46px;
}
#sidebar ul ul ul a:hover,#sidebar ul ul ul a.selectedPage {
	color:#00aeef;
}
#sidebar ul ul ul ul a {
	color:#5c72c3;
	padding-left:55px;
}
/* headers */
#sub-nav h2#education {
	background:url(../images/h2-education.gif) no-repeat;
}
/* END INTERIOR */


/* HOME PAGE */
#home #header h2 {
	clear:both;
	width:960px;
	height:85px;
	background:url(../images/home-h2.gif) no-repeat;
	text-indent:-9999px;
}
#home-nav {
	height:203px;
	overflow:hidden;
	background:url(../images/home-nav-bg.gif) repeat-x #00aeef;
}
#home-nav ul li {
	height:203px;
	float:left;
	display:inline;
	position:relative;
	overflow:hidden;
}
#home-nav ul li#nav-stage, #home-nav ul li#nav-stage a {
	width:319px;
}
#home-nav ul li#nav-stage a:hover {
	background-position:0 -203px;
}
#home-nav ul li#nav-school, #home-nav ul li#nav-school a {
	width:297px;
	background-position:-319px 0;
}
#home-nav ul li#nav-school a:hover {
	background-position:-319px -203px;
}
#home-nav ul li#nav-society, #home-nav ul li#nav-society a {
	width:344px;
	background-position:-616px 0;
}
#home-nav ul li#nav-society a:hover {
	background-position:-616px -203px;
}
#home-nav ul li a {
	display:block;
	height:203px;
	background:url(../images/home-nav.png) no-repeat;
	text-indent:-9999px;
}
/* END HOME PAGE*/


/* SUB NAV */
#sub-nav {
	clear:both;
	color:#00aeef;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
	height:56px;
	position:relative;
	width:960px;
}
#sub-nav .element{
	overflow:hidden;	
}
#sub-nav h2 {
	bottom:-10px;
	font:bold 42px "Arial Narrow", sans-serif;
	left:0;
	position:absolute;
	text-transform:uppercase;
}
#sub-nav p {
	line-height:70px;
	padding-right:50px;
	text-align:right;
}
#sub-nav a {
	text-transform:uppercase;
	text-decoration:none;
	color:#fff;
	padding:0 3px 0 2px;
}
#sub-nav a:hover {
	color:#00aeef;
}

/* SHOWS */

#shows {
	background-color:#00aeef;
	overflow:hidden;
}
#shows .wrapper {
	padding:0 265px 16px 10px;
	position:relative;
	width:695px;
}
#shows img {
	float:left;
	margin:-50px 16px 16px 0;
	z-index:70;
}
#shows h3 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:36px;
	color:#fff;
	padding:8px 0 13px;
	margin:0 0 0 327px;
	width:600px;
}
#shows p {
	font-size:12px;
	line-height:1.2em;
	color:#00006a;
	margin-bottom:16px;
}

/* fixing this for the CMS */
div.inlineContentAdder #shows p {color: #fff;}

#shows div.last {
	margin:0;
	position:absolute;
	top:73px;
	left:726px;
}
a#view-schedule, a#buy-tickets {
	display:block;
	width:218px;
	background:url(../images/view-buy.gif) no-repeat;
	text-indent:-9999px;
}
a#view-schedule {
	height:34px;
	margin:0 0 8px;
}
a:hover#view-schedule {
	background-position:0 -85px;
}
a#buy-tickets {
	height:43px;
	background-position:0 -42px;
}
a:hover#buy-tickets {
	background-position:0 -127px;
}
/* END SHOWS */


/* FOOTER */
#footer {
	clear:both;
/*	height:262px;*/
/*	background:url(../images/footer-bg.gif) repeat-x #00006a;*/
	background:#00006a;
	color:#fff;
}
#footer .wrapper {
/*	height:262px;
	background:url(../images/footer-wrapper-bg.gif) no-repeat;*/
	position:relative;
}
#footer img {
	float:right;
/*	margin:10px 13px 0;*/
	margin:-50px 13px 13px;
}
#footer .first p{
	font-size:12px;
	line-height:14px;
	padding:60px 0 0 14px;
}
/*#footer .first p strong {
	font-size:18px;
}*/
#footer .first {
	background:#334fb4;
}
#footer .first .wrapper {
	padding:60px 0 0;
	background:transparent url(../images/footer-wrapper-bg.gif) no-repeat scroll 0 0;
}
#footer .first p {
	padding:0 0 16px 14px;
}
#footer .first a {
	color:#00AEEF;
	text-decoration: none;
}
#footer p.logo {
	position:absolute;
	top:0;
	left:0;
	z-index:1;
}
#footer p.logo a {
	display:block;
	width:113px;
	height:100px;
	background:url(../images/footer-logo.gif) no-repeat;
	text-indent:-9999px;
}
#footer p.nav {
	clear:both;
	font-size:10px;
	line-height:14px;
	text-align:right;
	text-transform:uppercase;
	padding:21px 12px 0 0;
}
#footer p.nav a {
	text-decoration:none;
	color:#00aeef;
}
#footer p.nav a:hover {
	text-decoration:underline;
}
#footer p.last {
	font-size:10px;
	text-align:right;
	text-transform:uppercase;
	color:#334fb4;
	padding:7px 12px 0 0;
}
/* END FOOTER */

/* fix how stuff appears in the editor */
div.contentRegion{
	position:relative;
	z-index:988;
}
div.contentRegion .actions{
	clear:none !important;
}
div.contentRegion .actions ul{
	float:none !important;
	height:auto !important;
	width:auto !important;
}
div.contentRegion .actions ul li{
	display:block !important;
	float:none !important;
	height:auto !important;
	overflow:visible !important;
}
div.contentRegion .actions ul li ul{
	display:block !important;
	top:auto !important;
}
div.contentRegion .actions ul li a{
	height:auto !important;
	text-indent:0 !important;
}

/* <textEditor> */ 

.highlight {background: #222; padding: 0 3px; color: #fff; font-size: 16px;}
.highlightGrey {background: #646464; padding: 0 3px; color: #fff; font-size: 16px;}
.highlightLightGrey {background: #adadad; padding: 0 3px; color: #fff; font-size: 16px;}


.textBlack, .textBlack a {color: #000;}
.textWhite, .textWhite a {color: #fff;}
.textGrey, .textGrey a {color: #777;}	


.fontGeorgia {font-family: georgia, serif;}
.fontTimes {font-family: "times new roman", times, serif;}	
.fontVerdana {font-family: verdana, sans-serif;}
.fontArial {font-family: arial, sans-serif;}
.fontTahoma {font-family: tahoma, sans-serif;}	
.fontHelvetica {font-family: Helvetica, arial, sans-serif;}	


.left, .alignLeft {float: left; margin-right: 1em;}
.right, .alignRight {float: right; margin-left: 1em;}


.textSmall {font-size: 85%;}
.textLarge {font-size: 125%;}


.noborder {border: none !important;}
span.imageBorder img {border: 1px solid #f4f4f4;}

	
/* </textEditor> */

/* blog styles */

div.commentsForm input {border: 1px solid gray; font-size: 16px; font-weight: bold; height: 30px;}
div.commentsForm textarea {font-family: Arial,Helvetica,sans-serif; font-weight: bold; font-size: 16px;}
div.post {width: 718px;}
div.postViewInfo {margin:50px 0 10px !important; font-size: 12px !important;}
div.comments dd.comment {color:#00006A;font-size:12px;padding:40px;}
div.comments span {color:#00006A;font-size:12px;line-height:1.2em; margin-left: 20px;}
div.comments input#MainContent_0_0_captcha_CodeTextBox {margin-left: 20px; width: 250px;}
div.comments input.submitComment {width: 250px;font-size: 16px; font-weight: bold; color: white; background-color: #00AEEF; margin: 20px 0;}