body {
background-color : #f7fdff; 
color : #5a8f9b; 
font-family : Arial, Sans-Serif; 
font-size : 1em; 
margin : 0; 
text-align : center; 
} 
img {
border : none; 
} 
#container
{
margin : 16px auto; 
text-align : left; 
width : 740px; 
} 
#title {
margin-bottom : 8px; 
text-transform : uppercase; 
} 
#title h1 {
font-size : 1.1em; 
margin : 0; 
} 
#title h1 a {
text-decoration : none; 
} 
#title h1 a span.before 
{
background-color : #f7fdff; 
color : #5a8f9b; 
} 
#title h1 a span.dot {
background-color : #f7fdff; 
color : #c0bc4b; 
} 
#title h1 a span.after {
background-color : #f7fdff; 
color : #97bbc3; 
} 
#title h2 {
font-family : Tahoma, Sans-Serif; 
font-size : 0.6em; 
font-style : italic; 
font-weight : normal; 
letter-spacing : 1px; 
margin : 0; 
} 
#title h2 a 
{
background-color : #f7fdff; 
color : #97bbc3; 
text-decoration : none; 
} 
#main {
background-color : #ffffff; 
border : 1px solid #5a8f9b; 
color : #5a8f9b; 
} 
#menu {
float : left; 
font-size : 0.75em; 
margin : 8px 0 0 8px; 
width : 104px; 
} 
#menu ul {
list-style-type : none; 
margin : 0 0 8px; 
padding : 0; 
} 
#menu ul li {
margin-bottom : 2px; 
} 
#menu ul li a {
background-color : #ffffff; 
color : #97bbc3; 
font-weight : bold; 
text-decoration : none; 
} 
#menu ul li a:focus, #menu ul li a:hover {
background-color : #ffffff; 
color : #c0bc4b; 
padding-left : 4px; 
} 
#content {
font-size : 0.9em; 
margin : 8px 8px 8px 120px; 
} 
#content h3 {
border-bottom : 1px solid #97bbc3; 
font-size : 1.2em; 
margin : 0; 
} 
#content h4 {
font-size : 1.1em; 
margin : 8px 0 0; 
} 
#content p {
text-align : justify; 
} 
#content p.center {
clear : both; 
text-align : center;
} 
#content a {
color : #97bbc3; 
background-color : #ffffff; 
text-decoration : underline; 
} 
#content a:focus, #content a:hover {
color : #c0bc4b; 
background-color : #ffffff; 
}