html
{
	height: 100%;
	width: 100%;
	overflow: hidden;
}

body
{
	height: 100%;
	width: 100%;
	border: 0;
	margin: 0;
	padding: 0;
	color: White;
	overflow:hidden;
}

img#imgBg 
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

div.bg
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

div.outercontent 
{
    position: absolute;
    top:0;
    left:0;
    height:100%;
    width:100%;
    z-index: 2;
    overflow:auto;
    background:transparent repeat fixed;
}
    
div.header
{
	position: absolute;
	width: 100%;
	height: 120px;
	top: 0;
	left: 0;
}

div.menu
{
	position: absolute;
	width: 15%;
	height: 83%;
	top: 120px;
	left: 0;
}

div.footer
{
	position: absolute;
	width: 100%;
	height: 5%;
	top: 92%;
	left: 0;
}

div.body
{
	position: absolute;
	width: 85%;
	height: 83%;
	top: 120px;
	left: 15%;
}

h1.title
{
	color:Aqua;
	font-family:Century Gothic;
	font-weight:bold;
	text-align:center;
}

h2.title
{
	color:Aqua;
	font-family:Century Gothic;
	text-align:center;	
}

li.contents
{
	color:Teal;
	font-family:Century Gothic;
}

a.contents
{
	color:Fuchsia;
	font-family:Century Gothic;
}

p.main
{
	color:Silver;
	font-family:Century Gothic;
	text-align: center;
}

a.maille
{
	font-weight:bold;
	color:Purple;
	font-family:Century Gothic;
	text-align: center;
}

p#copyright
{
	text-align: right;
}

a.contents
{
	color:Fuchsia;
	font-family:Century Gothic;
}