BODY 
{
background: #FFFFFF; 
color: #ffffff;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 14px;
}
 
IMG
{
border: 0px;
}

a
{
color: lightblue;
}

p
{
font-size: 14x;
}

H1
{
font-size: 20px;
font-weight: bold;
color: #42632e;
}


H2
{
font-size: 18px;
font-weight: bold;
color: #ff5b10;
}


HR 
{
height:2px;
color: #000000;
}

#outline
{
 border-width:4px;
 border-style:solid;
 border-color:#000000;
}


#base
{
 margin: auto;
 background-image:url("bg.png");
 background-repeat: no repeat;
 overflow: hidden;
 width: 320px;
 height: 480px;
 float: center;
 border-width:4px;
 border-style:solid;
 border-color:#000000;
}

#top
{
 margin: auto;
 width: 100%;
 height: 15%;
 float: center;
 border-top-width:1px;
 border-top-style:solid;
 border-top-color:#000000;
 text-align: center;
}

#left
{
 margin: auto;
 float: left;
 text-align: center;
 clear: none;
 width: 30%;
 height: 60%;
}

#right
{
 text-align: left;
 margin: auto;
 float: left;
 clear: none;
 width: 70%;
 height: 60%;
}

#qright
{
 text-align: right;
 float: right;
}

#info
{
 margin: auto;
 float: left;
 text-align: center;
 clear: none;
 width: 100%;
 height: 60%;
}

#nav
{
 margin: auto;
 clear: none;
 width: 100%;
 height: 25%;
}

ul#navigation
{
list-style-type: none;
margin: 0;
padding: .5em 1;
}

ul#navigation li a
{
display: block;
width: 3em;
color: #FFF;
background-color: #036;
padding: .2em 0;
text-align: center;
text-decoration: none;
}

ul#navigation li a:hover
{
color: #FFF;
background-color: #69C;
}

ul#navigation .left { float: left; }
ul#navigation .right { float: right; }