body {
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #a0e396;
}

#outside_container {
	background-image: url(cs10_pattern_new.jpg);
	background-repeat: repeat-x;
	background-color: #FFFFFF;
}
#container {
	background-image: url(cs10_header_new2.jpg);
	background-repeat: no-repeat;
	width: 895px;
	margin-right: auto;
	margin-left: auto;
}

h3 {
	color: #287e17;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0;
	line-height: 0;
	zoom: 1;
}

/*
	Menu
*/

ul#top {
	background-color: #000000; 
	text-transform: uppercase;
	clear:both; 
	height: 25px;
	width: 250px;
	float: right;
	margin: 0 10px 0 0;
	padding: 0;
	text-align: right;
}


ul#top li {
	display: inline;
	font-size: 12px;
	top: 3px;
	position:relative;
	margin-right: 25px;
}

ul#top li a {
	color: #fff;
	font-size: 12px;
	padding: 0;
	top: 3px;
	
	text-decoration: none;
	
}

ul#top li a:hover, #top .selected {
	color: #fff;
	font-size: 12px;
	top: 3px;
}

ul#menu {
	margin:0px;
	padding:0px;
	position:absolute;
	top:190px;
	left:auto;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: normal;
	padding: 6px 0 5px 0; /*6px should equal top padding of "ul li a" below, 7px should equal bottom padding + bottom border of "ul li a" below*/
	margin: 0;
	text-align: left;
	bottom: auto;
	width: 650px;
}

ul#menu li {
	display: inline;
}

ul#menu li a {
	color: #000000;
	padding: 6px 3px 2px 3px; /*top padding is 6px, bottom padding is 4px*/
	margin-right: 18px; /*spacing between each menu link*/
	text-decoration: none;
	
}

ul#menu li a:hover, #menu .selected {
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #E5007D;
}

/*
	Content
*/

.lineup {
	padding:0;
	list-style: none;
}

#content {
	padding-top:260px;
	padding-left:0px;
	width:895px;
	color:#7a7068;
	font-size:12px;
	line-height:18px;
	text-align: left;
	padding-bottom: 30px;
}
.column1 {
	float:left;
	width:450px;
	margin-right:30px;
}
.column2 { float:left; width:274px; margin-right:30px; }
.column3 { float:left; width:410px; }
.column4 {
	float:left;
	width:260px;
	margin-right:30px;
}
.column5 { float:left; width:274px; }

.column6 { float:left; width:564px; margin-right:30px; }

.column7 { float:left; width:868px; text-align:left}
.column8 { float:left; width:274px; }


.columnleft {
	float:left;
	width:400px;
	margin-right:30px;}


.columnmiddle {
	float:left;
	width:217px;
	margin-right:30px;}
	
.columnright {
	float:left;
	width:217px;
	}


#content h2 {
	font-family:Arial, Helvetica, sans-serif;
	color:#E5007D;
	margin:0px 0px 10px 0px;
	font-weight:normal;
	letter-spacing: 2px;
}
	
#content h4 {
	font-family: Arial, Helvetica, sans-serif;
	color:#2e2c2a;
	margin:0px 0px 5px 0px;
	font-weight:bold;
}

/*
	artist

*/

.column_artist {
	float:left;
	width:580px;
	padding-bottom: 30px;
}

.artist {
	background-position: left top;
	background-repeat: no-repeat;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #b8dfe6;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
}

.artist h3 {
	padding: 0;
	color: #287e17;
}

img.photo {
	float:left;
	margin-right:10px;
}

img.vj {
	margin-right:10px;
}
.artist_text {
	background-position: left top;
	background-repeat: no-repeat;
	padding-top: 0px;
	float: right;
	width: 318px;
	font-size: 12px;
	line-height: 18px;
}

.artist_text h3 {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}

#right {
	padding-top: 6px;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
}


/*
	Footer
*/

ul#footer {
	color:#00000;
	font-size:10px;
	text-align: left;
	width: 895px;
	height: 85px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 2px;
	padding-right: 0;
	padding-left: 0;
	text-transform: uppercase;
}


ul#footer li {
	display: inline;
	margin-right: 25px;
}

ul#footer li a {
	color: #000;
	text-decoration: none;
	
}

ul#footer li a:hover, #footer .selected {
	color: #000;
}


#content a {
	color: #E5007D;
}




/*** set the width and height to match your images **/

#slideshow {
   float:left;
	width:450px;
	margin-right:30px;
}

#slideshow DIV {
     float:left;
	width:450px;
	margin-right:30px;
    z-index:8;
    opacity:0.0;
    background-color: #FFF;
}

#slideshow DIV.active {
    z-index:10;
    opacity:1.0;
}

#slideshow DIV.last-active {
    z-index:9;
}

#slideshow DIV IMG {
    display: block;
    border: 0;
    margin-bottom: 10px;
}