html, body {
    font-family: Verdana, Helvetica, Arial, sans-serif;
    background: #224;
}
#hd {
    background: #fff url('../img/top_bg.jpg') top repeat-x;
    height: 243px;
    margin-top: 8px;
}
#bd {
    background: #fff;
    padding: 1em 2em;
}
#topLogo {
    width: 244px;
    height: 243px;
    float: left;
    clear: left;
    margin: 0 6px 0 0;
    padding: 0;
}
#topName {
    float: left;
    clear: right;
    margin: 52px 0 0 0;
    padding: 0;
}
#topCloud {
    float: right;
    margin: 3px 0 0 0;
    padding: 0;
}
#nav {
    font-family: Arial;
    font-size: 130%;
    font-weight: bold;
    margin: 0;
    padding: 180px 0 0 10px;
}
#nav ul {
    list-style-type: none;
}
#nav ul li {
    margin: 0;
    padding: 0;
    float: left;
}
#nav ul li a {
    background: transparent;
    text-decoration: none;
    color: #033;
    padding: 2em 1em;
}
#nav ul li a:hover {
    color: #c00;
}
h1 { font-weight: bold; padding: 0; margin: .75em 0 .5em 0; font-size: 160%;}
h2 { font-weight: bold; padding: 0; margin: .75em 0 .5em 0; font-size: 140%;}
h3 { font-weight: bold; padding: 0; margin: .75em 0 .5em 0; font-size: 120%;}
#bd p {
    padding: 0;
    margin: .5em 0 1em 0;
    line-height: 1.5em;
    text-align: justify;
}
#ft {
    background: #369;
    height: 3em;
    padding: 0;
    margin: 0 0 .8em 0;
    line-height: 3em;
    font-size: 85%;
    text-align: center;
    color: #ddd;
}
#ft a {
    color: #ddd;
    background: transparent;
    text-decoration: none;
}
#ft a:hover {
    color: #fff;
    text-decoration: underline;
}
.dialog {
    margin: 3em 0 0 0;
    font-size: 110%;
    color: #036;
}
.dialog li {
	list-style-type: circle;
	padding: .5em 0;
}