body{
	background-image: url(css-graphics/fade_slice_top1.jpg);
	background-position: top;
	background-repeat: repeat-x;
	z-index: 1;
} 


.index-title {
	color: #008080;
	font-weight: bold;
	font-family: Arial;
	font-size: 250%;
	margin-top: 5px;
	padding: 0px;
	text-align: center;
}
.sub-title {
	color: #008080;
	font-style: italic;
	font-weight: bold;
	font-size: 90%;
	position: absolute;
	left: 20px;
	top: 5px;
}
.indexhyper {
	width: 300px;
   position: absolute;
	left: 150px;
	top: 150px;         
 	}
	
	
a.index:link,   
a.index:visited,   
a.index:active {
background-color: #008080;  
border: groove 2px #C9C8B4;    /*makes a solid border around the link 2px wide*/
color: white;  
font-size: 10pt;     
float: left;    
padding: 2px;    
text-align: center;    
text-decoration: none;    
width: 50pt;
}

a.index:hover {
	background: #A5BB9F;
	color: white;
	font-style: italic;
	font-size: 10pt; 
	 }
 /*code for the new popups*/
 
.indexlinks a span { /*This hides the text before the hover turns it on*/
display: none;
}

.indexlinks a:hover span {/*set out the style of the hover text*/
	font-size: 10pt;
	color: #FFFFF0;
	display: block;
	position: absolute;
	top: -30px;
	left: 40px;
	width: 540px;
	font-style: normal;
	text-align: left;
	padding: 5px;
}






	
	/*END OF TITLE CODE*/
.mboard {
	color: #008080;
	display: block;
	font-variant: small-caps;
	font-weight: bold;
	font-size: 200%
	
}
.mboard-small {
	color: #008080;
	display: block;
		font-variant: small-caps; /*font-weight: bold;*/
	font-size: 120%;
	padding-left: 7px;
	padding-right: 7px;
}

.h2normal{
	font-size: 80%
}
.note{
	font-size: 70%;
	margin-left: 15px;
	border: thin groove;
	padding: 2px;
	text-align: right;
	padding-right: 5px;
	
}
.noteleft{
	/*font-size: 80%; */
	margin-left: 1px;
	border: thin groove;
	padding: 2px;
		padding-left: 9px;
	
}
.noteleft-color{
	/*font-size: 80%; */
	margin-left: 1px;
	border: thin groove;
	padding: 2px;
	padding-left: 9px;
	background: #EDE7DD;
}
.notefull{
	/*font-size: 80%;*/
	margin: 10px;
	border: thin groove;
	padding: 20px;
	background:#D8CCB8;	}
	
.noteplain{
	/*font-size: 80%;*/
	
	border: thin groove;
	padding: 2px;
	
}
.index_noteplainbg{
	padding: 10px;
	background: #E0FFFF;
	width: 70%;
	background-position: center;
	margin-left: 10px;
}
.index_notenew{
	/*background-color: #FFFFF0;*/
	padding: 2px;
}
.index_subheading{
	color: #008080;
	font-weight: bold;
	padding-left: 10px;
	background-color: #FFFFE0;
	font-size: 95%;
	font-family: Arial;
	padding-right: 5px;
}

.OurGame1 {
	color: #008080;
	font-style: italic;
	font-weight: bold;
	font-size: 50%;
	margin-right: 40%
}
.index_heading1 {
	background-color: #008080;
	color: #FFFFFF;
	font-variant: normal;
	padding-left: 10px;
	padding-right: 5px;
	width: 90%;
	font-size: 100%;
	
	font-weight: bold;
}

.ajax_h2 {
	background-color: #008080;
	color: #FAFAD2;
	font-variant: normal;
	padding-left: 10px;
	padding-right: 5px;
	width: 90%;
	font-size: 90%;
	font-weight: bold;
	cursor: pointer;
}
.squeeze{
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 20px;
	padding-left: 20px;
	padding-right: 20px;
}

.headinggreen {
	color: Teal;
	font-variant: normal;
	text-decoration: none; /*height: 16px;
	*/
	padding-left: 10px;
	padding-right: 10px;
	width: 100%;
	font-size: 60%;
}

.smallpic{
	float: right;
	
}

		#left {
		float:left;
		width:230px;
		margin:0px; 		
		
			}
		
	#right {
		float:right;
		width:230px;
		margin:0; 
		padding:0;

							}
	#index_middle {
	margin: 0 230px;
	padding-left: 10px;
	padding-right: 10px;
	background: #E7E6DD;
	text-align: left;
}
		
	.column-in {
		margin:0px; 
		padding:0.5em 1em;
		}
	.cleaner {
		clear:both;
		height:1px;
		font-size:1%;
		border:none;
		margin:0px; padding:0px;
		background:transparent;
		}
	
	.index_note2{
	background-color: #FFFFF0;
	padding: 5px;
	background: #E7E6DD;
}	
.small{ /*not used */
	background-color: #FF7373;
	color: #F0FFF0;
	font-family: Verdana;
	font-weight: bold;
	padding-left: 5px;
	padding-right: 5px;
	font-size: 8px;
	display: inline;
	float: left;
	width: 50px;
	/*text-align: center;
	line-height: 10px;
	vertical-align: text-bottom;*/
}