body	{ 
	font-family: Myriad, "Myriad Roman", "Myriad Pro", "Myriad Web", "Lucida Grand", sans-serif;
	font-weight: normal;
	border-top: 10px solid #eee;
	margin: 0;
	border-bottom: 3px solid #eee;
	background-color: #eee;
	}

a:link { 
	font-size: 12px;
	text-decoration: none; 
	color: #fff;
	font-weight: normal;
	}
	
a:visited {  
	font-size: 12px;
	text-decoration: none; 
	color: #fff;
	font-weight: normal;
	}
	
a:hover { 
	font-size: 12px;
	text-decoration: none; 
	color: #fff;
	font-weight: normal;
	}

a:link IMG	{
	border: 0px solid #fff;
	}
	
a:visited IMG	{
	border: 0px solid #fff;
	}
	
a:hover IMG	{
	border: 0px solid #fff;
	}
	
img	{
	border: 0px solid #fff;
	}
	
/* Whole page alignment */

#container 	{ 
	position: relative;
	top: 0px;
	width: 885px;
	height: 550px;
	margin: auto;	
	background: no-repeat url(img/bg.jpg);
	}
	
#container2 	{ 
	position: absolute;
	top: 4px;
	left: 4px;
	width: 875px;
	height: 540px;	
	border: 1px solid #000;	
	background-color: transparent;
	z-index: 1;
	}
	
#webdev	{
	position: relative;
	top: 0px;
	left: 0px;
	width: 885px;
	height: 20px;	
	border: 0px solid #000;	
	background-color: transparent;
	z-index: 1;
	text-align: right;
	margin: auto;
	font-size: 9px;
	color: #444;
	}
	
#webdev a:link { 
	font-size: 9px;
	text-decoration: none; 
	color: #444;
	font-weight: normal;
	}
	
#webdev a:visited {  
	font-size: 9px;
	text-decoration: none; 
	color: #444;
	font-weight: normal;
	}
	
#webdev a:hover { 
	font-size: 9px;
	text-decoration: none; 
	color: #444;
	font-weight: normal;
	}

/* Main title */
#title 	{ 
	position: absolute;
	top: 0px;
	left: 0px;
	width: 885px;
	height: 80px;
	margin: auto;	
	z-index: 3;
	}
		
		
		
/* Horizontal main menu */
#menu	{
	position: absolute;
	top: 80px;
	width: 885px;
	height: 30px;
	overflow: hidden;
	border-bottom: 1px solid #000;
	z-index: 3;
	}
	
	
/* Contact details */
#details	{
	position: absolute;
	top: 130px;
	left: 645px;
	width: 220px;
	height: 100px;
	overflow: hidden;
	padding: 5px 5px 5px 20px;
	background-color: transparent;
	z-index: 3;
	font-size: .8em;
	}
	
#details p {
	font-size: 12px;
	color: #fff;
	}
	
#details a:link { 
	font-size: 12px;
	text-decoration: underline; 
	color: #fff;
	}
	
#details a:visited {  
	font-size: 12px;
	text-decoration: underline; 
	color: #fff;
	}
	
#details a:hover { 
	font-size: 12px;
	text-decoration: none; 
	color: #EEA;
	}
	
		
		
/* Todo Links for text box */
#todo_links		{ 
	position: absolute;
	top: 125px;
	left: 20px;
	width: 560px;
	height: 20px;
	padding: 0 0 0 5px;
	overflow: hidden;
	border: 0px solid #000;
	background-color: transparent;
	z-index: 3;
	}	
	
	
	
/* Textbox */
#text 	{ 
	position: absolute;
	left: 20px;
	padding: 5px;

	z-index: 3;
	}	
		
.todo	{
	top: 160px;
	width: 605px;
	height: 360px;
	overflow: auto;
	}
		
.small	{	
	top: 135px;
	overflow: auto;
	width: 605px;
	height: 380px;
	}
	
.map	{	
	top: 135px;
	width: 605px;
	height: 380px;
	overflow: hidden;
	background: no-repeat url(img/backup.jpg); 
	}
	
.calendar {
	overflow: hidden;
	top: 135px;
	width: 605px;
	height: 380px;
	}
	
#text p {
	font-size: 12px;
	color: #222;
	}
	
#text h3 {
	text-decoration: underline;
	font-size: 14px;
	color: #222;
	}
	
#text h4 {
	font-size: 13px;
	color: #222;
	}
	
#text IMG {
	padding: 5px;
	}
		
#text a:link {
	font-size: 12px;
	color: #016;
	}
	
#text a:hover {
	font-size: 12px;
	color: #442;
	}
	
#text a:visited {
	font-size: 12px;
	color: #016
	}
	
#opacity 	{ 
	position: absolute;
	left: 20px;
	padding: 5px;
	overflow: auto;
	z-index: 3;
	}	
		
.textopacity {
	top: 135px;
	width: 605px;
	height: 380px;
	border: 0px solid #000000;	
	background-color: #fff;
	opacity: 0.7;
		}

.textopacity_todo {
	top: 160px;
	width: 605px;
	height: 360px;
	border: 0px solid #000000;	
	background-color: #fff;
	opacity: 0.7; 
		}
		
/* pics */
#pics 	{ 
	position: absolute;
	top: 275px;
	left: 645px;
	width: 230px;
	height: 250px;
	border: 0px solid #000;
	z-index:100;
	}
	
#pics p {
	font-size: 12px;
	color: #000;
	}
	
#pics a:link { 
	font-size: 12px;
	text-decoration: underline; 
	color: #fff;
	}
	
#pics a:visited {  
	font-size: 12px;
	text-decoration: underline; 
	color: #fff;
	}
	
#pics a:hover { 
	font-size: 12px;
	text-decoration: none; 
	color: #EEA;
	}
	
/* The following code courtesy of Stu Nichols: www.cssplay.co.uk */
	
#pic1 {position:absolute; bottom:10px; left:10px; width:100px; background-color:#fff; z-index:100;}
#pic1 a.p1, #menu a.p1:visited {display:block; width:100px; height:100px; text-decoration:none; background:#fff; top:0; left:0; border:0;}
#pic1 a img {border:0;}
#pic1 a.p1:hover {text-decoration:none; background-color:#8c97a3; color:#000;}
#pic1 a .large {display:block; position:absolute; width:1px; height:1px; border:0px; top:129px; left:229px;}
#pic1 a.p1:hover .large {display:block; position:absolute; top:-200px; left:-310px; width:250px; height:250px; border:5px solid #fff;}

#pic2 {position:absolute; bottom:10px; left:120px; width:100px; background-color:#fff; z-index:100;}
#pic2 a.p1, #menu a.p1:visited {display:block; width:100px; height:100px; text-decoration:none; background:#fff; top:0; left:0; border:0;}
#pic2 a img {border:0;}
#pic2 a.p1:hover {text-decoration:none; background-color:#8c97a3; color:#000;}
#pic2 a .large {display:block; position:absolute; width:1px; height:1px; border:0px; top:129px; left:119px;}
#pic2 a.p1:hover .large {display:block; position:absolute; top:-200px; left:-420px; width:250px; height:250px; border:5px solid #fff;}

#pic3 {position:absolute; bottom:120px; left:120px; width:100px; background-color:#fff; z-index:100;}
#pic3 a.p1, #menu a.p1:visited {display:block; width:100px; height:100px; text-decoration:none; background:#fff; top:0; left:0; border:0;}
#pic3 a img {border:0;}
#pic3 a.p1:hover {text-decoration:none; background-color:#8c97a3; color:#000;}
#pic3 a .large {display:block; position:absolute; width:1px; height:1px; border:0px; top:239px; left:119px;}
#pic3 a.p1:hover .large {display:block; position:absolute; top:-90px; left:-420px; width:250px; height:250px; border:5px solid #fff;}

/* Above code courtesy of Stu Nichols: www.cssplay.co.uk */


table {
	background-color: transparent;
	border-style: none;
	border-width: 0px;
	font-family: sans-serif
	text-align: center;
	vertical-align: top


}

td {
	color: #fff;
	text-align: center;
	vertical-align: top

}