* { margin: 0px; padding: 0px; }
body{
background:rgb(180, 222, 254);
font-family:Arial,Helvetica,sans-serif;
color:rgb(0,0,0);
}
div#container{
height:100%;
clear:both;
width: 80%;
margin-left: 10%;
margin-right: 10%;
}

div#nav{
float: left;
position: relative;
padding-top:1%;
width: 18%;
border:2px solid #2266AA;
padding-top:8px;
padding-right:20px;
padding-bottom:20px;
padding-left:20px;
font:13px Helvetica,Arial,sans-serif;
font-weight:bold;
background:rgb(255,255,255);
text-align:center;
color:rgb(0,0,0);
}

div#content{
width: 70%;
float:right;
margin-top: 5%;
min-height: 410px;
}
div#content ul{
list-style-type: none;
padding-left: 25px;
}
div#content ul li{
margin-bottom: 5px;
}

div#footer{
clear:both;
text-align: center;
}
div#footer p.copyright{
font-size: 10px;
}

#nav ul{
list-style-type:none;
}

#nav li a{
display:block;
padding-top:17px;
padding-bottom:10px;
border-left:10px solid #1a6cd2;
border-right:10px solid #8c98bc;
border-top:1px solid white;
border-bottom:1px solid #90bade;
background:#88cbff;
color:#484b61;
text-decoration:none;
}

#nav li a:hover{
border-left:10px solid #b01919;
border-right:10px solid #d96262;
background:#d21a1a;
color:#000000;
}

#nav li a:active{
border-left:10px solid #484b61;
border-right:10px solid #848588;
background:#c3c3c3;
color:#484b61;
}
p{
margin-top: 10px;
margin-bottom: 20px;
}
h3{
margin-top: 20px;
margin-bottom: 20px;
}
table.one{
text-align: center;
width: 100%;
}
a:hover{
color: #FF0000;
}