html { font:100% garamond }

body 
{ 
	background: url(/img/grey.jpg) ; 
	color: #ffffff;
	font-size:100% 
}

p
{
 font-size:100% ;
 color: #ffffff;
 text-align: left;
}



p.logo-big { 
 font-size:400% ;
 color: #ffffff;
 text-align: center;
 letter-spacing: 1em;
}


p.text
{
 position:absolute; 
 top: 70%;
 left: 30%;
 font-size:150%;
 color: #ffffff;
 
}

p.disclaimer
{ 
 font-size:90% ;
 top: 65%;
 color: #000000;
 text-align: center;
}

p.system-message
{
 font:100% courier;
 color: red;
 text-align: center;
}

p.menu
{
 font-size:90% ;
 color: #ffffff;
 text-align: left;
}

img.imgpreview
{
 position:relative; 
 left: 35%;
 width:300px;
 height:300px;
 border:1px solid #ffffff
}

p.textpreview
{
 position:absolute; 
 top: 00%;
 left: 70%;
 right: 10%;
 font:90% courier;
 color: white;
 text-align: justify;
}

img.imghome
{
 position:absolute; 
 top: 40%;
 left: 35%;
 width:300px;
 height:300px;
 border:1px solid #ffffff
}

p.texthome
{
 position:absolute; 
 top: 40%;
 left: 70%;
 right: 10%;
 font:90% courier;
 color: white;
 text-align: justify;
}

p.linker
{
 position:absolute; 
 top: 40%;
 left: 15%;
 right: 15%;
 color: white;
 text-align: center;
}

img.linker
{
 width:200px;
 height:200px;
 border:1px solid #ffffff
}





A:link { color: #ffffff; text-decoration: none;}
A:visited { color: #ffffff; text-decoration: none; }
A:hover { color: #ffffff; text-decoration: underline; }

#page-top
{
 position:absolute; 
 width:100%;
}

#menu-left
{
 position:absolute; 
 width:20%;
 top: 40%;
 margin-left:10px;
}

#page-body
{
 position:absolute; 
 top: 40%;
 width:100%;
}

#page-bottom
{
 position:absolute; 
 top: 90%;
 width:100%;
 border-top: 1px dashed #ffffff	;
}