/* Generic Selectors */ 

p  	{
	font-family: Calibri, Verdana, "Times New Roman";
	font-size: 13px;
	font-weight: bold; 
	color: #000000;	
		} 
h1 	{ 

	font-family: Calibri, Georgia, "Times New Roman"; 

	font-weight: bold; 
	
	font-size: 18px; 

	color: #6666DD; 

		} 

h2 	{ 

	font-family: Calibri, Georgia, "Times New Roman",; 

	font-size: 14px; 

	font-weight: bold; 

	color: #0000FF; 

		} 

 
h3 	{ 

	font-family: Calibri, Georgia, "Times New Roman",; 

	font-size: 13px; 

	font-weight: bold; 

	color: #DD33AA; 

		} 

/**************** Pseudo classes ****************/ 

a:link { 

color: #0000CC; 

text-decoration: none; 

font-weight: bold; 

} 

li :link { 

color: #00CC00; 

text-decoration: none; 

font-weight: bold; 

} 

a:visited { 

color: #00CC00; 

text-decoration: underline; 

font-weight: bold; 

} 

li a:visited { 

color: #00CC00; 

text-decoration: none; 

font-weight: bold; 

} 

a:hover { 

color: rgb(0, 96, 255); 

padding-bottom: 5px; 

font-weight: bold; 

text-decoration: underline; 

} 

li a:hover { 

display: block; 

color: rgb(0, 96, 255); 

padding-bottom: 5px; 

font-weight: bold; 

border-bottom-width: 1px; 

border-bottom-style: solid; 

border-bottom-color: #C6EC8C; 

} 

a:active { 

color: rgb(255, 0, 102); 

font-weight: bold; 

} 

/************************* ID's *************************/ 

#mainWrapper {   
	
	width: 90%;
	position: relative;
	background-color:#E9FACB;   
	padding: 0px;
	left: 5%;   
   	<strong>margin-left: -5%;</strong>  
	background-color:#E9FACB;
		}
#gameWrapper {   
	width: 100%;
	position: relative;
	background-color:#E9FACB;   
	padding: 0px;
	left: 0;   
   	<strong>margin-left: -50%;</strong>  
	background-color:#E9FACB;
		}
#gameleft {   
   	width: 30%;
	float: left;
	position: relative;   
   	background: #E9FACB;
	left: 0%;
	right: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 10px;   
	padding-bottom: 10px;  
		}   
#gameright {   
   	width: 68%;
	float: right;
	position: relative;   
   	background: #E9FACB;
	left: 0%;
	margin-right: 5px;
	padding-left: 0px;
	padding-right: 10px;
	padding-top: 10px;   
	padding-bottom: 10px;  
		}   
#leftWrapper {   
   	width: 26%;
	position: relative;   
   	background: #E9FACB;
	float: left;
	left: 0%;
	right: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 10px;   
	padding-bottom: 10px;  
		}   

#rightWrapper {   
	width: 70%;   
	position: relative;   
   	background-color: #E9FACB;
	float: right;
	right: 0%;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 10px;   
	padding-bottom: 10px;  
		}      	

#leftContent {   
   	width: 60%;  
	position: relative;   
	float: left;
	left: 0px;   
	background-color: #E9FACB;
	padding-left: 0px;
	padding-right: 10px;
	padding-top: 10px;   
	padding-bottom: 10px;  
		}   

#rightContent {   
   	width: 200px; 
	position: relative;   
	float: right;
	right: 1px;
	padding-left: 0px;
	padding-right: 2px;
	padding-top: 10px;   
	padding-bottom: 10px;  
 		}   

#banner {
	height: 171px;   
 	background: url(D:\Web Design\Sample\MyChessCoach\banner.jpg) no-repeat left top;   
		} 
#photoleft {   
   	width: 32%;
	position: relative;   
   	background: #E9FACB;
	float: left;
	left: 0%;
	right: 2%;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 10px;   
	padding-bottom: 10px;  
		}   
#photoright {   
   	width: 32%;
	position: relative;   
   	background: #E9FACB;
	float: right;
	margin-left: 0px;
	margin-right: 12%;
	padding-left: 0px;
	padding-right: 5%;
	padding-top: 10px;   
	padding-bottom: 10px;  
		}   
#leftleft {   
   	width: 20%;
	position: relative;   
   	background: #E9FACB;
	float: left;
	left: 0%;
	right: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 10px;   
	padding-bottom: 10px;  
		}   
#leftright {   
   	width: 20%;
	position: relative;   
   	background: #E9FACB;
	float: right;
	right: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 10px;   
	padding-bottom: 10px;  
		}  
#rightleft {   
   	width: 20%;
	position: relative;   
   	background: #E9FACB;
	float: left;
	left: 0%;
	right: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 10px;   
	padding-bottom: 10px;  
		}  
#rightright {   
   	width: 20%;
	position: relative;   
   	background: #E9FACB;
	float: right;
	left: 0%;
	right: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 10px;   
	padding-bottom: 10px;  
		}    
  
#footer {   
	  clear: both;   
		 }   

#bottom {   	
	width:100%; 
	position: relative;   
	padding: 0px;
	left: -5%;   
   	<strong>margin-left: -5%;</strong>  
	background-color:#E9FACB;
		}