body { 
    margin: 0; padding: 0;
    font-family: "Lucida Grande", Corbel, "DejaVu Sans", "Liberation Sans", Arial, sans-serif;
    font-size: 80%;
    text-align: center; }

div#page { width: 800px; text-align: left; margin: 2em auto; }
h1, h2, h3, h4, h5 { font-family: "Gill Sans", Tahoma, Arial, sans-serif; margin-top: 0; }
h1 { font-size: 140%; display: inline; color: #fff; }

a { text-decoration: none; color: #2854b0; }

a:hover { text-decoration: underline; }

#title {
    border-bottom: 1px solid #888; padding: 0.3em 1em 0.3em 1em; height: 60px;
    background: #ccf; background: #444; color: #ccc; }
#title a { color: #fff; font-size: 290%; font-family: Gill Sans, Garamond, Georgia, Times New Roman, Serif; }
.tb { border-top: 1px solid #ccc; }
#aside { background: #fff; float: right; font-family: sans-serif; width: 220px;
    border-left: 1px solid #ccc; padding: 0 0 2em 0; margin: 0 0 0 2em; }
#aside ul { margin-left: 0; padding-left: 2em; }
#ad { text-align: center; margin-bottom: 2em; font-size: 85%; }
#ad p { margin-top: 0; }
#ad img {}
div.t { padding: 1em; }

div.t ul li { margin-bottom: 0.4em;}
#ft { clear: both; border-top: 1px solid #ccc; font-size: smaller; color: #666; padding: 0 1em 1em 1em;}

ul#example { border-bottom: 1px solid #ccc; }
ul#example, ul#example li { list-style: none; padding: 0; margin: 0; }
ul#example li { border-right: 1px solid #ccc; border-top: 1px solid #ccc; text-align: center; }
ul#example li h4 { font-weight: normal; margin: 0; text-align: left; padding: 0.2em 0.2em 0.2em 1em; background-color: #ddd; }
ul#example li h4:hover { cursor: pointer;}
ul#example li div { padding: 0.6em; font-size: smaller; }