body {
    background-color:       #666;
    color:                  #fff;
    padding:                0;
}

body, table, div, form {
    font-size:              .95em;
    font-weight:            normal;
    font-family:            Verdana, Arial, Georgia, sans-serif;
}

img { border: 0; }

a {
    color:                  #00f;
}

hr {
    height:             1px;
    line-height:        0;
    margin:             0;
    padding:            0;
    border-bottom:      1px solid #000;
    color:              #000;
}

#page, #header, #footer {
    width:                  780px;
    border-left:            3px solid #fff;
    border-right:           3px solid #fff;
}

#page {
    background-color:       #fff;
    color:                  #000;
}

#header, #footer {
    background-color:       #333;
    color:                  #fff;
}

#header {
    font-size:              larger;
    font-weight:            normal;
    border-top:             3px solid;
}

#footer {
    text-align:             center;
    font-size:              x-small;
    font-weight:            bolder;
    border-bottom:          3px solid;
    padding:                32px 0;
}

#logo {
    background-color:       #fff;
    color:                  #000;
    width:                  99%;
    margin:                 4px;
    padding:                4px 0;
    font-variant:           small-caps;
}

#logo div.logo {
    margin:                 0 4px;
}

#logo div.title {
    font-weight:            bolder;
    font-size:              x-large;
}

#logo div.tag {
    margin-top:             4px;
}

#nav_main {
    padding:                8px;
}

#nav_main ul {
    margin:                 0;
    padding:                0;
    list-style:             none;
}

#nav_main ul li {
    margin-left:            4px;
    margin-right:           4px;
}

#nav_main ul li a {
    color:                  #fff;
}

#nav_main ul li a:hover {
    color:                  #f00;
}

.note {
    display:                block;
    border:                 2px dotted #666;
    background-color:       #ffc;
    color:                  #333;
    font-size:              smaller;
    padding:                8px;
}

.note h1, .note h2, .note h3, .note h4, .note h5, .note h6 {
    margin:                 8px 0;
    padding:                0;
    line-height:            0;
    text-decoration:        underline;
}

.align_left { text-align: left; }
.align_right { text-align: right; }
.align_center { text-align: center; }
.align_justify { text-align: justify; }

.valign_top { vertical-align: top; }
.valign_middle { vertical-align: middle; }
.valign_bottom { vertical-align: bottom; }

.float_left { float: left; }
.float_right { float: right; }
.float_center { display: table; margin: 0 auto; }

.font_bold { font-weight: bold; }
.font_bolder { font-weight: bolder; }
.font_normal { font-weight: normal; }