body {
background-color:silver;
background-image:url(back.gif);
}

h1 {
text-align:center;
color:#009;
font-family:serif;
}

h2,h3,h4 {
margin-left:3%;
margin-right:12%;
color:#009;
font-family:serif;
}

#container {
width:100%;
background-color:#FFFFf9;
color:#333;
line-height:130%;
font-family:sans-serif;
font-size:105%;
margin:auto;
}

#top {
background-image:url(back.gif);
padding:0.5em;
}

#top h1 {
color:#009;
font-family:serif;
font-size:250%;
text-align:left;
margin:10px;
}

#left {
float:left;
width:150px;
font-size:80%;
margin:0;
padding:1em;
}

#left p {
margin:0 0 1em;
}

#content {
margin-left:160px;
padding:1em;
}

#content h2 {
margin:0 0 0.5em;
}

#cecilia {
border:2px outset #CFF;
width:60%;
float:right;
margin-bottom:10px;
margin-left:10px;
font-size:90%;
background-image:url(back.gif);
padding:1em;
}

#footer {
clear:both;
color:#000;
background-color:#CFF;
margin:0;
padding:0.5em;
}

#footer img,#left img {
border:2px outset #CFF;
}

#navbuttons {
width:100%;
text-align:left;
background-color:#CFF;
margin:0;
padding:0;
}

#navbuttons ul {
list-style:none outside none;
margin:0;
padding:3px;
}

#navbuttons li {
display:inline;
list-style:none outside none;
margin:0;
padding:0;
}

#navbuttons li a {
border:1px outset #99f;
color:#000;
background-color:#CFF;
width:180px;
text-decoration:none;
display:inline;
padding:3px;
}

ul#bottomnav {
list-style-type:none;
text-decoration:none;
text-align:center;
margin:0;
padding:0;
}

ul#bottomnav .left {
float:left;
}

ul#bottomnav .right {
float:right;
}

ul#bottomnav li a {
display:block;
width:5em;
text-decoration:none;
}

ul#bottomnav li a:hover,#navbuttons li a:hover {
color:#FFF;
background-color:#09F;
}

#cleardiv {
clear:both;
}