html, body {
margin-top: 1%;
margin-right: 1%;
margin-bottom: 1%;
margin-left: 1%;
color: Black;
font-family: Helvetica, MS Reference Sans Serif, Verdana, Tahoma, Arial, Lucida Console, sans-serif;
font-size: 9.35pt;
}

a:link {
text-decoration: none;
color: Red;
}

a:visited {
text-decoration: none;
color: Red;
}

a:hover {
text-decoration: underline;
color: Red;
}

a:active {
text-decoration: none;
color: Black;
}

/* model: http://www.maxdesign.com.au/articles/liquid/liquid-sample8/ */

#index
{
text-align: center;
}

#menu
{
height: 20px;
width: 1000px;
border-bottom: 1px solid #999;
text-align: left;
margin-right: 5%;
color: #999;
}

#col1
{
float: left;
text-align: left;
color: #999;
}

#col2
{
float: left;
width: 300px;
margin-left: 2%;
margin-bottom: 1em;
border-right: none;
padding-right: 2%;
margin-top: 1%;
}

#col3
{
float: left;
width: 300px;
margin-left: 1%;
margin-bottom: 1em;
margin-top: 1%;
}

#credits
{
clear: both;
height: 20px;
width: 1000px;
border-top: 1px solid #999;
text-align: right;
margin-right: 5%;
padding-top: 4px;
color: #999;
}

/* footer's links pseudo-class */

#a.footer:link,a.footer:active
{
text-decoration: none;
color: #999;
}