html, body	{
			font-family: "Trebuchet MS","Verdana","Arial",sans-serif;
			}
			
table#main	{
			margin: auto;
			width: 100%;
			height: 100%;
			border: 0;
			}
			
img#bg 	{
		position:fixed;
		top:0;
		left:0;
		width:100%;
		height:100%;
		}
		
#content	{
			position:relative;
			z-index:1;
			}
			
#center	{
		text-align: center;
		vertical-align: middle;
		margin-left: auto;
		margin-right: auto;
		margin-top: auto;
		margin-bottom: auto;
		}
			
A:link	{
		text-decoration: none;
		border-bottom: 1px dotted #0000DD;
		color: #0000DD;
		}
		
A:visited	{
			text-decoration: none;
			font-style: italic;
			border-bottom: 1px dotted #000022;
			color: #000022;
			}
		
A:active	{
			text-decoration: none;
			font-style: italic;
			border-bottom: 1px dotted #000022;
			color: #000022;
			}
			
A:hover		{
			text-decoration: underline;
			color: #0000DD;
			}
			
.highlight A:link	{
					text-decoration: none;
					color: #000000;
					background: #FFCC00;
					}
					
.highlight A:visited	{
					text-decoration: none;
					color: #666666;
					background: #FFFF99;
					}
					
.highlight A:active	{
					text-decoration: none;
					color: #FFFFFF;
					}
					
.highlight A:hover	{
					text-decoration: underline;
					font-weight: bold;
					background: none;
					}

p	{
	font-size: 16px;
	}
					
h1	{
	font-size: 85px;
	font-weight: bolder;
	font-style: oblique;
	}
	
h2	{
	font-size: 20px;
	font-style: oblique;
	text-decoration: none;
	font-variant: small-caps;
	}
	
h3	{
	font-size: 14px;
	font-variant: small-caps;
	padding: 0px;
	margin: 0px;
	}
	
.imgfloat1	{
			position: fixed;
			right: 0px;
			top: 0px;
			z-index: 2;
			}
			
.imgfloat2	{
			position: fixed;
			left: 0px;
			bottom: 0px;
			z-index: 2;
			}
			
table.dblist	{
			width: 580px;
			background-color: #fafafa;
			border: 1px #000000 solid;
			border-collapse: collapse;
			border-spacing: 0px; 
			}


td.dbtitle	{
			background-color: #99CCCC;
			border: 1px #000000 solid;
			font-family: "Trebuchet MS","Tahoma","Verdana",sans-serif;
			font-weight: bold;
			font-size: 14px;
			color: #404040; 
			}


td.listelement	{
				border-bottom: 1px #6699CC dotted;
				text-align: left;
				font-family: "Verdana", "Arial", sans-serif;
				font-weight: normal;
				color: #404040;
				font-size: 12px;
				background-color: #fafafa;
				padding-top: 4px;
				padding-bottom: 4px;
				padding-left: 8px;
				padding-right: 0px; 
				}

#movingbtn
	{
	position: absolute;
	top: 350px;
	left: 500px;
	}
	
/*Easier to set some page-wide variable.*/
#_0,#_1,#_2,#_3,#_4,#_5,#_6,#_7,#_8,#_9,#_10,#_11,#_12,#_13,#_14,#_15
	{
	display: block;
	height: 25%;
	width: 25%;
	/*border-style: solid;
	border-width: 2px;*/
	padding: 0;
	position: fixed;
	}
	
div#_0	{
			top: 0px;
			left: 0px;
			}
			
div#_1	{
			top: 0px;
			left: 25%;
			}
			
div#_2	{
			top: 0px;
			left: 50%;
			}
			
div#_3	{
			top: 0px;
			left: 75%;
			}
			
div#_4	{
			top: 25%;
			left: 0px;
			}
			
div#_5	{
			top: 25%;
			left: 25%;
			}
			
div#_6	{
			top: 25%;
			left: 50%;
			}
			
div#_7	{
			top: 25%;
			left: 75%;
			}
			
div#_8	{
			top: 50%;
			left: 0px;
			}
			
div#_9	{
			top: 50%;
			left: 25%;
			}
			
div#_10	{
			top: 50%;
			left: 50%;
			}
			
div#_11	{
			top: 50%;
			left: 75%;
			}
			
div#_12	{
			top: 75%;
			left: 0px;
			}
			
div#_13	{
			top: 75%;
			left: 25%;
			}
			
div#_14	{
			top: 75%;
			left: 50%;
			}
			
div#_15	{
			top: 75%;
			left: 75%;
			}
			
div#coloursText	{
				margin-left: auto;
				margin-right: auto;
				top: 150px;
				border: 2px dotted #888888;
				}

div#pixelsTest1	{
				width: 1px;
				height: 1px;
				position: fixed;
				top: 400px;
				left: 1000px;
				background: #FF00FF;
				}
				
div#timer_pagecontainer	{
						text-align: center;
						background: black;
						margin-left: auto;
						margin-right: auto;
						border: 4px solid white;
						color: white;
						width: 300px;
						}
	
div#timer_controls	{
					background: black;
					width: 100%;
					border: 2px solid white;
					}

div#timer_clock	{
				background: black;
				width: 100%;
				border: 2px solid white;
				}

div#timer_marks	{
				position: relative;
				background: black;
				width: 100%;
				border: 2px solid white;
				}
				
div#toolscontainer	{
					border: 2px solid #02205E;
					background: #A9C2F7;
					color: #252525;
					}
					
p#toolsrow	{
			border-bottom: 1px dashed #5788F7;
			font-size: 1em;
			}
			
p#toolsheader	{
				border-bottom: 1px solid #5788F7;
				font-size: 1.5em;
				}