/* Main CSS */


/* RESET */
/* ----------------------------------------- */

/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td {margin:0; padding:0;}
table {border-collapse:collapse; border-spacing:0;}
fieldset, img {border:0;}
address, caption, cite, code, dfn, em, strong, th, var {font-style:normal; font-weight:normal;}
div {position:relative;}
ol, ul, li {list-style:none;}
caption, th {text-align:left;}
h1, h2, h3, h4, h5, h6 {font-size: 100%;}
q:before, q:after {content:''}

/* Global reset-RESET */
/* The below restores some sensible defaults */
strong {font-weight: bold;}
em {font-style: italic;}
a img {border: none;} /* Gets rid of IE's blue borders */
br.clear {clear:both;}

.floatleft {float:left;}
.floatright {float:right;}
#form1 {height: 0px;}
body {
	text-align: left;
	background: url(../images/repeat_body2.jpg) repeat 0 0 #313131;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}


/* LAYOUT */
/* ----------------------------------------- */
.main_wrapper {width: 960px; margin: 0px auto; padding-top: 20px;}

.top_links {width: 960px; height: 36px; overflow: hidden;}
	.top_form {float: right; width: 150px; height: 20px; padding-left: 6px;}
	.top_search {width: 113px; height: 14px; float: left; border: none; background-color: #ffffff; font-size: 10px; padding: 3px 5px;}
	.top_submit {width: 27px; height: 20px; float: left; background: url(../images/btn-go.gif) no-repeat 0 0; border: none; cursor: pointer;}

.header {width: 904px; height: 118px; background-color: #ffffff; padding: 13px 26px 0px 30px; z-index: 200;}
	a.main_logo {display: block; width: 309px; height: 76px; float: left;}

.breadcrumb {width:904px; height:25px; background-color:#000000; padding:9px 26px 0px 30px;}

.content_wrapper {width: 960px; background: url(../images/bg-2col.gif) repeat-y 0 0 #ffffff; padding: 35px 0px 20px; overflow: hidden;}
.sidebar {width: 220px; float: left; padding: 0px 10px 90px; z-index: 50;}
.content {width: 720px; float: left; padding-bottom: 40px; z-index: 50;}
.content.int {width:680px; padding:0px 20px 40px;}

.two_columns, .three_columns {
	clear:both;
	width:680px;
	overflow:hidden;
}
.two_columns .column {
	width:320px;
	float:left;
	padding-right:20px;
}
.three_columns .column {
	width:220px;
	float:left;
	padding-right:20px;
}
.three_columns .callout_column {
	width:178px;
	float:left;
	background-color:#ebebeb;
	padding:10px;
	border:1px solid #d4d0cd;
}

.int_banner {width:680px; height:155px; margin-bottom:20px;}

.side_calendar {width: 220px; margin-bottom: 40px;}

.enews_signup {width: 220px; padding: 10px; background-color: #e51937; text-align: center; position: absolute; bottom: 0px; left: 0px; z-index:200;}
	.enews_field {width: 152px; height: 13px; float: left; border: none; background-color: #ffffff; font-size: 10px; padding: 3px 5px;}
	.enews_submit {width: 57px; height: 19px; float: left; background: url(../images/btn-signup.gif) no-repeat 0 0; border: none; cursor: pointer;}

.post_row {width: 720px; height: auto; overflow: hidden; clear:both;}
.post {width: 200px; height: auto; float: left; padding: 0px 20px 40px;}

.footer_links {width: 720px; height: 32px; padding-top: 8px; background-color: #000000; position: absolute; bottom: 0px; left: 240px; z-index:200;}

#footer {width: 960px; height: auto; font-size: 10px; padding: 5px 0px 20px;}




/* NAVIGATION */
/* ----------------------------------------- */
#nav {/*width: 540px; height: 36px; position: absolute; top: 70px; right: 20px;*/width: 540px; height: 36px; position: absolute; top: 93px; right: 15px;}
	
	#nav li {float: left; margin-left: 15px; width: 91px;}
	
	#nav li a:link, #nav li a:visited, #nav li a:active {display: block; width: 91px; height: 36px; background-position: 0px 0px; background-repeat: no-repeat;}
	
		#nav li.n_events a {background-image: url(../images/n-concerts.gif);}
		#nav li.n_visit a {background-image: url(../images/n-plan.gif);}
		#nav li.n_interact a {background-image: url(../images/n-civic.gif);}
		#nav li.n_backstage a {background-image: url(../images/n-about.gif);}
		#nav li.n_support a {background-image: url(../images/n-support.gif);}
		
		#nav li a:hover, #nav li a.active {background-position: 0px -36px;}
		
		#nav li a span {visibility: hidden; font-size: 3px;}
	
/* 2nd level nav */

#nav li ul {
			float: none;
			position: absolute;
			left: -999em; /*in Opera, this propels the dropdown list out of view*/
			width: 176px;
			background-color: #dbd8d6;
			padding: 0px;
			font-weight: bold;
			}
	/*#nav li.n_support ul {margin-left: -85px;}*/
					
	#nav li:hover ul, #nav li.sfhover ul {left: auto;} /*JavaScript sfHover class to activate dropdowns in IE6 by onmouseover and onmouseout*/
	
	#nav li:hover, #nav li.hover {position: static;} /*IE7 bug fixer -to prevent suckerfish drop menus from sticking*/
	
	#nav li ul li {clear:left; margin-left: 0px;}
				
	#nav li ul li a:link, #nav li ul li a:visited, #nav li ul li a:active {
					float: none;
					background: none; 
					width: 144px; height: auto;
					color: #000000;
					padding: 8px 16px;
					margin: 0px;
						}
		
	#nav li ul li a:hover, #nav li ul li a.active {background-color: #e51937; color: #ffffff;}


/* left navigation */
#navigation {margin-bottom:40px; overflow:hidden;}
#navigation a:link, #navigation a:visited, #navigation a:active {color:#000;}
#navigation a:hover {color:#e51937;}
#navigation h4 {font-size:16px; margin-bottom:15px;}
#navigation table img {
	width:20px;
	/*height:8px;*/
	padding:3px 0;
}
#navigation table td {
	white-space:normal !important;
	padding-bottom:5px;
}
#navigation div#ctl00_TreeView1 table tr td a {
	font-size:12px !important;
	text-decoration: none;
}
#navigation div#ctl00_TreeView1 div table tr td a {
	font-size: 12px !important;
	line-height:11px;
}



/* TYPOGRAPHY */
/* ----------------------------------------- */

/* Headings */
h1, h2, h3, h4, h5, h6 {}

/*.content.int h1 {font-size:28px; line-height:32px;}*/
.content.int h1 {font-size:22px; margin-bottom:20px;}
.content.int h1.underlined {border-bottom:3px solid #000; padding-bottom:20px;}
.content.int h1.page_header {font-size:28px;}
.content.int h2 {font-size:14px; margin-bottom:15px;}
.content.int h3 {font-size:12px; font-style:italic; margin-bottom:5px;}
.content.int h4 {font-size:12px; margin-bottom:3px;}


h2 {font-size: 16px;}
.post h2 {padding: 2px 0px 15px;}
.post h4 {color: #e51937; font-size: 12px;}

/* image text headers */
h1.h_concerts_updates {width: 100%; height: 20px; background: url(../images/h-concerts-updates.gif) no-repeat 0 0; margin: 0px 0px 30px 20px; font-size: 8px;}
h3.h_stay_connected {width: 100%; height: 20px; background: url(../images/h-stay-connected.gif) no-repeat center 0; margin-bottom: 10px; font-size: 8px;}
h4.h_enews_signup {width: 100%; height: 12px; background: url(../images/h-email-news.gif) no-repeat center 0; margin-bottom: 10px; font-size: 6px;}

h1.h_concerts_updates span, h3.h_stay_connected span, h4.h_enews_signup span
{visibility: hidden;}


/* General Text */
p {line-height: 18px;}

ul.bullets {margin:0px 0px 15px 15px;}
ul.bullets li {
 list-style:disc;
 padding-bottom:5px;
}

.center {text-align:center;}

.top_links p {width: 600px; height: 16px; overflow: hidden; float: right; font-size: 10px; color: #ffffff; text-transform: uppercase; text-align: right; padding-top: 4px;}

.header p {position: absolute; right: 26px; top: 13px; font-size: 16px; font-weight: bold; text-align: right; width: 525px;}
	.header p span {color: #e51937;}

.breadcrumb {text-transform:uppercase; font-weight:bold; color:#E51937; font-weight:bold;}
	.breadcrumb span {font-weight:normal; color:#9c9d9e; margin:0px 10px;}
	.breadcrumb a:hover {
		color:#E51937;
	}

.cal_bottom_links {text-align: center; text-transform: uppercase; font-size: 10px; border-top: 3px solid #222222; padding-top: 5px;}

.enews_signup p {color: #ffffff; font-size: 10px; margin-bottom: 10px;}

.post p {margin-bottom: 15px;}

.content.int p {margin-bottom:15px;}

.footer_links p {font-size: 10px; color: #ffffff; text-transform: uppercase; text-align: right; margin-right: 20px;}	
.footer_links p span {color: #e51937; margin-left: 40px;}
#footer p {color: #ffffff;}


/* LISTS */
/* ----------------------------------------- */
.social_links {border-top: 1px solid #afafaf; margin-bottom: 30px;}
.social_links li {border-bottom: 1px solid #afafaf; padding: 10px 0px; width: 220px;}
.social_links li a {margin-left: 3px;}

.btn_tickets {width: 81px; height: 26px; display: block;}


/* LINKS */
/* ----------------------------------------- */
a:link, a:visited, a:active {color: #e51937; text-decoration: none; outline: none;}
a:hover {color: #898989;}

.top_links p a:link, .top_links p a:visited, .top_links p a:active {color: #ffffff; padding: 0px 6px;}
.top_links p a:hover {color: #e51937;}

.post a:link h2, .post a:visited h2, .post a:active h2 {color: #000000;}
.post a:link h4, .post a:visited h4, .post a:active h4 {color: #e51937;}
.post a:hover h2, .post a:hover h4 {color: #898989;}

p.side_donate {text-align: center; margin-bottom: 40px;}

.cal_bottom_links a:link, .cal_bottom_links a:visited, .cal_bottom_links a:active {color: #000000;}
.cal_bottom_links a:hover {color: #e51937;}
.cal_bottom_links span {margin: 0px 5px;}

.footer_links p a:link, .footer_links p a:visited, .footer_links p a:active {color: #ffffff; padding: 0px 6px;}
.footer_links p a:hover {color: #e51937;}

#footer p a:link, #footer p a:visited, #footer p a:active {color: #ecc162;}
#footer p a:hover {color: #e51937;}

/* IMAGES */
/* ----------------------------------------- */
.post img {padding-bottom: 15px;}


/* TABLES */
/* ----------------------------------------- */

/* Side Calendar */
.side_calendar table {width: 100%;}
.side_calendar table.no_under_line {border-bottom: 3px solid #222222;}
	.side_calendar table.no_under_line table.no_under_line td {padding-bottom: 20px;}
.side_calendar th {text-transform: uppercase; text-align: center; padding: 7px 0px; border-bottom: 1px solid #afafaf; letter-spacing: 0.11em;}
.side_calendar td {vertical-align: middle; text-align: center; font-weight: bold; height: 30px;}

td.current_day {background-color: #898989; color: #ffffff;}
.day a:link, .day a:visited, .day a:active {display: block; width: 100%; height:22px; padding: 8px 0px 1px 0px; background: url(../images/g-cal-circle.gif) no-repeat center 5px; color: #ffffff;}
.day a.calday:link, .day a.calday:visited, .day a.calday:active {background-image: url(../images/g-cal-circle-current.gif)}
.day a:hover,
.day a.over {
	cursor:pointer;
	background-position:
	center -25px;
}

/*
#cal {border-collapse:collapse;}
	#cal td {border:1px solid #ccc; height:30px; width:30px; vertical-align:middle;}
	#cal td .day {
		position:relative;
		font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:12px;
		text-align:center; line-height:30px;
	}
*/

.popup {
		display:none; position:absolute;
		background-color:#000000;
		z-index:20; top:25px; left:0;
		text-align:left; line-height:14px;
		width:170px; min-height:40px; padding:10px;
		color: #ffffff; font-weight: bold;
	}
	.popup h5 {font-size: 12px; color: #e51937;}

#fix {
		display:none; z-index: 900;
		background-color:#000000;
		padding:10px; width:170px; min-height:40px;
		color: #ffffff; font-weight: bold;
	}

	#fix h5 {
		font-size:12px;
		color: #e51937;
		margin:0.5em 0;
	}
	
	#fix h5:first-child {
		margin:0;
	}
	
	#fix p {
		/*padding-bottom:5px;*/
		margin:0.5em 0;
	}
	
.cal-more-info,
.cal-more-info:link,
.cal-more-info:visited,
.cal-more-info:active,
.cal-buy-tickets,
.cal-buy-tickets:link,
.cal-buy-tickets:visited,
.cal-buy-tickets:active,
.cal-soldout-tickets,
.cal-soldout-tickets:link,
.cal-soldout-tickets:visited,
.cal-soldout-tickets:active,
.cal-reserve-tickets,
.cal-reserve-tickets:link,
.cal-reserve-tickets:visited,
.cal-reserve-tickets:active {
	background-color:#e51937;
	color:#fff;
	font-weight:bold;
    height:14px;
    line-height:14px;
    padding:2px 4px;
    text-align:center;
    width:55px;
	margin:0.5em 0.5em 0.5em 0;
}

.cal-soldout-tickets,
.cal-soldout-tickets:link,
.cal-soldout-tickets:visited,
.cal-soldout-tickets:active {
	background-color:#e80;
}

.cal-reserve-tickets,
.cal-reserve-tickets:link,
.cal-reserve-tickets:visited,
.cal-reserve-tickets:active {
	background-color:#080;
}

.popup_arrow {
	position:absolute;
	top:-10px;
	left:0;
	z-index:55555;
	display:block;
	width:21px;
	height:9px;
}

/* for Live.aspx - webcast */
	
.admin_msg_box {
    background-color:black;
    width:670px;
    min-height: 20px;
    margin-top: 15px;
    padding:15px 5px;
    color:White;
    text-align:center;
    font-weight:bold;
    
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    
    /* For WebKit (Safari, Google Chrome etc) */
    background: -webkit-gradient(linear, left top, left bottom, from(#272727), to(#020202));
    /* For Mozilla/Gecko (Firefox etc) */
    background: -moz-linear-gradient(top, #272727, #020202);
    /* For Internet Explorer 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#272727, endColorstr=#020202);
    /* For Internet Explorer 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#272727, endColorstr=#020202)";
}

#twtr-widget-1 {
    width:330px;
    float:left;
    margin-right:20px;
}

#twtr-widget-2 {
    width:330px;
    float:left;
}

#twtr-widget-1.twtr-widget .twtr-timeline{
    font-family:Arial,Helvetica,sans-serif !important;
}

#twtr-widget-2.twtr-widget .twtr-timeline{
    font-family:Arial,Helvetica,sans-serif !important;
}

#twtr-widget-1.twtr-widget .twtr-hd{
    font-family:Arial,Helvetica,sans-serif !important;
}

#twtr-widget-2.twtr-widget .twtr-hd{
    font-family:Arial,Helvetica,sans-serif !important;
}

#twtr-widget-1.twtr-widget .twtr-ft{
    font-family:Arial,Helvetica,sans-serif !important;
}

#twtr-widget-2.twtr-widget .twtr-ft{
    font-family:Arial,Helvetica,sans-serif !important;
}

#twtr-widget-1.twtr-widget .twtr-timeline{
    /* For WebKit (Safari, Google Chrome etc) */
    background: -webkit-gradient(linear, left top, left bottom, from(#1B1B1B), to(#010101)) !important;
    /* For Mozilla/Gecko (Firefox etc) */
    background: -moz-linear-gradient(top, #1B1B1B, #010101) !important;
    /* For Internet Explorer 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#1B1B1B, endColorstr=#010101) !important;
    /* For Internet Explorer 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#1B1B1B, endColorstr=#010101) !important";
}

#twtr-widget-2.twtr-widget .twtr-timeline{
    /* For WebKit (Safari, Google Chrome etc) */
    background: -webkit-gradient(linear, left top, left bottom, from(#1B1B1B), to(#010101)) !important;
    /* For Mozilla/Gecko (Firefox etc) */
    background: -moz-linear-gradient(top, #1B1B1B, #010101) !important;
    /* For Internet Explorer 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#1B1B1B, endColorstr=#010101) !important;
    /* For Internet Explorer 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#1B1B1B, endColorstr=#010101) !important";
}

.first-column{
    width:330px;
    float:left;
    margin-right:20px;
}

.second-column{
    width:330px;
    float:left;
}

#twtr-widget-1.twtr-widget .twtr-join-conv{
    color: #e91640 !important;
    font-weight:bold;
}

#twtr-widget-2.twtr-widget .twtr-join-conv{
    color: #e91640 !important;
    font-weight:bold;
}

#twtr-widget-1.twtr-widget .twtr-doc .twtr-hd h3{
    font-style:normal;
}

#twtr-widget-2.twtr-widget .twtr-doc .twtr-hd h3{
    font-style:normal;
}

#twtr-widget-1.twtr-widget h4 {
font-size: 14px!important;
}

#twtr-widget-2.twtr-widget h4 {
font-size: 14px!important;
}

#twtr-widget-1.twtr-widget .twtr-ft div img{
    display:none;
}
#twtr-widget-2.twtr-widget .twtr-ft div img{
    display:none;
}

.footer_labels{
    padding-top:20px;
    float:none;
    clear: both;
}
.footer_labels p, .footer_labels img{
    float:left;
    vertical-align:middle;
}

	
/* for VideoReg.aspx - registration form for webcasts */
#video_reg h1 {
	border-bottom:3px solid #222;
	padding-bottom:20px;
	margin-top:-4px;
	margin-bottom:8px;
}

#video_reg p strong {
	font-size:14px;
}

#video_reg h2 {
	font-size:40px;
	line-height:40px;
	font-weight:normal;
	margin:1em 0;
}

#video_reg h2 em {
	font-weight:bold;
}

#video_reg .featuring {
	border-bottom:1px solid #afafaf;
	padding-bottom:1em;
	margin-bottom:2em;
}

#video_reg .col {
	width:274px;
	float:left;
	margin-right:100px;
}

#video_reg .col.last {
	margin-right:0;
}

#video_reg label {
	display:block;
	margin-bottom:0.4em;
}

#video_reg input[type=text] {
	width:266px;
	border:1px solid #a3a3a3;
	height:21px;
	margin-bottom:0.7em;
	padding:0 4px;
}

#video_reg input[type=password] {
	width:266px;
	border:1px solid #a3a3a3;
	height:21px;
	margin-bottom:0.7em;
	padding:0 4px;
}

#video_reg input[type=submit] {
	width:53px;
	height:20px;
	border:1px solid #003c74;
	font-family:inherit;
	font-size:inherit;
	border-radius:3px;
	margin-top:0.5em;
}

#video_reg select {
	width:276px;
	border:1px solid #a3a3a3;
	height:23px;
	margin-bottom:0.7em;
	padding:1px;
}

#video_reg .short_field {
	width:80px;
}

#video_reg #teaser {
	width:274px;
	height:184px;
	margin-bottom:2em;
}

.event-table td {
	vertical-align:top;
	padding:0 0 1em 0;
}

.event-table .date-col {
	padding-right:1em;
}

.node_selected {
	color:#e51937;
}