/* CSS by gavjof.com */


body {
	font-family: Helvetica, "Myriad Pro", Myriad, Arial, sans-serif;
	font-size: 84%;
	color: #525252;
	background-color: #aaa;
	vertical-align: middle;
	text-align: center;
	padding: 0px;
}

h1, h2, h3, h4, h5, h6 {}

h1	{font-size: 130%;}
h2	{font-size: 120%;}
h3	{font-size: 106%;}
h4	{font-size: 90%;}
h5	{font-size: 80%;}
p	{font-size: 84%;}

li {}

caption {display: none;}
acronym, abbr {cursor: help;}
img {border: none;}

a {text-decoration: underline;}
a:link, a:visited {color: #0000FF;}
a:hover, a:active {color: #FF6600;}

/* ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ */
/* Content Boxes */

#page {
	position:absolute; top:50%; left:50%;
	margin-top: -100px; margin-left: -8em;
	text-align: center;
	vertical-align: middle;
	width: 16em; 
	height:220px;
	
}

.logo h1 {font:Myriad,Verdana, Arial, Helvetica, sans-serif;font-size:2.4em;font-weight:bold;}
.logo h1 a {text-decoration:none;}
.logo a:link, .logo a:visited, .logo a:hover, .logo a:active {color:#525252;}

.splashAbout {margin:10px;}
.splashAbout a {color:#333;}
.splashSlogan p {letter-spacing:2px;margin:0;}

/* Footer informations*/
#footer {
	position: absolute;	bottom: 10px; left: 10px;
	text-align: left;
	width: 30em;
	padding: 8px;
	border: 1px outset #aaa;
}

.centre {text-align: center;}
.stealth {display:none;}
.autoheight {height: 2em;margin-top:auto; margin-bottom:auto;}

.return {font-family:Myriad,Verdana, Arial, Helvetica, sans-serif;font-size:2em;font-weight:bold;}
.return a:link, .return a:visited, .return a:hover, .return a:active {color:#525252;}

/* ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ */
/* About styles */

.aboutContainer {
	text-align: center;
	vertical-align: middle;
	padding: 2px;
	top: 8%;
	position: relative;
}
.aboutImage {
	margin: 0px;
	padding: 0px;
	vertical-align: top;
}
.aboutLogo {
	margin: 0px;
	padding: 0px;
	vertical-align: top;

}