/******************************************** Globals ***********************************************/

body {
background-color: #FFF;
background-position: top center;
background-attachment: fixed;
font-size: 75%; /* Defaults to 12px */
font-family: Geneva, Arial, Helvetica, sans-serif;
color: #000;
margin: 0;
padding: 0;
}

a
{
color: #990000;
font-weight: bold;
text-decoration: none;
}

h1, h2, h3, h4 {
color: #000;
margin-top: 3px;
}

h1 {
font-size: 1.5em;
border-bottom: 2px solid #000;
}

h2 {
font-size: 1.25em;
font-weight: bold;
}

h3 {
font-size: 1em;
font-weight: normal;
}

h4 {
font-size: 0.9em;
font-style: italic;
font-weight: bold;
}

/************************************************** Classes ********************************************/

.event {
font-size: 1.2em;
font-weight: bold;
color: #990000;
margin-bottom: 0;
}

.event-big {
font-size: 1.5em;
font-weight: bold;
color: #990000;
margin-bottom: 0;
}

.venue {
font-size: 1.1em;
font-weight: bold;
}

.date {
font-size: 1.1em;
font-weight: bold;
color: #000;
}

.feature {
font-size: 1.2em;
font-weight: bold;
color: #990000;
margin-bottom: 0;
}

.featuresubtitle {
font-size: 1.1em;
font-weight: bold;
}

/*.feature-fp {
font-size: 1.2em;
font-weight: bold;
color: #000000;
margin-bottom: 0;
}*/

.feature-fp {
font-size: 12px;
font-weight: bold;
color: #000000;
margin-bottom: 0;
}

.search {
background-color: #FFF;
border: 2px solid #666;
color: #999;
margin: 5px auto;
}

.button {
border: 2px solid #000; 
margin-bottom: 10px;
background: #000;
cursor: pointer;
color: #FFF;
font-size: 10px;
font-weight: bold;
width: 165px;
height: 20px;
text-transform: uppercase;
}

.button_small {
border: 2px solid #000; 
margin-bottom: 10px;
background: #000;
cursor: pointer;
color: #FFF;
font-size: 8px;
font-weight: bold;
width: 165px;
height: 20px;
text-transform: uppercase;
}

.button2 {
background: #F6D569;
cursor: pointer;
color: #000;
font-size: 10px;
font-weight: bold;
width: 120px;
height: 20px;
text-transform: uppercase;
}

.mainHeader {
font-size: 1.5em;
}

.formFieldGrey	{
border: 1px solid #CCC;
background-color: #EFEFEF;
}

.vid_text {
color: #000;
font-size: 0.9em;
}

/******************************************** Containers **********************************************/

#container {
width: 960px;
margin: 0 auto;
padding: 0;
overflow: hidden;
min-height: 300px;
/*background-image: url(../images/container-background.gif);
background-repeat: no-repeat;
background-position: top;*/
}

html>body #container {
width: 950px;
}

/******************************************** Left-Side ***********************************************/

#left-side
{
width: 190px;
margin: 0 5px;
padding: 0;
float: left;
text-align: center;
color: #fff;
}

#left-side .info
{
	width: 190px; 
	/*background: #F6D669;
	background: #64282A;*/ 
	background: #C12C2A;
	margin-top: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
}

#left-side a {
color: #000;
}

#left-side h3 {
color: #000;
margin-bottom: 3px;
font-size: 1.2em;
text-transform: uppercase;
font-weight: bold;
}

#button {
display: block;
margin: 10px;
width: 160px;
padding: 5px;
/*background-color: #64282A;*/
background-color: #C12C2A;
color: #F6D569; 
font-weight: bold;
}

#button a {
color: #000;
}

/******************************************** Right-Side ***********************************************/

#right-side {
width: 250px;
margin: 0px 5px;
padding: 0;
float: right;
text-align: center;
color: #fff;

}

#right-side-perf {
width: 150px;
margin: 20px 0;
padding: 5px;
float: right;
text-align: center;
color: #000;
background-color: #F9F5AE;
}

#right-side-perf2 {
width: 150px;
margin: 20px 0;
padding: 5px;
float: right;
text-align: center;
color: #000;
}

#right-side-admin {
width: 160px;
margin: 20px 0;
padding: 0;
float: right;
}

#right-side-admin ul {
list-style: none;
padding: 0;
margin: 0;
}

#right-side-admin li a {
display: block;
padding: 3px;
background-color: #f6d669;
color: #000;
margin-bottom: 5px;
}

#right-side-admin li a:hover {
background-color: #000;
color: #f6d669;
}

#button2 {
width: 130px;
padding: 10px;
display: block;
background-color: #F6D669;
color: #000;
margin: 10px 0;
float: right;
font-weight: bold;
}

#right-side-links {
display: block;
overflow: hidden;
float: right;
}
#right-side-links ul {
margin: 0;
padding: 0;
width: 150px;
list-style: none;
}

#right-side-links li a {
display: block;
padding: 5px;
color: #fff;
text-decoration: none;
}

#right-side-links li a:hover {
background-color: #fff;
color: #000;
}

.small {
font-size: 80%;
}

/******************************************** Top Navigation ******************************************/


#menu_container
{
	float: left; 
	text-align:right; 
	width: 960px; 
	margin-bottom: 5px; 
	background: #F6D669;
	padding-left: 320px;
	padding-top: 5px;
	padding-bottom: 2px;
}

#toolbar {
margin-top: 3px;
float: right;
width: 728px; 
background: #F6D669;
padding: 5px;

}

#toolbar2 {
float: left;
width: 100%; 
background: #F6D669;
text-align:left;
background: url(../images/event_header_bg.jpg) repeat-x;
padding-bottom: 10px;
}

#toolbar-2 {

float: left;
margin-top: 18px;
width: 850px;
}


#nav, #nav ul { /* all lists */
padding: 0;
margin: 0;
list-style: none;
line-height: 1.8em;
width:960px;
}

#nav a {
display: block;
width: auto;
}

#nav li { /* all list items */
float: left;
width: auto; /* width needed or else Opera goes nuts */
}

#nav li a {
display: block;
padding: 5px;
color: #000000;
border-right: 1px solid #4F331E;
font-size: 1.1em;
background-color: #f6d669;
}

html>body #nav li a {
border-right: 1px dotted #4F331E;
}

#nav li ul { /* second-level lists */
position: absolute;
width: 10em;
left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
left: auto;
width: 250px;
margin-left: -180px;
border: 2px solid #333;
z-index: 101;
}

#nav li:hover ul#big, #nav li.sfhover ul#big { /* lists nested under hovered list items */
left: auto;
width: 250px;
margin-left: -00px;
border: 2px solid #333;
z-index: 101;
text-align:left;
}

#nav li:hover ul li a, #nav li.sfhover ul li a { /* lists nested under hovered list items */
display: block;
padding: 3px;
color: #ffffff;
background-color: #000;
border: 1px solid #333;
border-top: 0;
font-size: 1em;
width: 242px;
font-weight: normal;
}

#nav li:hover ul li a:hover, #nav li.sfhover ul li a:hover { /* lists nested under hovered list items */
color: #fff;
background-color: #990000;
}

/*********************************************** Content ***********************************************/

#content {
width: 750px;
margin: 0;
padding: 0;
float: left;
overflow: hidden;
}

#content-2 {
width: 685px;
margin-top: 10px;
float: left;
background-color: #fff;
min-height: 300px;
margin-bottom: 10px;
overflow: hidden;
}

#content-3 {
width: 690px;
margin-top: 10px;
padding: 0;
float: left;
overflow: hidden;
}

#content-4 {
width: 600px;
margin-top: 10px;
padding: 10px;
float: left;
background-color: #fff;
margin-bottom: 5px;
overflow: hidden;
}

#performance-header {
width: 750px;
margin: 0;
padding: 10px;
float: left;
background-color: #000;
color: #fff;
margin-bottom: 10px;
overflow: hidden;
}

#education-links {
width: 675px;
margin: 0;
padding: 5px;
text-align: center;
float: left;
color: #FFF;
background-color: #274897;
margin-bottom: 5px;
margin-top: 5px;
overflow: hidden;
}

#education-links a {
color: #FFF;
font-weight: normal;
}

#education-links a:hover {
text-decoration: underline;
}

/*********************************************** Hot Ticket ********************************************/

#hot_ticket_header
{
	width: 100%; 
	/*height: 500px; 
	background: #000;*/
}

.hot_ticket_title
{
	font-weight: bold;
	font-size: 14px;
	color:#660000;
}

.hot_ticket_date
{
	font-weight: bold;
	font-size: 11px;
	color:#660000;
}

#hot-ticket {
width: 754px;
padding: 0;
padding-top: 3px;
padding-bottom: 3px;
color: #000;
background-color: #fff;
text-align: center;
margin-bottom: 10px;
float: right;
}

html>body #hot-ticket {
width: 750px;
}

#hot-ticket2 {
width: 770px;
padding: 0;
color: #000;
background-color: #fff;
text-align: center;
margin: 0;
margin-bottom: 10px;
float: left;
}

#hot-ticket-top {
width: 98px;
height: 45px;
float: left;
/*background-image: url(../images/hot-ticket-top.png);
background-position: bottom left;
background-repeat: no-repeat;*/
}

#hot-ticket-container {
display: block;
overflow: hidden;
width: 790px;
height: auto;
margin: 0;
padding: 0;
float: left;
margin-bottom: 10px;
}

/*********************************************** News **************************************************/

#news {
padding: 5px;
width: 744px;
background-color: #fff;
text-align: left;
margin-bottom: 10px;
float: right;
}

html>body #news {
width: 740px;
}

#newsitem {
display: block;
overflow: hidden;
}

#more2 {
display: block;
float: left;
padding-top: 10px;
color: #F6D669;
text-align: right;
width: 770px;
overflow: hidden;
}

#more2 a {
color: #fff;
}

/********************************************* Upcoming events *****************************************/

#event-container {
width: 754px;
float: right;
display: block;
margin: 0;
padding: 0;
overflow: hidden;
}

html>body #event-container {
width: 738px;
float: right;
display: block;
margin: 0;
margin-top: 5px;
padding: 0;
overflow: hidden;
}

#event-container #event {
display: block;
float: left;
width: 360px;
margin: 5px;
background-color: #fff;
overflow: hidden;
text-align: left;
font-size: 95%;
height: 208px;
}

html>body #event-container #event {
font-size: 100%;
width: 370px;
margin: 5px 0 5px 10px;
height: auto;
min-height: 208px;
}

#more {
display: block;
float: left;
padding-top: 10px;
color: #000;
text-align: right;
width: 750px;
}

#big-event {
background-color: #fff;
padding: 5px;
margin-bottom: 10px;
}

#cal-event {
background-color: #fff;
padding: 5px;
margin-bottom: 10px;
border: 2px solid #ccc;
}

/********************************************* Categories ***********************************************/

#category-container {
width: 690px;
float: left;
display: block;
margin: 0;
padding: 0;
overflow: hidden;
margin-bottom: 10px;
margin-left: 10px;
}

html>body #category-container {
width: 690px;
float: left;
display: block;
margin: 0;
margin-bottom: 10px;
padding: 0;
overflow: hidden;
}

#category-container #event {
display: block;
float: left;
width: 369px;
margin: 5px;
background-color: #fff;
overflow: hidden;
text-align: left;
font-size: 95%;
height: 265px;
}

html>body #category-container #event {
font-size: 100%;
width: 379px;
margin: 5px 0 5px 10px;
height: auto;
min-height: 280px;
}


/********************************************* Footer ***************************************************/

#footer {
width: 959px;
float: left;
display: block;
text-align: center;
color: #fff;
margin-bottom: 20px;
}

#footer a {
color: #F6D669;
}

#footer h3 {
color: #F6D669;
margin-bottom: 3px;
font-size: 1.2em;
text-transform: uppercase;
font-weight: bold;
}

#footer #button {
font-size: 1.2em;
}

#footer #button a {
color: #000;
}

#footer p {
font-size: 1.2em;
}

.readmore
{
	font-size: 11px;
}