/* Defines the Font Family for the page and gives the page height of 100% */
	html body {
		font-family: Arial, Helvetica, sans-serif;
		height: 100%;
		color:#000000;
		
	}
		html body a{
		font-family: Arial, Helvetica, sans-serif;
		height: 100%;
		color:#000000;
		}
		html body a:hover{
		font-weight: bold;
		font-family: Arial, Helvetica, sans-serif;
		height: 100%;
		color:#000000;
		}
		html body a:visited{
		font-family: Arial, Helvetica, sans-serif;
		height: 100%;
		color:#000000;
		}
		
	/* Container which centers everything inside of it */
	#container {
		width: 100%;
		margin: 0 auto;
		padding: 0;
		height: 100%;
	}
	/* Defines the width for the divs: header, content footer. Centers their content also */
	#header, #content, #footer {
		width: 800px;
		margin: 0 auto;
		padding: 0;
	}
	/* Defines the width of the 3 columns, centers their content */
	#content .columns {
		float: left;
		width: 33%;
		margin: 0 auto;
		padding: 0;
		text-align: center;
	}
	#content .columns ul {
		margin: 0;
		padding: 0;
	}
	/* Defines margins to the li elements, formats their style by removing the bullets which usually show up */
	#content .columns ul li {
		margin: 5px 10px;
		padding: 0;
		list-style: none;
		float: left;
		clear: left;
		display: inline;
	}
	/* Defines that img elements inside of li elements are to be floated to the left */
	#content .columns ul li img {
		float: left;
		border:thin black;
	}
	/* Defines the attribues of the text area inside the span element, sets its font size and margins */
	#content .columns ul li span {
		margin: 0 10px;
		padding: 0;
		float: left;
		display: block;
		font-size: 12px;
		width: 100px;
	}
	/* IE HACK */
	* html #content .columns ul li span {
		margin: 0 5px;
	}
	/* Defines the color for the anchor tags in the spans */
	#content .columns ul li span a {
		color: #333333;
	}
	/* Clears the floats from the divs class columns from above */
	#footer {
		clear: both;
	}
	/* Centers the text */
	#footer p {
		text-align: center;
	}
	/* Defines link colors inside the paragraph tags in the footer div */
	#footer p a {
		color: #333333;
	}
	/* Defines the size of the text in the paragraph element with id footer_nav */
	#footer p#footer_nav {
		font-size: 12px;
	}
	/* Defines the size of the text in the paragraph element with id downlods */
	#footer p#downloads {
		font-size: 11px;
	}
	
	/*to change a specific part add this code to individua page header: <style type="text/css">
#content .column { width: 20% !important; }
</style>*/