body {
    font-family: calibri, tahoma, sans-serif;
}

img {
    padding: 8px;
    border: 1px solid #ccc;
}

a:hover img {
    border-color: #f00;
}


p.img {
    float: left;
    margin: 4px;
    padding: 0;
}

ul#nav {
    border-bottom: 1px solid #009;
}

ul#nav,
ul#nav li {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 85%;
}

ul#nav li {
    display: inline;
    margin: 0;
    padding: 0 1px 0 0;
}

ul#nav li a {
    text-decoration: none;
    padding: 3px 5px 0px 5px;
    background-color: #ccf;
}

ul#nav li a:link,
ul#nav li a:visited {
    color: #009;
}

ul#nav li a:hover,
ul#nav li a:active,
ul#nav li.current a:link,
ul#nav li.current a:visited,
ul#nav li.current a:hover,
ul#nav li.current a:active {
    color: #fff;
    background-color: #009;
}