body {
margin : 0;
padding : 0;
text-align : center;
font-family : helvetica, arial, sans-serif, verdana;
font-size : 110%;
color : #333366;
background-color : #72918B;
}

#container {
position : relative;
margin : 0 auto;
width : 800px;
text-align : left;
background-color : #C0D4CE;
border : 1px solid;
}

#header {
height : 207px;
background-color : #E4EAE9;
}

#main {
position : relative;
left : 175px;
border-left : 1px groove #333366;
width : 574px;
padding : 15px 25px;
border-top : 1px dotted orange;
background-color : #C0D4CE;
}

#links {
width : 175px;
position : absolute;
top : 207px;
left : 0;
font-size : 80%;
border-top : 1px dotted orange;
}

#footer {
position: relative;
margin: 5px auto;
width: 800px;
height: 40px;
background-color : #72918B;
}

.nav {
list-style-type: none;
margin: 3px;
padding: 10px;
}

a:hover {
text-decoration : underline;
color : gray;
}

a:active {
outline : red 1px dotted;
}

.heading {
font-weight : bold;
font-size : medium;
color : #330066;
}

li {
padding : 10px;
}


li.nopadding {
padding : 1px;
}

.readable {
line-height : 115%;
font-size : 90%;
}


.visited {
color : #336699;
font-size : 110%;
}

h1 {
border-top : 1px dotted;
border-bottom : 1px dotted;
padding : 3px;
}

a {
color : #4C2672;
}


#caption {
margin : 4px;
line-height : 150%;
text-align : center;
font-size : 115%;
}

.smalltext {
font-size : 90%;
}


#banner {
border-bottom : 4px solid orange;
}


.indent {
font-size : 85%;
text-indent : 20px;
}

img {
border : 0;
}