
#container_preview {
	position: 			relative;
	float: 				left;
	width: 				100%;
	padding:			40px;
	margin:				0;
	background: 		#424242;
	}

p {
	font-size: 			13px;
	color: 				#000;
	line-height:		16px;
	margin:				0px;
	padding:			0px 0px 16px 0px;
	letter-spacing:		.035em;
	}

table tr td {
	padding:			0;
	margin:				0;
	border:				0px;
	}

strong {
	padding:			0;
	margin:				0;
	}

.text_orange {
	color:				#f16722;
	}

.text_gray {
	color:				#999;
	}




/*////////////////////////////////////*/

/* NAV */

#nav {
	width: 				176px;
	font-size: 			13px;
	}

.nav_msie {
	font-weight:		bold;
	}

#logo {
	width: 				176px;
	height:				180px;
	background:			url('../img/common/bg-top.gif') repeat-x;
	}

#nav ul {
	font-size:			16px;
	list-style: 		none;
	padding:			0;
	margin:				0;
	}
	
#nav li {
	padding:			0;
	margin:				0;
	font-size:			16px;
	line-height:		25px;
	letter-spacing:		.035em;
	}

#nav .bullet {
	font-size:			13px;
	color:				#e34a27;
	padding:			0 6px 0 2px;
	}
	
#nav a {
	text-decoration: 	none;
	line-height:		27px;
	font-size:			16px;
	}

#nav a:hover {
	font-size:			16px;
	color:				#e34a27;
	}

li.nav_off {
	font-size:			16px;
	color:				#fff;
	}

#nav .nav_on {
	font-size:			16px;
	color:				#ffff00;
	}

#nav a.nav_on:hover {
	font-size:			16px;
	color:				#ffff00;
	}


#nav .nav_off {
	font-size:			16px;
	color:				#fff;
	}




.show {
	display:			block;
	}




/* content */

#content_container {
	width:				710px;
	}

#topbar {
	width: 				710px;
	height:				102px;
	background:			url('../img/common/bg-top.gif') repeat-x;
	padding-top:		38px;
	}

#topbar a {
	color:				#ffff00;
	text-decoration: 	none;
	}

#topbar .tagline {
	position: 			absolute;
	left:				0px;
	top:				37px;
	font-size:			16px;
	color:				#fff;
	padding:			0;
	letter-spacing:		.045em;
	text-transform: 	uppercase;
	}

#topbar .dates {
	position: 			absolute;
	left:				0px;
	top:				94px;
	font-size:			31px;
	color:				#fff;
	padding:			2px 0 4px 0;
	}

#topbar .snicons {
	position:			absolute;
	right:				0px;
	top:				39px;
	}


/* content area */

#content {
	clear: 				both;
	width: 				658px;
	padding:			26px;
	background:			#fff;
	}

#content_home {
	clear: 				both;
	width: 				658px;
	}

#content .header {
	clear: 				both;
	width: 				658px;
	padding:			0;
	}

#content .row {
	clear: 				both;
	width: 				658px;
	padding:			20px 0 20px 0;
	}

#content .row_nsp {
	clear: 				both;
	width: 				658px;
	padding:			0 0 20px 0;
	}

#content .download a {
	color:				#f16722;
	text-decoration:	none;
	}

#content .download a:hover {
	color:				#f16722;
	text-decoration: 	underline;
	}
	
#content .left_col_row {
	clear: 				both;
	width:				319px;
	padding:			20px 0 20px 0;
	}

#content .left_col_row_nsp {
	clear: 				both;
	width:				319px;
	padding:			0 0 20px 0;
	}

#content .left_col {
	clear: 				both;
	width:				319px;
	}

#content .right_col {
	width:				320px;
	padding:			0 0 0 18px;
	margin:				0;
	}

#content h1 {
	font-size:			50px;
	line-height:		50px;
	color:				#f16722;
	padding:			0;
	margin:				0;
	}

#content ul {
	list-style:			none;
	padding: 			0;
	margin: 			0;
	}

#content li {
	padding: 			0 0 14px 14px;
	margin: 			0;
	color:				#000;
	font-size:			20px;
	line-height:		24px;
	background:			url('../img/common/bullet-orange.gif') no-repeat;
	}

#content li a {
	color:				#000;
	text-decoration: 	none;
	}
	
#content li a:hover {
	color:				#f16722;
	text-decoration: 	none;
	}
	

#content .bullet {
	font-size:			14px;
	color:				#f16722;
	padding:			0 6px 0 2px;
	height: 40px;
	}
	
#content li span {
	color:				#000;
	font-size:			12px;
	line-height:		14px;
	padding:			0;
	margin:				0;
	}

#content li p {
	color:				#000;
	font-size:			12px;
	line-height:		16px;
	color: 				#000;
	padding:			0;
	margin:				0;
	}

#content h2 {
	font-size:			20px;
	line-height:		24px;
	color: 				#000;
	margin:				0;
	padding:			0 0 10px;
	}

#content h3 {
	font-size:			16px;
	line-height:		20px;
	color: 				#000;
	font-weight:		normal;
	margin:				0;
	padding:			0 0 10px;
	}

#content h4 {
	font-size:			13px;
	line-height:		16px;
	color: 				#000;
	font-weight:		normal;
	margin:				0;
	padding:			0 0 10px;
	}


/* program */


#content .program_thumb_row {
	padding-bottom:		50px;
	}

#content .program_thumb_row a {
	color:				#000;
	text-decoration: 	none;
	outline:			none;
	}

#content .program_thumb_row a:hover {
	text-decoration:	underline;
	}

#content .program_thumb_row p {
	font-size:			12px;
	line-height:		16px;
	font-weight:		bold;
	padding-bottom:		4px;
	}

#content .program_thumb_row .program_co {
	font-size:			10px;
	line-height:		14px;
	}

#content .program_thumb {
	width:				122px;
	padding-right:		50px;
	overflow:			hidden;
	}

#content .program_thumb_end {
	width:				122px;
	overflow:			hidden;
	}

#content .program_thumb_row img {
	padding-bottom: 8px;
	font-size:			12px;
	line-height:		14px;
	}

#content .program_desc {
	font-size:			11px;
	line-height:		15px;
	color:				#000;
	}

#content .program_desc p {
	font-size:			11px;
	line-height:		15px;
	color:				#000;
	padding:			10px 0 0 0;
	}

#content .program_desc a {
	color:				#f16722;
	text-decoration:	none;
	}

#content .program_desc a:hover {
	text-decoration:	underline;
	}

#content .program_desc a.black {
	color:				#000;
	text-decoration:	underline;
	}

#content .program_desc a.black:hover {
	text-decoration:	none;
	}

#content .program_desc h2 {
	color:				#000;
	line-height:		24px;
	}

#content .program_desc h3 {
	line-height:		14px;
	padding:			0 0 8px 0;
	line-height:		20px;
	}

#content .program_desc h3 a {
	color:				#f16722;
	line-height:		24px;
	text-decoration: 	none;
	}

#content .program_desc h3 a:hover {
	color:				#f16722;
	text-decoration: 	underline;
	}

#content .program_desc h4 {
	font-size:			13px;
	line-height:		16px;
	font-weight:		normal;
	margin:				0;
	padding:			0 0 6px;
	}

#content .program_desc h4 a {
	color:				#f16722;
	line-height:		16px;
	text-decoration: 	none;
	}

#content .program_desc h4 a:hover {
	color:				#f16722;
	text-decoration: 	underline;
	}

#content .program_nav a {
	color: 				#000;
	text-decoration:	none;
	}

#content .program_nav a:hover {
	text-decoration:	underline;
	}


#content .program_nav .program_back {
	text-align: 		left;
	width: 				150px;
	height: 			14px;
	font-size: 			10px;
	}

#content .program_nav .program_next {
	position:			relative;
	float:				right;
	text-align: 		right;
	width: 				150px;
	height: 			14px;
	font-size: 			10px;
	}

#content .program_desc .thumbs {
	width: 				318px;
	padding:			32px 0 0 0;
	}

#content .program_desc .thumb {
	width: 				76px;
	height: 			76px;
	padding:			0 4px 4px 0;
	}

#content .program_desc .vid {
	width: 				658px;
	padding:			52px 0 0 0;
	}


#content .program_desc .dates {
	width: 				319px;
	padding:			20px 0 0 0;
	}

#content .date_box {
	width:				48px;
	font-size: 			10px;
	text-align:			center;
	padding:			4px 6px 4px 6px;
	margin:				0 3px 3px 0;
	border: 			1px solid #f57d2a;
	}

#content .date_box a {
	color:				#000;
	text_decoration:	none;
	}

#content .date_box a {
	text_decoration:	underline;
	}


#content .date_box_today {
	font-size: 			10px;
	color:				#fff;
	text-align:			center;
	padding:			4px 6px 4px 6px;
	margin-right:		3px;
	border: 			1px solid #42be5b;
	background: 		#42be5b;
	}



/* calendar */

#content .calendar .time {
	position:			relative;
	float:				left;
	clear: 				both;
	float:				left;
	width:				75px;
	}

#content .calendar .title {
	position:			relative;
	float:				left;
	width:				230px;
	}

#content .calendar h2 {
	font-size:			18px;
	line-height:		22px;
	color:				#000;
	padding:			0 0 6px 14px;
	background:			url('../img/common/bullet-orange.gif') no-repeat;
	}

#content .calendar h3 {
	position:			relative;
	float:				left;
	clear: 				both;
	float:				left;
	width:				75px;
	color:				#000;
	font-size:			13px;
	line-height:		15px;
	font-weight:		normal;
	padding:			0 0 8px 0;
	margin:				0;
	}

#content .calendar h4 {
	position:			relative;
	float:				left;
	width:				244px;
	color:				#000;
	font-size:			13px;
	line-height:		15px;
	font-weight:		normal;
	padding:			0 0 8px 0;
	margin:				0;
	}

#content .calendar h4 p {
	position:			relative;
	float:				left;
	width:				244px;
	color:				#000;
	font-size:			13px;
	line-height:		15px;
	font-weight:		normal;
	padding:			0 0 4px 0;
	margin:				0;
	}

#content .calendar h4 a {
	color:				#f16722;
	text-decoration: 	none;
	}
	
#content .calendar h4 a:hover {
	text-decoration: 	underline;
	}

#content .calendar h4 a.notpublic {
	color:				#1e61b1;
	text-decoration: 	none;
	}
	
#content .calendar h4 a.notpublic:hover {
	text-decoration: 	underline;
	}
	
#content .calendar p {
	clear: 				both;
	font-size:			11px;
	line-height:		15px;
	color:				#000;
	padding:			20px 0 0 0;
	}

#content .calendar a {
	color:				#000;
	text-decoration: 	none;
	}
	
#content .calendar a:hover {
	color:				#f16722;
	text-decoration: 	none;
	}


#content .calendar_box {
	}

#content .calendar_box_msie {
	position: absolute;
	top: 270px;
	left: auto 0;
	margin-left:		320px;
	}

#content .calendar_box .day {
	position:			relative;
	float:				left;
	width:				42px;
	padding:			6px 0 6px 0;
	margin-right:		3px;
	text-align: 		center;
	background:			#d6d6d6;
	font-size:			13px;
	line-height:		12px;
	}

#content .calendar_box .date {
	position:			relative;
	float:				left;
	width:				42px;
	height:				27px;
	padding:			14px 0 0 0;
	margin:				3px 3px 0 0;
	text-align: 		center;
	background: 		#ebebeb;
	font-size:			12px;
	line-height:		12px;
	}

#content .calendar_box .date a {
	color: 				#fff;
	text-decoration:	none;
	}

#content .calendar_box .date a:hover {
	color: 				#000;
	text-decoration:	none;
	}

#content .calendar_box .orange {
	color:				#fff;
	background:			#f57d2a;
	}

/* venues */

#content .venues a.notpublic {
	color:				#1e61b1;
	text-decoration: 	none;
	}
	
#content .venues a.notpublic:hover {
	text-decoration: 	underline;
	}
	
#content .venues #map_canvas {
	width:				658px;
	height:				540px;
	}

/* events */

#content .events h4 {
	font-size:			14px;
	line-height:		16px;
	font-weight:		bold;
	margin:				0;
	padding:			0 0 6px;
	}

#content .events .date {
	color:				#f57d2a;
	margin:				0;
	padding:			0 0 6px;
	}


/* press */

#content .press h2 {
	font-size:			20px;
	line-height:		24px;
	font-weight:		normal;
	margin:				0;
	padding:			0 0 10px;
	}

#content .press h3 {
	font-size:			16px;
	line-height:		20px;
	font-weight:		normal;
	margin:				0;
	padding:			0 0 10px;
	}

#content .press p {
	font-size:			12px;
	line-height:		15px;
	font-weight:		normal;
	margin:				0;
	padding:			0;
	}

#content .press a {
	font-size:			12px;
	line-height:		15px;
	font-weight:		normal;
	color:				#f57d2a;
	margin:				0;
	padding:			0 0 6px;
	}


/* venues */

#content .venues p {
	font-size:			12px;
	line-height:		15px;
	font-weight:		normal;
	margin:				0;
	padding:			0 0 8px;
	}

#content .venues a {
	color:				#f57d2a;
	}


/* d&d */

#content .dd h2 {
	font-size:			23px;
	line-height:		22px;
	}
	
#content .dd p {
	font-size:			16px;
	line-height:		24px;
	}
	
#content .dd .small {
	font-size:			13px;
	line-height:		20px;
	}
	

/* support */

#content .support h1 {
	font-size:			50px;
	line-height:		50px;
	color:				#f16722;
	padding:			0 0 20px 0;
	margin:				0;
	}


/* about */

#content .about h1 {
	font-size:			50px;
	line-height:		50px;
	color:				#f16722;
	padding:			0 0 20px 0;
	margin:				0;
	}



/* footer */

#footer {
	clear:				both;
	width:				710px;
	padding-top:		40px;
	margin-bottom:		40px;
	}

#footer p {
	font-size:		 	10px;
	color:				#999;
	line-height:		14px;
	padding:			0;
	margin:				0;
	}

#footer .content p {
	position:			absolute;
	left:				240px;
	bottom:				0px;
	width:				470px;
	font-size:		 	10px;
	color:				#999;
	line-height:		14px;
	padding:			0;
	margin:				0;
	}




/* map */

#map_canvas {
	width: 				414px;
	height:				355px;
	}

.map_wrapper {
	padding-right:		3px;
	}

.infowin_content {
	font:		 		12px Arial, Helvetica, sans-serif;
	color:				#333;
	}










/* preview */

.previewbar {
	position:			fixed;
	bottom:				0px;
	width:				100%;
	height:				22px;
	background:			#ff9900 url(../img/common/preview_bg.gif) repeat-x;
	text-align:			center;
	padding:			8px 0px 0px 0px;
	z-index:			1;
	}

.previewbar_msie {
	position:			absolute;
	left:				0px;
	top:				0px;
	width:				100%;
	height:				22px;
	background:			#ff9900 url(../img/common/preview_bg.gif) repeat-x;
	text-align:			center;
	padding:			8px 0px 0px 0px;
	z-index:			1;
	}

.previewbar_inner {
	position:			absolute;
	left:				50%;
	margin-left:		-150px;
	width: 				300px;
	background:			#ff9900;
	font:				14px Verdana, Arial, Helvetica, sans-serif;
	color:				#fff;
	line-height:		12px;
	text-align:			center;
	z-index:			1;
	}








.inactive_message {
	padding-top:		10px;
	color: 				#000;
	}

.inactive_message_text {
	color: 				#000;
	}
