/* Reset all styles ********************** */
* { margin: 0; padding: 0; } 

hr {
display: none;
}

html {
	width: 100%;
	height: 100%;
	min-width: 100%;
	min-height: 100%;	
}

body {
	color: #ccc;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: #cccccc;
	width: 100%;
	height: 100%;
	min-width: 100%;
	min-height: 100%;
}

p {
	font-family: Georgia, serif;
	color: #aaa;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	text-align: center;
}
p a:visited {color: #aaa; text-decoration: none}
p a:link {color: #aaa; text-decoration: none}
p a:hover {color: #fff; text-decoration: none}

#page {
	width: 100%;
	height: 100%;
	border: 0;
	margin: 0;
	padding: 0;
}

#page td {
	width: 100%;
	height: 100%;
	border: 0;
	margin: 0;
	padding: 0;
	text-align: center;
}



/* The main panels *********************************************************/


/*
P.I.E. FLOAT CLEARING
See http://www.positioniseverything.net/easyclearing.html 

DYSKE:
Use this on the container block, not in the content block.
You can apply multiple classes to an element by separating them with a space.
E.g. class="clearfix anotherClass"
clearfix must come first.
*/

.clearfix:after {
content: ".";
clear: both;
height: 0;
visibility: hidden;
display: block;
}

.clearfix {
display: inline-block; /* Fixes IE/Mac */
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */