body {
	font-family: Arial, Helvetica, sans-serif; 
  font-size: 20px;
  font-weight: bold;
	color: black;
	margin: 0px auto; text-align:center; color:#000000;
background-image: url("Images/wallpaper2.jpg");  
background-repeat: no-repeat;      

	}
	
/*#container,#left,#right,#chat	{	border: solid 1px red;}  */ 
h1 {
font-size: 25px;
color: black;
text-align: center;
}
h2 {
font-size: 20px;
color: black;
text-align: center;
}
.small {font-size: 10px;}  	
#wrapper {
	margin: 10px auto 0px auto;
	text-align: left;
	width: 960px; 
	overflow: hidden;  
}
#container {
	margin: 10px auto 50px auto;
	text-align: left;
	width: 966px;                                          /* had to alter this and make bigger, right div randomly dropped???*/
  height: auto; 
	overflow: hidden;
}
#header{
font-size: 50px;
color: black;
text-align: center;
}
#header a:link {
	color:black;
}
#header a:visited {
	color:black;
}
#header a:hover {
color: red !important;
text-decoration:none
}
#header a {text-decoration: none;}
#email {
	text-align: center;
	color: red;
}
#subheader{
font-size: 25px;
color: black;
text-align: center;
}
#left {
	text-align: left;
	float:left;
	width: auto;
  height: 300px; 
	overflow: hidden;
	padding:0px;
	margin: 0px 0px 0px 100px;
	}
#right{
	text-align: left;
	float:left;
	width: auto;
  height: auto; 
	overflow: hidden;
	padding:0px;
	margin: 0px 0px 0px 40px;
}
.leftlinks {
list-style: none;
}
a.linktext {          /*This enables actual styling of the link text, hence the classification..I am a novice..:)*/
text-decoration: none;
font-size: 20px;
color: black;
}
.leftlinks a:hover{	
	color:red;  }	
#video {
width: 400px;
height: auto;
float:left;
margin: 20px 0px 10px 55px;
font-size: 15px;
font-weight:normal
}
#chat {
width: auto;
height: auto;
float:left;
margin: 0px 0px 0px 200px;
}
#cboxdiv {
float:left;
}
#footer {
	width: 960px;
	height: auto;
	float: left;
  margin: 70px 0px 0px 0px;
  text-align: center;
}
.bottom_links a {
 	color: black;
 	font-size: 15px;
}