/* CONTAINER */
div#container {
    width:              800px;
    margin:             40px auto 10px auto;
    background-color:   white;
    color:              #333;
    line-height:        130%;
}
div#container a img {
    border:             0;
}

/* TOP BAR */
div#top {
    padding:            0;
    background-image:   url("images/penguin_header.jpg");
    background-repeat:  no-repeat;
    text-align:         center;
}
div#top h1 {
    padding-top:        210px;
}

/* MENU */
div#menu {
    margin:             0 40px;
    width:              720px;
    padding:            0;
    min-height:         25px;
    float:              left;
    background:         url("images/menu.png") no-repeat center bottom;
}
div#menu ul {
    margin:             0 20px;
    padding:            0;
    list-style:         none;
}
div#menu ul li {
    float:              left;
    margin:             0;
    padding:            0;
    font-family:        sans-serif;
    background:         url("images/norm_right.png") no-repeat right top;
}
div#menu ul li#current {
    background-image:   url("images/norm_right_on.png");
}
div#menu ul li a {
    display:            block;
    background:         url("images/norm_left.png") no-repeat left top;
    padding:            7px 15px 6px;
    text-decoration:    none;
}
div#menu ul li#current a {
    background-image:   url("images/norm_left_on.png");
    padding-bottom:     7px;
}
div#menu ul li a:hover {
    text-decoration:    underline;
}

/* CONTENT */
div#content {
    padding:            1em;
    clear:              both;
    margin:             1em 4em;
}
div#content h2,h3 {
    font-family:        sans-serif;
    color:              #0b3528;
}
div#content p {
    font-family:        sans-serif;
}
div#content p.warning {
    border:             1px solid red;
    background-color:   #f88;
}
div#content table {
    margin-left:        auto;
    margin-right:       auto;
    border-top:         2px solid #6c6;
    border-bottom:      2px solid #6c6;
    border-collapse:    collapse;
    font-family:        sans-serif;
}
div#content tr.odd {
    background-color:   #efe;
}
div#content tr.even {
    background-color:   #cfc;
}
div#content th,td {
    padding:            0 .5em;
    margin:             0;
    text-align:         left;
}
div#content table ul {
    margin:             0;
}
div#content form input[type=text],input[type=submit],textarea {
    border:             1px solid #6c6;
    display:            inline;
}
div#content form input[type=submit] {
    background-color:   #efe;
    margin-top:         1em;
}

/* FOOTER */
div#footer {
    clear:              both;
    margin:             0 40px;
    text-align:         center;
}