@charset "UTF-8";
/* CSS Document */

/*----- ERROR BOX -----*/
.ErrorBorder { background-color: #FF0000; }
.ErrorCell { background-color: #FFFF97; color: #FF0000; font-weight:bold; padding: 2px; padding-left: 5px; padding-right: 5px; font: 12px Arial, Helvetica, sans-serif; }
.ErrorCell a:link { color:#FF0000; font-weight:normal; text-decoration:underline; font: 12px Arial, Helvetica, sans-serif; }
.ErrorCell a:visited { color:#FF0000; font-weight:normal; text-decoration:underline; font: 12px Arial, Helvetica, sans-serif; }
.ErrorCell a:active { color:#FF0000; font-weight:normal; text-decoration:underline; font: 12px Arial, Helvetica, sans-serif; }
.ErrorCell a:hover { color:#FF0000; font-weight:normal; font: 12px Arial, Helvetica, sans-serif; }

/*----- MESSAGE BOX -----*/
.MessageBorder { background-color: #BDF231; }
.MessageCell { background-color: #C6FFB2; color: #FF0000; font-weight:bold; padding: 2px; padding-left: 5px; padding-right: 5px; font: 12px Arial, Helvetica, sans-serif; }
.MessageCell a:link { color:#FF0000; font-weight:normal; text-decoration:underline; font: 12px Arial, Helvetica, sans-serif; }
.MessageCell a:visited { color:#FF0000; font-weight:normal; text-decoration:underline; font: 12px Arial, Helvetica, sans-serif; }
.MessageCell a:active { color:#FF0000; font-weight:normal; text-decoration:underline; font: 12px Arial, Helvetica, sans-serif; }
.MessageCell a:hover { color:#FF0000; font-weight:normal; font: 12px Arial, Helvetica, sans-serif; }

/*RESET-------------------*/

h1, h2, h3, h4, h5, h6, p, ul, li, div { margin:0px; padding:0px;}

html{ overflow:-moz-scrollbars-vertical; }

body {
	background:#FFF;
	font-size:11px;
	line-height:16px;
	font-family:Arial, Helvetica, Sans-serif;
	color:#333;
	margin:0px;
	padding:0px;
	background: #edece6 url(../images/bg.jpg) repeat top left;
}

h1 { }
h2 { font-size:18px; color:#000; text-transform:uppercase; border-bottom:2px solid #000; padding-bottom: 7px; margin:0px 0px 20px 0px; }
h3 { margin: 0px 0px 10px 0px; }
h4 { font-size:14px; text-transform:uppercase; margin:10px 0px;}
p { margin:0px 0px 15px 0px; }




/*ANCHORS-------------------*/
a {	color:#cd3167; text-decoration:none; }
a:hover { color:#169acf;}
a, a img {border:none; }
a:active, a:focus{ outline:none;}

/*BREAKS-------------------*/
.force_break { clear:both; }

/*SPECIAL CLASSES*/
.inner {
	margin:0px 0px;
}

.sixcol {
 	width:620px
}

.threecol {
	width:300px;
}

.twocol {
	width:140px;
}

.marginright {
	margin-right:20px;
}

.callout {
	width:320px;
	margin-bottom:30px;
}

.callout_small {
	width:140px;
	height:140px;
	margin-bottom:30px;
}
p.calloutTxt{
	font: normal bold 12px/18px Arial, sans-serif;
}
.callout img.logo{
	float:left;
	border:5px solid #ceccc5;
	margin: 0px 0px 20px 10px;
}
.inline li {
	display:inline;
	list-style:none;
}
.block li {
	display:block;
}

/*FLOATS-------------------*/
.left { float: left; }
.right { float: right; }
.leftimg { float: left; margin:0px 10px 5px 0px; border:1px solid #CCC;}
.rightimg { float: right; margin:0px 0px 5px 10px; border:1px solid #CCC; }

/*LAYOUT-------------------*/

#wrap {
	width:960px;
	margin:0px auto;
	position:relative;
}

/*HEADER-------------------*/

#header {
	
}

#topnav {
	height:40px;
	background:url(../images/bg_topnav.gif) left top no-repeat;
	font-weight:bold;
	font-size:12px;
	text-transform:uppercase;
}

	#topnav ul {
		list-style:none;
		padding:10px 0px 0px 20px;
	}
	#topnav li {
		display:inline;
		margin:0px 25px 0px 0px;
	}
		#topnav li a {
			color:#FFF;
		}
		#topnav li a:hover {
			border-bottom:2px solid;
		}


#logo {
	width:320px;
	height:170px;
	float:left;
}

#mainnav {
	width:640px;
	height:40px;
	margin-top:30px;
	float:right;
}
	#mainnav ul {
		
	}
	#mainnav li {
		float: left;
		list-style-type: none;
		padding: 14px 30px 3px 12px;
		background-position: left top;
		background-repeat: no-repeat;
		margin-right: 13px;
	}
	#mainnav li:hover {
		padding-top: 10px;
	}
	#mainnav li#nav_fans { background-image: url(../images/buttons/button_bg_pink.gif);	}
	#mainnav li#nav_artists { background-image: url(../images/buttons/button_bg_green.gif);	}
	#mainnav li#nav_conference { background-image: url(../images/buttons/button_bg_yellow.gif);	}
	#mainnav li#nav_volunteers { background-image: url(../images/buttons/button_bg_purple.gif);	}
	#mainnav li#nav_press { background-image: url(../images/buttons/button_bg_red.gif);	}
	
	#mainnav li#nav_fans:hover { background-image: url(../images/buttons/button_bg_pink-over.gif);	}
	#mainnav li#nav_artists:hover { background-image: url(../images/buttons/button_bg_green-over.gif);	}
	#mainnav li#nav_conference:hover { background-image: url(../images/buttons/button_bg_yellow-over.gif);	}
	#mainnav li#nav_volunteers:hover { background-image: url(../images/buttons/button_bg_purple-over.gif);	}
	#mainnav li#nav_press:hover { background-image: url(../images/buttons/button_bg_red-over.gif);	}
	
		#mainnav li a { 
			font-size:14px;
			text-transform:uppercase;
			color: #fff;
			}

#datebox {
	float:left;
	margin-top:40px;
}

	#datebox p {
		font-size:25px;
		color:#212060;
	}

#radioplayer {
	width:200px;
	height:100px;
	position:absolute;
	top:0px;
	right:20px;
}

/*CONTENT AREA ------------*/


#column_left {
	width:620px;
	float:left;
}

#column_right {
	width:320px;
	float:right;
}

#column_entire {
	width:940px;
	float:left;
}

div#newsletter {
	background: url(../images/newsletter_callout_bg.gif) no-repeat left top;
	padding-bottom: 20px;
}
	#newsletter h2 {
		color: #983795;
		font-size: 18px;
		text-transform: uppercase;
		padding: 25px 20px 0 0;
		text-align: right;
		margin-bottom: 15px;
		border: 0;
	}
	#newsletter input.text {
		float: right;
		margin-right: 20px;
		
	}
	#newsletter input.submit {
		float: right;
		margin-right: 20px;
		margin-top: 12px;
		background: none;
		border: none;
		font-size: 14px;
		color: #fff;
		text-transform: uppercase;
		font-weight: bold;
		background: url(../images/white_right_arrow.gif) no-repeat left center;
		padding-left: 11px;
		clear: right;
	}

#flash {
	width:615px;
	height:280px;
	margin-bottom:25px;
	background: transparent url(../images/homeFocus.gif) no-repeat;
	position:relative;
}
#sectionImage {
	width:615px;
	margin-bottom:25px;
	position:relative;
}

div.event_callout_big {
	background: url(../images/2col_callout_big_top.gif) no-repeat left top;
}
	.event_callout_big img {
		float: left;
		margin-left: 25px;
		margin-top: 5px;
	}
	.event_callout_big h2 {
		color: #cd3167;
		font-size: 30px;
		font-weight: bold;
		text-transform: uppercase;
		padding: 35px 30px 14px 0;
		border: 0;
		margin: 0 0 0 350px;
	}
	.event_callout_big p {
		font-size: 12px;
		padding-right: 40px;
		margin-left: 350px;
	}
	.event_callout_big p strong {
		font-size: 14px;
		font-weight: bold;
	}
	
	.event_callout_big p.date {
		font-size: 18px;
		font-weight: bold;
		text-transform: uppercase;
	}
	.event_callout_big .banner a {
		display: block;
		color: #fff;
		font-size: 14px;
		font-weight: bold;
		text-transform: uppercase;
		background: url(../images/arrowLeft.gif) no-repeat left center;
		padding-left: 15px;
		float: right;
		margin-right: 35px;
	}

	.event_callout_big div.banner {
		background: url(../images/2col_callout_bg_bottom_green.gif) no-repeat left top;
		padding: 15px 0 20px 30px;
		margin-top: 30px;
	}

div.event_callout_small {
	background:url(../images/2col_callout_bg_top.gif) no-repeat left top;
}
	.event_callout_small img.callout_img {
		float: right;
		margin: 10px 30px 0 0;
	}
	.event_callout_small h2 {
		color: #cd3167;
		font-size: 30px;
		font-weight: bold;
		text-transform: uppercase;
		padding: 25px 30px 14px;
		border: 0;
		margin: 0;
	}
	.event_callout_small p {
		margin: 0 0 0 30px;
		padding-bottom: 5px;
		font-size: 18px;
		font-weight: bold;
	}
.event_callout_small div.banner {
	background: url(../images/2col_callout_bg_bottom_green.gif) no-repeat left top;
	padding: 15px 0 20px 30px;	
}
	.event_callout_small div.banner a.back {
		display: block;
		color: #fff;
		font-size: 14px;
		font-weight: bold;
		text-transform: uppercase;
		background: url(../images/arrowRight.gif) no-repeat left center;
		padding-left: 15px;
	}

#flashContent{
	background: transparent url(../images/tmp.jpg) no-repeat;
	width:590px;
	height:265px;
	left:10px;
	top:15px;
	position:absolute;
}
#flashOverlay{
	position:absolute;
	background: transparent url(../images/flashStrip.gif) no-repeat left top;
	height:27px;
	width:615px;
	bottom:10px;
	right:0px;
	font: normal bold 14px/27px Arial, sans-serif;
	text-transform: uppercase;
}
	#flashOverlay .boxGreen a{
		float:left;
		height:27px;
		background: #679a66 url();
		color:#fff;
		font: normal bold 14px/27px Arial, sans-serif;
		margin:0px 0px 0px 300px;
		padding:0px 15px 0px 5px;
		
	}
	#flashOverlay .boxOrange a{
		float:left;
		height:27px;
		background: #f8991d url();
		color:#fff;
		font: normal bold 14px/27px Arial, sans-serif;
		padding:0px 15px 0px 5px;
		margin: 0px 0px 0px 10px;
	}
#announcements {
	
}

#headliners {
	
}
	#headliners ul.inline	 {
		padding: 0px 15px 0px 0px;
	}
	#headliners li {
		line-height:18px;
		padding:0px 5px 0px 0px;
		margin:0px 3px 0px 0px;
		border-right:1px solid #CCC;
	}
		#headliners li:last-child {
			border-right:none;
		}
	
	#announcements h4,
	#headliners h4 {
		display:block;
	}
	
	#announcements h4 a,
	#headliners h4 a {
		background:#000;
		padding:5px;
		float:right;
	}

#announcements a,
#headliners a {
	font-weight:bold;	
}
span.date{
	color:#666666;
	font-size: 11px;
	padding: 0px 10px 0px 0px;
}
a.viewBtn{
	display:block;
	margin: 20px 0px;
	text-transform: uppercase;
	color: #fff;
	text-align: right;
	padding: 27px 50px 20px 0;
	font-weight: bold;
	font-size: 14px;
}
	.viewBtn em {
		background: url(../images/white_right_arrow.gif) no-repeat left center;
		padding-left: 12px;
	}
#headliners a.viewBtn {
	background: url(../images/view_btn_green.gif) no-repeat left center;
}
#announcements a.viewBtn {
	background: url(../images/view_btn_pink.gif) no-repeat left center;
}
.bodyArea{
	margin-bottom:40px;
	font: normal normal 12px/18px Arial, sans-serif;
	
}
.bodyArea h3{
	font: normal bold 18px/18px Arial, sans-serif;
	padding:0px;
	margin:0px;
	color:#CD3167;
}
.bodyArea h4{
	font: normal bold 14px/18px Arial, sans-serif;
	padding:0px;
	margin:0px;
}
.bodyArea h5{
	font: normal bold 12px/18px Arial, sans-serif;
	padding:0px;
	margin:0px;
}
.bodyArea ul{
	font: normal bold 14px/18px Arial, sans-serif;
	color:#CD3167;
	list-style-type: none;
	margin: 3px 0px 5px 10px;
}
.list{
	margin: 0px 0px 20px 0px;
	border-bottom:2px solid #bebab1;
}
.list img{
	float:left;
	margin: 0px 20px 0px 0px;
	border:1px solid #000;
	height:100%;
}
/*EMAIL -------------------*/

.email_callout {
	border-top:1px solid #CCC;
	padding-top:20px;
	width:210px;
}
	.email_callout h2 {
		margin-bottom:10px;
	}
	.email_callout p {
		font-size:12px;
		line-height:18px;
		color:#666;
		margin-top:10px;
	}
	.email_callout_type {
		border:1px solid #CCC;
		padding:3px;
		width:100px;
		margin-right:10px;
		color:#666;
	}
	.email_callout_button {
		border:1px solid #999;
		background:#CCC;
		padding:2px;
		color:#333;
	}
	
/*SPONSORS ---------------*/

#sponsor_block {
}

/*FOOTER-------------------*/

#footer {
	margin: 30px 0px 20px 10px;

}

	#footer ul {
		list-style:none;
		margin-bottom:15px;
	}

		#footer ul li {
			display:inline;
			margin:0px 5px 0px 0px;
		}

			#footer ul li a {
				font-size:10px;
				text-transform:uppercase;
				letter-spacing:1px;
				color:#CD3167;
			}
			
			#footer ul li a:hover {
				border-bottom:none;
				color:#1e526a;
			}
	#footer p {
		color:#666;
		font-size:11px;
	}
	#footerNav{
		float:left;
	}
	#socialNetwork{
		float:right;
	}