A:link
{ color:#4d7eb2;
text-decoration: none;
}

A:visited
{ color:#4d7eb2;
text-decoration: none;
}

A:hover { 
color: #cccccc; 
text-decoration: none;
font-style: italic;
font-family: Serif;
font-size: 12px;
}

A:active
{ color: #4d7eb2;
text-decoration: none;
}

body 
{ background-color: #3b445d;
font-family: sans-serif;
color: #755315;
font-size: 11px; 
text-align: right;
}

input, textarea
{ background: #3b445d;
font-size: 11px;
color: #cccccc;
border-top: 0px;
border-left: 0px;
border-right: 0px;
border-bottom: 1px solid 4d7eb2;

}

h2 {color: #4d7eb2;
font-size: 18px;
border-bottom: 1px solid #cccccc;
font-family: Serif;
font-style: italic;
font-weight: normal;}

h1 {color: #4d7eb2;
font-size: 26px;
font-family: Serif;
font-style: italic;
border-bottom: 1px solid #cccccc;
font-weight: normal;
}

h3 {color: #cccccc;
font-size: 18px;
border-bottom: 1px solid #4d7eb2;
font-family: Serif;
font-style: italic;
font-weight: normal;
}

#wholepage {
position: relative;
align: center;
top:0px;
text-align: left;
margin:0 auto;
width:600px;
z-index:8;
padding:0px;
background: #242c43;
color:#000000;
}


#navigation {
position: relative;
align: left;
top:0px;
width: 240px;
text-align: left;
z-index:1;
padding:2px;
left: 0px;
}


#content {
position: absolute;
align: right;
top:0px;
width: 340px;
text-align: left;
left: 247;
z-index:1;
padding: 3px 7px 3px 6px;
background-color: #242c43;
}

i {
font-family: Serif;
font-style: italic;
color: #4d7eb2;
font-size: 12px;
}

b {
font-weight: bold;
color: #cccccc;
}


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

ul.nav li
{
margin-bottom:0px;
padding:1px 3px 1px 8px;
}

ul.nav li a
{
text-decoration:none;
color:#cccccc;
border: 0px;
}



ul.nav li:hover a
{
color:#4d7eb2;
font-size: 16px;
font-family: Serif;
font-style: italic;
}
