@charset "utf-8";
/* StyleSheet1.css */

<style type="text/css">
body {
	font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
	 }
body { background: #42413C;
     }
body td,p{
	color:#000;
	 }
p {	
   color:#FFF; 
   padding-right: 40px;
   padding-left: 40px;
  
   }
   
body,button,input{
	font-size:24px;
	 }
.footer {
	font: 60%/1.4 Verdana, Arial, Helvetica, sans-serif;
	
	padding: 5px 0;
	background: #CCC49F;
	position: relative;/* this gives IE6 hasLayout to properly clear */
	clear: both; /* this clear property forces the .container to understand where the columns end and contain them */
}

.tab{
	margin-left:300px;
    }

.container {
	width: 960px;
	background: #004040;
	margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout */
    }	
	
/* ~~ The header is not given a width. It will extend the full width of your layout. It contains an image placeholder that should be replaced with your own linked logo. ~~ */
.header {
	
}	
	
	
a img { /* this selector removes the default blue border displayed in some browsers around an image when it is surrounded by a link */
	border: none;
    }
	
a:link {
	color:#0ff;
	text-decoration: underline; /* unless you style your links to look extremely unique, it's best to provide underlines for quick visual identification */
}
a:visited {
	color:#Fff;
	text-decoration: underline;
}
a:hover, a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
	
    color:#ff0;
	text-decoration: underline;
}
	
	
	
</style>