﻿	<!--
BODY {
	scrollbar-face-color: #C9C8B4;
	scrollbar-shadow-color: #D8CCB8;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-3dlight-color: #3399cc;
	scrollbar-darkshadow-color: #333333;
	scrollbar-track-color: #ffffff;
	scrollbar-arrow-color: #FFD700;
	
}
-->

body{
	/*background-color: #C9C8B4;*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	background-color: #EDE7DD;
}

.all-white{
	background-color: White;
}

	#header {
	margin: 5px;
	padding: 0; /*background:#D8CCB8; */
	background-image: url('more_images/geekssmall.jpg');
	background-repeat: no-repeat;
	background-position: right top;
	z-index: auto;
}
	
	#header-nologo { /*for War page*/
	margin: 5px;
	padding: 0; 
	}
	
	
	
	#main1 {
		margin:0; padding:0;
	
		}
	#main2 {
		margin:0; padding:0;
		
		}
	#left {
		float:left;
		width:87px;
		margin:0px; 		
		background-image: url('Images/slice.jpg');
	background-repeat: repeat-y;	
	background: White;
		}
		
	#right {
		float:right;
		width:105px;
		margin:0; 
		padding:0;
		background: White;
							}
	#middle {
	margin: 0 230px;
	padding-left: 10px;
	padding-right: 10px;
	background: White;
	width: 618px;
}
		
	.column-in {
		margin:0px; 
		padding:0.5em 1em;
		}
	.cleaner {
		clear:both;
		height:1px;
		font-size:1%;
		border:none;
		margin:0px; padding:0px;
		background:transparent;
		}
		
	h1, h2, h3, h4 { margin: 0.2em 0px }
	p { margin: 0.5em 0px }

	
	.copy { text-align:center; font-size:80% }

/*MY STUFF*/

ul {
list-style-image:url('white.gif');
margin-top: -2px;

}

li {
	
	margin-right: 5pt;
	margin-left: -15pt;
	line-height: 140%;
	font-size: 90%;
}


.box {
	padding: 3px 1px 1px 3px; /*Padding == the space between the line border and the content*/
	margin: 1pt 1pt 1pt 1pt; /*Margin == the space between the line border and the outside*/
	display: block; /*background: #E0d090;*/
	border: 2pt groove #0033dd;
}

a:link {
/*color: #ff6633;*/
Text-decoration: none;

}

a:visited {
color: red;
Text-decoration: none;
}

a:active {
color: yellow;
Text-decoration: none;
}


a:hover {
color: #ff6633;
Text-decoration: none;
}

.heading {
	
	
	color: #008080;
	font-variant: normal;
	/*text-decoration: none;
	height: 16px;
	
	*/
	background-color: #008080;
	padding-left: 10px; 
	padding-right: 10px; 
	

	
	width: 100%;
}
.heading1 {
	/*background-color: #008080;*/
	color: #008080;
	font-variant: normal;
	text-decoration: none;
	/*height: 16px;
	*/
	padding-left: 10px; 
	padding-right: 10px; 
	width: 100%;
	/*font-size: 60%;*/

}

td {
/*color: #800040;*/
	text-indent: 5px;
	vertical-align: top;
	text-align: left;

}
/*CODE FOR THE NEW SUCU HEADING*/
.hyper {
	display: block;  
	width: 400px;
            
 	}

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; 
}

.OurName {
	color: #008080;
	display: block;
	background-image: url('Images/vslice.jpg');
	background-position: center 50%;
	background-repeat: repeat-x;
	font-variant: small-caps;
	font-weight: bold;
	font-size: 250%;
	margin-right: 40%;
	padding-left: 20px;
}

.OurName-full { /*for war page*/
	color: #008080;
	display: block;
	background-image: url('Images/vslice.jpg');
	background-position: center 50%;
	background-repeat: repeat-x;
	font-variant: small-caps;
	font-weight: bold;
	font-size: 250%;
	padding-left: 20px;
	/*margin-right: 50%*/
}

.OurGame {
	color: #0033dd;
	font-style: italic;
	font-weight: bold;
	font-size: 90%;
}
	
	/*END OF TITLE CODE*/
.mboard {
	color: #008080;
	display: block;
	background-image: url('Images/vslice.jpg');
	background-position: center 50%;
	background-repeat: repeat-x;
	font-variant: small-caps;
	font-weight: bold;
	font-size: 200%
	
}

.h2normal{
	font-size: 80%
}
.note{
	font-size: 70%;
	margin-left: 15px;
	border: thin groove;
	padding: 2px;
	text-align: right;
	padding-right: 5px;
	background-image: url('Images/vslice.jpg');
	background-position: center;
	background-repeat: repeat-x;
}
.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;
	
}
.noteplainbg{
	border: thin groove;
	padding: 3px;
	background: #FAEBD7;
}
.notenew{
	border: thin groove;
	padding: 2px;
	/*background-image: url('Images/slice.jpg');
	background-position:    center 50%;
	background-repeat: repeat-y;	*/
	}
.subheading{
	color: #008080;
	display: block;
	background-image: url('Images/vslice.jpg');
	background-position: center 50%;
	background-repeat: repeat-x;
	font-variant: small-caps;
	font-weight: bold; /*font-size: 110%;
	margin-right: 40%*/
	padding-left: 5px;
}

.OurGame1 {
	color: #008080;
	font-style: italic;
	font-weight: bold;
	font-size: 50%;
	margin-right: 40%
}



