@import url(dc_xmas_titles.css);

body {
font-size:11px;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif; 

padding:0;
color:#ffffff;
background-color:#333333;
margin: 0 0 0 0;
text-align:center;
background-image:url(../images/bg2.gif);
background-repeat:repeat;
}
		
html{
	min-height: 100%; margin-bottom: 1px; 
	/* this is used to stop the page shift in firefox - when the scrollbar comes in
	firefox recalculates what the actual screen size is and messes up the centering of the page. */
}

/* layout  ------------------------------------------------------------------------- */

#container {
	width:840px;
	height:100%;
	background-color:#000000;
	margin: 0px auto;
	background-image:url(../images/bg_footer.gif);
	background-attachment:scroll;
	background-position:bottom;
	background-repeat:no-repeat;

}

#containerHome {
	width:840px;
	height:100%;
	background-color:#000000;
	margin: 0px auto;

}


#header{
	position:relative;
	float:left; 
	width:840px;
	text-align:center;
	height:360px;
}

/* master columns ---------------------------------------------------------*/

#leftColumn {
	position:relative;
	float:left;
	text-align:left;
	width: 257px;
	height:100%;
	left:20px;
	margin-right:20px;

}


#centerColumn {
	position:relative;
	float:left; 
	text-align:left;
	width:257px;
	left:15px;

}	


#rightColumn {
	position:relative;
	float:right; 
	width:257px;
	height:100%;
	text-align:left;
	right:20px;
}

#rightColumnFull {
	position:relative;
	float:right; 
	width:528px;
	height:100%;
	text-align:left;
	right:20px;
}

#footer {
	width:800px;
	height:100%;
	margin: 0px auto;
	text-align:left;
	padding:0 0 14px 0;
	

}

.hrWhite {
color: #ffffff;
background-color: #ffffff;
height:1px;
width:100%;
border: 0;
text-align:center;
}

.hrGrey{
color: #333333;
background-color:#333333;
height:1px;
width:100%;
border: 0;
text-align:center;
}



/*end of master columns -------------------------------------------------*/




/* LISTS ---------------------------------------------------------------------------------------------------- */
/* Menu Options --------- */

#aboutlist{ padding:0; margin:0; width: 257px; }
#aboutlist li{list-style: none; margin: 0; padding:7px 0 7px 0; border-bottom: 1px solid #1e1e1e; }
#aboutlist li a {text-decoration: none; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#999999;}
#aboutlist li a:hover {text-decoration: none; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#ffffff;}
#aboutlist li.noBorder {border-bottom:none;}

#progresslist{padding:0; margin:0; width: 257px; }
#progresslist li{list-style: none; margin: 0; padding:7px 0 7px 0; border-bottom: 1px solid #1e1e1e; }
#progresslist li a {text-decoration: none; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#999999;;}
#progresslist li a:hover {text-decoration: none; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#ffffff;}
#progresslist li.noBorder {border-bottom:none;}

#elsewherelist{padding:0; margin:0; width: 257px; }
#elsewherelist li{list-style: none; margin: 0; padding:7px 0 7px 0; border-bottom: 1px solid #1e1e1e; }
#elsewherelist li a {text-decoration: none; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#999999;;}
#elsewherelist li a:hover {text-decoration: none; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#ffffff;}
#elsewherelist li.noBorder {border-bottom:none;}


/* MEET THE PERFORMERS STYLE */
#performerTable {width:528px; text-align:justify;}
#performerTable a {text-decoration:none;}

.meetPerformerL {margin:7px 0 0 0; width:261px; height:112px; background-color:#090909; float:left;}
.meetPerformerR {margin:7px 0 0 0; width:261px; height:112px; background-color:#090909; float:right;}

.meetPerformer img {padding:4px; float:left; border:0;}
.meetPerformer a{text-decoration:none;}

 
.meetPerformer h2, pre {padding:7px 0px 0px 3px; margin:0px;}
.meetPerformer h2 {font-size:18px; color:#FFFFFF; font-family:arial; } 


.meetPerformer h3, pre {padding:0px 0px 0px 3px; margin:0px;}
.meetPerformer h3 {font-size:12px; color:#FF0000; font-family:arial; } 



#performerImage{
	position:relative;
	float:left; 
	text-align:left;
	width:200px;
}

#performerText {
	position:relative;
	float:right; 
	width:328px;
	height:100%;
	text-align:left;
}

#textLeft{
	position:relative;
	float:left; 
	text-align:left;
	width:250px;
}
	

#textRight {
	position:relative;
	float:right; 
	width:250px;
	height:100%;
	text-align:left;
}

#galleryLeft{
	position:relative;
	float:left; 
	text-align:left;
	width:185px;
}
	

#galleryRight {
	position:relative;
	float:right; 
	width:335px;
	height:100%;
	text-align:left;
	margin:5px 0 0 0;
}

.videoLeft{
	position:relative;
	float:left; 
	text-align:left;
	width:185px;
}
	

.videoRight {
	position:relative;
	float:right; 
	width:335px;
	height:100%;
	text-align:left;
	margin:5px 0 0 0;
}



#blogLeft{
	position:relative;
	float:left; 
	text-align:left;
	width:120px;
	margin:7px 0 0 0;
}
	

#blogRight {
	position:relative;
	float:right; 
	width:400px;
	height:100%;
	text-align:left;
	margin:0 0 0 0;
}

#blogmenu{padding:7px 0 0 0;}
#blogmenu a:active, #blogmenu a:link, #blogmenu a:visited {color:#999999; text-decoration:none;}
#blogmenu a:hover {color:#999999; text-decoration:underline;}


/* HORIZONTAL RULE STYLE */
 
.todayHr {
color: #e6e7e8;
background-color: #e6e7e8;
height: 1px;
width:93%;
border: 0;
text-align:center;

}

.fullHr {
color:#1e1e1e;
background-color:#1e1e1e;
height: 1px;
width:100%;
border: 0;
text-align:center;
}

.footerHR {
color: #ffffff;
background-color: #ffffff;
height: 1px;
width:100%;
border: 0;
text-align:center;
}


img.floatLeft { 
    float: left; 
    margin:7px 10px 14px 0;
}

/*END OF RULE */



/* FONT STYLES -------------------------------------------------------------------------------------------- */

h1,pre {margin:0px;}

h1 {
	/*position:relative;
	width:auto;
	padding: 10px 7px 10px 7px;
	font-size:12px;*/ 
	background-color:#336ea3;
	color:#FFFFFF;
	}




/* testing out graphics as headers...... */

h1{
	text-indent: -99999999px;

}

h3, pre {padding:7px 0px 0px 0px; margin:0px;}
h3 {font-size:13px; color:#FF0000; font-family:arial; } 

p {padding:7px 0 7px 0; margin:0px; line-height:17px;}

a {color:#FFFFFF; text-decoration:underline;}

.red {color:#FF0000;}

.newsHeaders{padding:0px 7px 0px 0px; margin: 0px;}

.blue {color:#00c6ff;}

.silver{color:#c8c8c8;}

 
/* END OF FONTS  ------------------------------------------------------------------ */