BODY, html { 
background-color: #000055 ; 
font-family: Sans Serif, arial, helvetica; 
font-size: 12pt ; 
color: #000088 ;
} 

.container {
margin: auto ;
}

.header {
background-color: #ffffff ; 
height: 146px ;
}

.nav {
background-color: #fefefe ;
padding: 10px;
padding-top: 20px;
width: 150px ;
border-right: 1px dotted teal ;
}

.content {
height: 400px ;
background-color: #ffffff ; 
padding: 15px ;
}

.footer {
border-top: 1px dotted gray ;
font-size: 9pt;
text-align: center;
height: 70px;
background-color: #ffffff ; 

}

h1 {
padding: 10px;
font-size: 14pt;
}

h2 {
font-size: 13pt;
color: #ff0000 ;
}

A { 
font-family: sans-serif ; 
font-size: 12pt ; 
text-decoration: none ; 
color: #0000bb ; 
}

a:hover { 
font-family: sans-serif; 
font-size: 12pt; 
color: #ff0000
}

.credit { 
font-family: sans-serif ; 
font-size: 9pt ; 
text-decoration: none ; 
color: #0000bb ; 
}

a.credit:hover { 
font-family: sans-serif; 
font-size: 9pt; 
color: #ff0000
}

A.nav {
display: block ;
width: 150px;
height: 20px ;
text-align: right ;
text-decoration: none;
font-family: sans-serif ;
font-size: 12pt ;
font-weight: bold ;
color: #000088 ;
border: 1px solid red ;
padding: 1px ;
padding-left: 4px ;
background: #efefef ;
}

A.nav:hover {
display: block ;
width: 150px;
height: 20px ;
text-align: right ;
text-decoration: none;
font-family: sans-serif ;
font-size: 12pt ;
font-weight: bold ;
border: 1px solid red ;
color: #efefef ;
padding-left: 4px ;
background: #000088 ;
}