
/* style from Tutorial 8, "liquid two column layout"  at http://maxdesign.com.au, colors and some placing have
been tweaked. */
body {background-color: #006699; background-image: none; }

#container
{
width: 80%;
margin: 10px auto;
background-color: white;
background-image: none;
color: black;
border: 1px solid #FFFF33;
padding: 30px;
}

div#container
{
margin-left: 5%;
margin-right: 5%;
}

#top
{
background-color: white;
text-align: center;
}

#leftnav
{
float: right;
width: 140px;
margin: 0px;
padding: 10px;
border: 1px solid black;
}

#leftnav a
{
font-size:10px; color:#121212; text-decoration: underline; font-family: "Verdana", "Helvetica", sans-serif;
}

#leftnav a:hover
{
font-size:10px; color:red; text-decoration: underline;
}

.online
{
text-align: center;
}

#centercontent
{
margin-right: 190px;
padding: 20px;
text-align: justify;
color: black; text-decoration: none; font-family: "Verdana", "Helvetica", sans-serif; font-size: 11px; padding: 8px; text-align: justify;
}

#centercontent a {color:#121212; text-decoration: underline }
#centercontent a:hover {color:red; text-decoration: underline }

.blogtitle
{
color: #006699; font-size: 12px; text-align: right;
}

#footer
{
clear: both;
margin: 0;
padding: 1px;
border-top: 1px solid gray;
text-align: left;
font-size: 9px;
color: black; text-decoration: none; font-family: "Verdana", "Helvetica", sans-serif;
}

#footer p
{
float:left; padding: 5px;
}

#footer a
{
color:#121212;
}

#footer a:hover
{
color: red;
}
