@charset "utf-8";
/* CSS Document */

body {
	background-color:#000000;
	font-size:12px;
	color:#ffffff;
	font-family:Verdana;
	margin:0px;
	}
	
a.link {
	color:#ffffff;
	text-decoration:none;
}

.Eventbold {
	font-weight:bold;
	font-size:14px;
}

.EventDate {
	font-weight:bold;
	font-size:14px;
	text-decoration:underline;
}

#page {
	width:100%; 
	text-align:center;
	}
	
#design {
	margin-left:auto;
	margin-right:auto;
	width:1100px;
	text-align:left;
	}

#header {
	width:1000px;
	float:left;
	z-index:4;
	overflow:visible;
	}

	#logo {
		float:left;
		width:300px;
		height:86px;
		z-index:5;
		position:relative;
		}

	#search {
		float:left;
		width:600px;
		text-align:center;
		margin:15px 0px;
		}

#leftColumn {
	float:left;
	width:690px;
	margin-top:-15px;
}

	#leftColumn a:link {
		text-decoration:none;
		color:#ffffff;
	}
	
	#leftColumn a:visited {
		text-decoration:none;
		color:#FFFFFF;
	}

#footer {
	width:690px;
	float:right;
	text-align:center;
	font-size:12px;
	line-height:100%;
	color:#0099FF;
	margin-top:20px;
}

#rightColumn {
	float:left;
	width:300px;
	margin-right:10px;
	margin-top:-15px;
	background-color:#6E6F77;
	color:#FFFFFF;
}

#logo {
	width:198px;
	height:200px;
	margin-left:45px;
	text-align:center;
}

#wrapperInterior {
	float:left;
	width:690px;
	margin-top:-25px;
	z-index:3;
	}

#boxMiddleInterior {
	float:left;
	background-color:#000000;
	position:relative;
	width:690px;
	color:#ffffff;
	margin-top:50px;
	margin-left:10px;
	font-size:12px;
	}

#wrapperLeft {
	float:left;
	width:210px;
	margin:3px 3px 3px 3px;
}

#BoxLeftTop {
	background-image:url(/images/disc-jockey.png);
	width:210px;
	height:109px;
}

#BoxLeftMid {
	background-image:url(/images/middle.png);
	width:210px;
	line-height:300%;
}
	

#BoxLeftBot {
	background-image:url(/images/bottom.png);
	width:210px;
	height:66px;
}

#wrapperMid {
	float:left;
	width:210px;
	margin:3px 3px 3px 25px;
}

#BoxMidTop {
	background-image:url(/images/karaoke.png);
	width:210px;
	height:109px;
}

#BoxMidMid {
	background-image:url(/images/middle.png);
	width:210px;
	line-height:300%;
}

#BoxMidBot {
	background-image:url(/images/bottom.png);
	width:210px;
	height:66px;
}

#wrapperRight {
	float:right;
	width:210px;
	margin:3px 3px 3px 3px;
}

#BoxRightTop {
	background-image:url(/images/Trivia.png);
	width:210px;
	height:109px;
}

#BoxRightMid {
	background-image:url(/images/middle.png);
	width:210px;
	line-height:300%;
}

#BoxRightBot {
	background-image:url(/images/bottom.png);
	width:210px;
	height:66px;
}

#boxMiddle {
	float:left;
	/*background-image:url(/images/djTop.jpg) no-repeat center;*/
	position:relative;
	width:248px;
	}
	
	#boxMiddle h1 {
		padding-left:15px;
		padding-right:10px;
		font-size:24px;
		font-weight:normal;
		}
	
	#boxMiddle p {
		padding-left:15px;
		padding-right:10px;
		font-weight:300;
		font-size:14px;
		}
	
	#boxMiddle hr {
		margin-top:-20px;
		}
		
	#boxMiddle a:link {
		text-decoration:none;		
		color:#ffffff;
		}
		
	#boxMiddle a:active {
		text-decoration:none;
		color:#ffffff;
		}
			
	#boxMiddle a:visited {
		text-decoration:none;
		color:#a5a5a5;
		}
			
	#boxMiddle a:hover {
		text-decoration:none;
		color:#ff7257;
		}

#CenterTop {
	background-image:url(/images/centerTop.jpg);
	width:650px;
	height:32px;
}

#CenterMid {
	background-image:url(/images/centerMid.jpg);
	width:650px;
}

#CenterBot {
	background-image:url(/images/centerBot.jpg);
	width:650px;
	height:32px;
}

#rightTop {
	background-image:url(/images/navbordertop.jpg);
	width:300px;
	height:41px;
}

#rightMid {
	background-image:url(/images/navborder.jpg);
	width:300px;
}

#rightBot {
	background-image:url(/images/navborderbot.jpg);
	width:300px;
	height:41px;
}
	
#ChangePic {
	width:710px;
	display:block;
	text-align:center;
}

#niftyM{ margin:0; background:#000000;}
	b.rtopM, b.rbottomM{display:block;background:#4c4d4e; width:248px;}
	b.rtopM b, b.rbottomM b{display:block;height:1px; overflow:hidden; background:#061222;}
	b.rtopM b.r4, b.rbottomM b.r4{margin:0 1px;height:2px;} 

.Bold {
	font-weight:bold;
}

.Label {
	color:#a5a5a5;
	font-size:13px;
	font-weight:bold;
}

.Label2 {
	color:#000000;
	font-size:13px;
	font-weight:bold;
}

.salmon {
	color:#ff7257;
}

.salmonBold {
	color:#ff7257;
	font-weight:bold;
}

.sectionHead {
	color:#ff7257;
	font-weight:bold;
	font-size:14px;
	text-align:center;
}


/* random charts & information */

#randomFacts {
	width:200px;
	color:#9da713;
	text-align:center;
	margin-left:50px;
	}
		
	#randomFacts a:link {
		text-decoration:none;
		color:#9da713;		
		}
		
	#randomFacts a:active {
		text-decoration:none;
		color:#9da713;
		}
			
	#randomFacts a:visited {
		text-decoration:none;
		color:#a5a5a5;
		}
			
	#randomFacts a:hover {
		text-decoration:none;
		color:#ff7257;
		}
	
	#randomFacts h4 {
		color:#ffffff;
		font-size:14px;
		}
		
	#AppearTop {
	background-image:url(/images/AppearTop.png);
	width:200px;
	height:95px;
	}
	
	#AppearMid {
		background-image:url(/images/AppearMid.png);
		width:200px;
		color:#FFFFFF;
	}
	
	#AppearBot {
		background-image:url(/images/AppearBot.png);
		width:200px;
		height:43px;
	}

/* accordion */

#accordionWrapper {
	width:200px;
	margin-bottom:20px;
	margin-left:50px;
	float:left;
	height:55%;
	overflow:hidden;
	line-height:100%;
	}
	
	*+html #accordionWrapper {margin-bottom:29px;}

	.arrowlistmenu{
		width:200px; /*width of accordion menu*/
		margin-left:-15px;
		}
	
	.arrowlistmenu .menuheader{/*CSS class for menu headers in general (expanding or not!)*/
		color:#003399;
		background:url(/images/navwrapper.jpg) no-repeat center left;
		background-position:center;
		height:20px;
		font-size:16px;
		text-transform:uppercase;
		font-weight:bold;
		cursor:pointer;
		padding:10px 0px 6px 50px; /*header text is indented 50px*/
		margin:10px 10px 10px 10px;
		overflow:visible;
		}
	
	.arrowlistmenu h3{/*CSS for p of each sub menu*/
		margin-left:10px;
		/*background:url(arrowbullet.png) no-repeat center left; custom bullet list image*/
		text-decoration:none;
		line-height:100%;
		width:170px;
		}
	
	
	.arrowlistmenu .menuYourGov{/*CSS class for menu headers in general (expanding or not!)*/
		height:15px;
		padding:2px 0px 2px 0px; /*header text is indented 4px*/
		}
	
	.arrowlistmenu p{/*CSS for p of each sub menu*/
		margin-left:50px;
		/*background:url(arrowbullet.png) no-repeat center left; custom bullet list image*/
		text-decoration:none;
		line-height:100%;
		width:170px;
		}
	
	.arrowlistmenu ul{/*CSS for UL of each sub menu*/
		list-style-type:none;
		}
	
	.arrowlistmenu p a{/*background:url(arrowbullet.png) no-repeat center left; custom bullet list image*/
		text-decoration:none;
		line-height:150%;
		color:#FFFFFF;
		font-size:14px;
		}
		

#pscroller1{
width: 130px;
height: 130px;
/*border: 1px solid black;*/
background-color: #060808;
margin:0px 0px 0px 40px;
}

#pscroller2 a{
text-decoration: none;
}

.someclass{ //class to apply to your scroller(s) if desired
}