	<!--
BODY {
	scrollbar-face-color: #C9C8B4;
	scrollbar-shadow-color: #D8CCB8;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-3dlight-color: #3399cc;
	scrollbar-darkshadow-color: #333333;
	scrollbar-track-color: #C9C8B4;
	scrollbar-arrow-color: #FFD700;
	}
-->
body{
	background-color: #C9C8B4;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	background-image: url("../../css-graphics/fade_slice_top.jpg");
	background-position: top;
	background-repeat: repeat-x;
	z-index: 1;
} 
.hyper {
	display: block;  
	width: 400px;
   float: left;         
 	}

a.title:link,   
a.title:visited,   
a.title:active {
background-color: #008080;  
border: groove 2px #C9C8B4;    /*makes a solid border around the link 2px wide*/
color: white;  
 font-size: 10pt;   
 display: block;               
float: left;    

padding: 2px;    
text-align: center;    
text-decoration: none;    
width: 50pt;
}

a.title:hover {
	background: #A5BB9F;
	color: white;
	font-style: italic;
	font-size: 10pt; 
	 }
 /*code for the new popups*/
 
.links a span { /*This hides the text before the hover turns it on*/
display: none;
}

.links a:hover span { /*set out the style of the hover text*/

font-size: 10pt;
/*background: #C9C8B4;*/
	color: #008080;
display: block;
position: absolute; 
top: 3px; 
left: 40px; 
width: 540px;
  
font-style: normal;
text-align: left;  
padding: 5px; 
}

/*columns */

#main1 {
		margin:0; padding:0;
	
		}
	#main2 {
		margin:0; padding:0;
		
		}
	#left {
		float:left;
		width:500px;
		margin:0px; 		
					}
		
	#right {
		float:right;
		width:230px;
		margin:0; 
							}
	/*#middle {
	margin: 0 230px;
	padding-left: 10px;
	padding-right: 10px;
	background: #E7E6DD;
}
*/
		
	.column-in {
		margin:0px; 
		padding:0.5em 1em;
		}
	.cleaner {
		clear:both;
		height:1px;
		font-size:1%;
		border:none;
		margin:0px; padding:0px;
		background:transparent;
		}
		/*boxes*/

.pale-box{
	/*font-size: 80%; */
	padding: 5px;
	background: #FFFFF0;
	text-align: center;
	
}
.vidbox{
	font-size: 80%;
	text-align: center;
	padding: 5px; /*	
	margin: 15px;
	width: 40%;
	vertical-align: top;*/
	background: #FFFFF0;

}

.subheading{
	color: #008080;
	display: block;
	font-size: 80%;
	/*font-variant: small-caps;
	font-weight: bold; 
	margin-right: 40%*/
	padding-left: 5px;
}


.heading2{
	color: #A3A3A3;
}
	
.game{
	background-color: #D9ECFF;
	
	padding: 5px;
	text-align: center;
}