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

/*---------------------------------------------
CreditPower.org

Filename: style.css

Title: Text File for the Educator's Section of CreditPower.org
Author: Travis Austin

License: Copyright 2008, Travis Austin; All Rights Reserved
 Please, no reproduction.

Description: Controls styling for Educator's section

-----------------------------------------------*/



/* 
GLOSSARY

	Colors:
	
		Official Green: #7bc143
		Official Blue: #454e54
		
		Typography Green: #326a36
		Typography Blue: #6b7070
		Typography Grey: #636363
		
		List Secondary: #788895
	
	
	Typefaces:
	
		Logo: Anivers (not included)
		Headline: Helvetica/Arial
		Subhead: Helvetica/Arial
		Paragraph: Georgia
		Caption: Helvetica/Arial, Oblique


*/


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

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}

:focus { outline: 0;}



body {
	text-align: center;
	margin:0;
	padding:0;
	background-color: #eee;
	
	}
 


					
	



#container {
	margin: 10px auto 10px auto;
	padding: 0px 15px 0px 15px;
	text-align: left;
	border: 2px dotted #000;
	display: block;
	width: 800px;
	overflow: visible;
	background-color: #ffffff;
	}
	
	
#game {
	
	height: 601px;
	width: 801px;
	border: 1px solid #aaaaaa;
	background-color: #cccccc;
	
	}	
	
#header {
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 800px;
	height: 90px;
	background-color: #FFFFFF;
	vertical-align: text-top;
		}
		
		#headerBottom {
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 0px 0px;
	width: 800px;
	height: 30px;
	background-color: #FFFFFF;
	vertical-align: text-top;
	
	 }
			

	



		
			
	
	
	
#headerSurrogate {   /* Provides Accessibility: 
					Without the sheet, this will appear in replacement 
					of the image of the logo on top*/	
					
	position: absolute; left:-5000px; top:-1000px;
	}
	
		
		

#nav {
	margin: 0px 0px 0px 0px;
	padding: 15px 15px 0px 15px;
	width: 800px;
	height: 25px;
/*	border-bottom: 1px solid #bbbbbb; */
	background-color: #fff;
		}		
		
		
#navCell, #navCell2, #navCell3, #navCell4 {
	width: 200px;
	height:25px;
	}		
		
		
		
#col {							/*Contains the content below #nav */
	background-color:#fff;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	text-align: left;
	width: 800px;
	float: left;
		}	
	
	
#col_nav {
	background-color:#ffffff;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: left;
	width: 215px;
	border-right: #636363 1px;
	float: left;
	overflow: auto;
	padding: 10px 0px 0px 15px;
	background-repeat: repeat-x;
	border-bottom: 1px solid #bbbbbb;
		}	
	
	
#col_content {
	margin: 0px 0px 0px 0px;
	padding: 10px 10px 10px 23px;
	text-align: left;
	background-color: #fff;
	width: 565px;
	float: right;
	border-left: 1px solid #bbbbbb;
	background-repeat: repeat-x;
		}
	
	
	
#footer {
	padding: 5px 0px 0px 10px;
	margin: 0;
	width: 800px;
	clear: both;
	text-align: center;
	background-color: #ffffff;
	}
	

	






/*Basics*/ 
 
 
	
	
		* { margin: 0; 	padding: 0; }
	
		:focus { outline: 0;}
	
		body {
		background: #fff; }
		
	
	
	 
		p 	{margin: 0px; padding: 0px; max-width: 100%}
		
		img 		{margin: 0px; padding: 0px; border: 0px;}
		
		:focus		{outline: none;}
		
		.clear {
		clear: both; }
	
		.right {
		float: right; }
	
		.left {
		float: left; }
	
		hr, .hide {
		display: none; }
		
	


/* Typography */

body {
	font-size: 70%; /* Resets 1em to 10px*/
	font-family: Arial, Helvetica, sans-serif;
	}
	

p {
	font-family: Georgia, "Times New Roman", Times, serif;
	text-decoration: none;
	color: #636363;
	font-size: 1.2em;
	line-height: 1.4em;
	margin: 0;
	}	
	
	
p.footer {
	font-family: Helvetica, Arial, sans-serif;
	text-decoration: none;
	color: #636363;
	font-size: 1em;
	line-height: 1.3em;
	margin: 0;
	}	
	


p.green {
	color: #326a36;
	}	

	
h1 {
	font-family: Helvetica, Arial, sans-serif;
	font-weight: 100;
	text-decoration: underline;
	color: #3a454e;
	font-size: 3.25em;
	margin: 0;
	letter-spacing: -1px;
	padding-bottom: 10px;
	}
	
	
h2 {
	font-family: Helvetica, Arial, sans-serif;
	font-weight: 100;
	line-height: 1.3em;
	text-decoration: none;
	color: #636363;
	font-size: 1.5em;
	margin: 10px 0px 0px 1px;
	}
	
	
	
h2.green {
	color: #326a36;
	}
		
	
	
	
h3 {	}




/* Listing */


ul {

	margin: 0px;
	list-style:none;
	
	}



li {

margin: 0px 0px 0px 5px; padding: 0px;

}


ul li {
	color: #3a454e;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 1.1em;	
	margin:0;
	padding:0;
	margin-top:0;
	padding-top: 0px;
	padding-bottom: 3px;
	list-style:none;
	line-height: 1.5em;	
	}

ul li ul{
	

	font-size: 0.9em;
	margin:0;
	padding:0;
	margin-top:0;
	margin-left: 10px;
	padding-top:1px;
	padding-bottom:3px;
	list-style:none;
	line-height: 1.0em;
	font-weight: bold;
	}
	
/*	
ul li ul li:before {
	content:"/2192 \0020";
	}	
	*/
	
ul li ul li{
		
	color: #3a454e;
	font-size: 1em;
	margin:0;
	padding:0;
	margin-top:0;
	line-height: 1.8em;
	font-weight: bold;
	
}


ul li ul li ul li {

	color: #333333;
	font-size: 1em;
	margin:0;
	padding:0;
	margin-top:0;
	margin-left: 10px;
	line-height: 1.8em;
	font-weight: bold;

}



/* Linking */


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

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

a:hover {
	background-color: #fff;
	color: #666666;
	text-decoration: underline;
	}
	
a:active {
	color: #000000;
	text-decoration: underline;

	}
	
a.colored {text-decoration:underline
	;color:#000;}
						
						
#col_content a:link,#col_content a:visited, #col_content a:hover,#col_content a:active {
	text-decoration: underline;							
	}