body{
background-color: #EBF5FC;
}
#body h1{
font-family: "Arial Black", sans serif
}
#container
{
width: 45%;
margin: 10px auto; /*margin from left side of page*/
background-color: #fff;
color: #333; /*color of the text*/
border-top: 1px solid gray;
border-bottom: 1px solid gray;
border-left: 1px solid gray;
border-right: 1px solid gray;
line-height: 130%; /*space between one line of text and the next*/
}

#top
{
padding: .5em; /*adds space around text*/
background-color: #ddd;
border-bottom: 1px solid gray;
}

#leftnav
{
padding: 1em;
float: left;
}

#content
{
width:400px;
margin-left: 100px;
border-left: 1px solid gray;
padding: 1em;
max-width: 36em;
}

#footer
{
clear: both;
margin: 0;
padding: .5em;
color: #333;
background-color: #ddd;
border-top: 1px solid gray;
}

#leftnav p { margin: 0 0 1em 0; }
#content h2 { margin: 0 0 .5em 0; }

a:link {
color: blue;
text-decoration: underline;
font-weight: bold;
} 

a:visited {
color: red;
text-decoration: underline;
font-weight: bold;
} 

a:hover {
color: red;
padding-bottom: 5px;
font-weight: bold;
text-decoration: underline;
} 

a:active {
color: blue;
font-weight: bold;
} 

.rtop, .rbottom{display:block}
.rtop *, .rbottom *{display: block; height: 1px; overflow: hidden}
.r1{margin: 0 5px}
.r2{margin: 0 3px}
.r3{margin: 0 2px}
.r4{margin: 0 1px; height: 2px}