A:link
{ color:#4C6F66;
text-decoration: none;
font-weight: bold;
}

A:visited
{ color:#4C6F66;
text-decoration: none;
font-weight: bold;
}

A:hover { 
color:#9BCFC2; 
text-decoration: none;
font-weight: bold;
}

A:active
{ color:#4C6F66;
text-decoration: none;
font-weight: bold;
}

body 
{ background-color:#A9C7BF;
font-family: sans-serif;
color: #4C6F66;
font-size: 12px; 
text-align: right;
}

input, textarea
{ background: #CCe5da;
font-family: sans-serif;
font-size: 12px;
color: #4C6F66;
border: #4C6F66 1px solid;
}


h1 { color :#4C6F66;
font-size: 15px;
font-family: Serif; 
text-align: center; 
margin-left: 20px;
font-style: italic;
margin-right: 20px;
background-color: #83AFA4;
font-weight: normal;
border: #4C6F66 1px solid;
 
}


#wholepage {
position: relative;
align: center;
top:0px;
width:600px;
margin:0 auto;
text-align: right;
z-index:1;
padding:0px;
background:#A9C7BF;
color:#4C6F66;
}


#content {
position: relative;
align: right;
top:0px;
width: 450px;
text-align: left;
z-index:1;
padding:4px;
background:#A9C7BF;
}

#statistics {
position: relative;
align: center;
top:0px;
width:300px;
margin: 0 auto;
background: #CCe5da;
font-family: sans-serif;
font-size: 12px;
color: #4C6F66;
padding: 3px;
border: #4C6F66 1px solid
}


i {
font-family: Serif;
font-size: 14px;
font-style: italic;

}

td {
padding: 3px;
}
#navigation {
list-style-type: none;
margin: 0; padding: 0;
}
#navigation li {
display: inline;
padding: 2px 8px;
}

ul.nav
{list-style-type:none;
font-family:verdana;
font-size:11px;
text-align:left;
width:120px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

ul.nav li
{
margin-bottom:0px;
padding:3px 3px 3px 3px;
background:#CCe5da;
border-bottom:1px solid #4C6F66;
}

ul.nav li a
{
text-decoration:none;
color:#4C6F66;
font-weight: normal;
}

ul.nav li:hover
{
background:#83AFA4;
}

ul.nav li:hover a
{
color:#4C6F66;
}