body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
}
.date {
	color: #00f;
	background-color: transparent;
	text-decoration: underline;
	border: none;
	cursor: pointer;
	cursor: hand;
}
  
#bgimage{
	width:800px;
	height:600px;
	text-align:center;
	margin:auto;
	background-image:url(images/website11.jpg);
	background-repeat:no-repeat;
	background-position:top left;
}
  
#John{
	width:200px;
	height:480px;
	float:left;
}
  
#menu{
	line-height: 8px;
	width:140px;
	height:300px;
	margin: 230px 0px 0px 0px;
	overflow: auto;
	float:right;
	
}
#topback{
	text-align:left;
	width:470px;
	height:60px;
	margin: 60px 0px 0px  0px;
}
 
#content{
	width:350px;
	height:470px;
	float:left;
	margin: 120px 10px 0px 10px;
	overflow: auto;
}

#home{
	width:270px;
	height:460px;
	float:left;
	margin: 140px 0px 0px 0px;
	overflow:auto;
}
#fullmenu{
	width:571px;
	height:462px;
	float:left;
	margin: 124px 5px 8px 20px;
	overflow:auto;
}
  
#full{
	width:800px;
	height:480px;
	float:left;
	margin: 120px 0px 0px 0px;
	overflow:auto;
}
  
    
#calendar{
	width:230px;
	height:600px;
	float:left;
}
  
      
#todolist{
	width:207px;
	height:419px;
	text-align:center;
    background-image:url(images/todolist.gif);
	background-repeat:no-repeat;
	background-position:top left;
	margin: 150px 0px 0px 0px;
	float:inherit;
	/*padding: 100px 0px 0px 0px;*/	
  }
  
.biglink{
color:#FFFFFF;
	font-size:18px;
	text-decoration:none;
}

a{
	color:#000088;
}

a:hover{
	color:#990000;
}
#player {
/*	position: relative;
	left: 20px;*/
}

.title
{
font-weight:bold;
font-size:16px;
}

.datetime
{
font-size:10px;
}