#page {
width: 680px; 
margin: 0 auto;
background-color: #527873;


}

#main{
width: 500px;
float: right;
background-color: #F2C772;
padding-left: 4mm;
padding-right: 4mm;
padding-bottom: 2cm;
}

#nav{
width: 125px;
height: 400px;
float: left;
background-color: #F06939;
padding-top: 40mm;
padding-right: 2mm;
line-height: 180%;
}

body{
background-color: #F08D42;
font-family:  palatino, georgia, "Times New Roman", serif; 


}

h1{
text-align: center;
font-family: helvetica, verdanna, arial, sans-serif; 
color: #527873;
}

h2, h3, h4{
font-family: helvetica, verdanna, arial, sans-serif; 
color: #527873;
}

p{
line-height: 120%;
color: #527873;
}

ol{
color: #527873;
}
#nav a {
font-weight: bold;
text-decoration: none;
display: block;
color: #527873;
text-align: right;
font-family: helvetica, verdanna, arial, sans-serif; 
}

#nav a:visitied{
color: #F2BA51;
background-color: #F06939;
}

#nav a:hover{
color: #F06939;
background-color: #F2BA51;
}

#nav a:active{
color: #527873;
background-color: #F06939;
}

#main a{
color: #527873;
text-decoration: underline;
}
#main a:link {
color: #527873;
}

#main a:visitied{
color: #959C49;
}

#main a:hover{
color: #F06939;
}

#main a:active{
color: #527873;
}
#cit{
text-indent: -20px;
padding-left: 30px;

}
</style>