@charset "utf-8";
/* CSS Document */



body   { 
	background-color:#444444;
	background-image:url(images/gradient.jpg); background-repeat:repeat-x;    
	margin: 0 0 0 0;
	text-align:center;    /*works w content -> text-align:left; to center content in IE 5*/ 
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#dfe8b6;
}

#top {		/* grey bar across top of page */ 
	position: relative;
	width: 100%;
	height:150px;
	background-color:#444444;
}


#content {
	margin: 0 auto;  /* left & right auto margins centers fixed width content box in all other browsers */ 
	position: relative;
	width:822px;
	min-height:1150px;
	text-align: left;  /*works w body -> text-align:center; to center content in IE 5*/
	background-color:#000000;
}

#nav {
	width:100%;  
	height: 25px;  
	COLOR: #b8ca64; 
	FONT: 16px arial, verdana, sans-serif; 	
}

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

#nav li {display:inline; padding-left:20px; padding-right:20px; }


#turntable { /*had trouble positioning this (flash) div, so it's "positioned" with line breaks in the HTML*/
	background-color:#000000;
	width:100%;
	text-align:center;
}


#slipmat { 
	position: absolute;
	width:241px;
	height:289px;
	left: 290px;
	top: 800px;
	z-index:2;
}


#bottom { 
	width:100%;
	z-index:2;
	background-color:#333333;
	background-image:url(images/bottom.jpg); background-repeat:repeat-x;	
}


.text  { 
	COLOR: #f5f5f5; 
	FONT: 12px arial, verdana, sans-serif; 
}


.textSmall {
	FONT: 11px arial, verdana, sans-serif; 
	color: #999999;
}

.textBig {
 	font-size: 20pt; 
	font-family: Geneva, Arial, Helvetica, sans-serif; 
	color: #d6d6d6;
}

.textHuge {
 	font-size: 35pt; 
	font-family: Geneva, Arial, Helvetica, sans-serif; 
	color: #b8ca64;
}


 /* PAGE LINK COLORS */

a:link		{ color: #b8ca64; text-decoration: none; }

a:visited	{ color: #b8ca64; text-decoration: none; }

a:hover		{ color: #d9160a; text-decoration: none; }