body {
    background: #586e75;
    color: black;
    max-width: 38em;	/* check in http://secushare.org/comparison */
    margin: 0;
    padding: 40px 9%;
    font-family: UnDotum, Ubuntu, 'Trebuchet MS', Helvetica, sans-serif;
}

h1 {
    background-color: #efc208;
    padding: 10px;
    border: 4px solid black;
    text-align: center;
}
h2,h3 {
    background-color: #78a9f2;
    padding: 10px;
    border: 4px solid black;
}
#footnotes h2 {
    background: none;
    border: 0;
    padding: 0;
}
h1 {
    font-size: 2em;
    /*font-family: New Detroit, Chicago, UnBatang, Times, Serif;*/
}
h1.title {
    display: none;
}
h2,h3,h4,h5,h6 {
    /*font-family: UnBatang, Times, Serif;*/
}

input, button {
    background-color: #efc208;
    color: black;
    padding: 0.5em;
    border: 4px solid black;
}

button, input.button {
    background-color: #eb0c60;
    font-weight: bold;
}

form {
    margin-bottom: 0.1em;
}

a, a:visited {
    color: black;
    text-decoration: underline;
}
a img {
    border: 0;
}

#page a, #page a:visited {
    color: #eb0c60;
}
#page a:visited {
    color: black;
}

#page {
    background: #eee8d5;
    margin: 1.3em 0 0 0;
    padding: 100px 1em 1em 1em;
    border: 6px solid black;
    text-align: justify;
    z-index: 1;
}

#header {
    text-align: center;
    position: relative;
    margin: 0 0 -130px 0;
}
#header a {
    display: block;
    width: 380px;
    height: 148px;
    margin: auto;
    background: url('../img/oXoXo-380.png') no-repeat;
}

#nav, #table-of-contents {
    position: absolute;
    font-size: 80%;
}
#top, #nav h2, #table-of-contents h2 {
    background: #78a9f2;
    padding: 0.5em;
    margin: 0;

    color: black;
    text-align: left;
    font-size: 100%;
    font-weight: normal;
    text-transform: uppercase;
    font-weight: bold;
    text-decoration: none;
}
#nav h2, #table-of-contents h2 {
    width: 6em;
    height: 1em;

    margin: 0;
    border: 4px solid black;
    border-top: 0;
}
#nav-menu, #text-table-of-contents {
    display: none;
    text-align: left;
    background: #bfcacd;
    border: 4px solid black;
    margin: -0.3em 0 0 0;
    padding: 0.5em;
}
#nav:hover #nav-menu, #table-of-contents:hover #text-table-of-contents {
    display: block;
}
#nav ul, #table-of-contents ul {
    margin: 1em;
    padding: 0 0 0 1.5em;
}

#nav {
    left: 60px;
    top: 0px;
    z-index: 10;
    border-top: 0;
}
#nav ul {
    padding: 0;
}
#nav li {
    list-style: none;
}
#nav a, #table-of-contents a {
    color: black;
    text-decoration: none;
}
#nav a:hover, #table-of-contents a:hover {
    text-decoration: underline;
}
#nav a {
    display: inline-block;
    min-width: 7.5em;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 0.1em;
}

#table-of-contents {
    position: fixed;

    left: 0;
    top: 66px;

    width: 2em;
    height: 6em;
}
#table-of-contents:hover {
    width: auto;
}
#table-of-contents h2 {
    height: 1em;
    width: 5em;
    margin: 6em 0 0 0;

    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);

    -webkit-transform-origin: left top;
    -moz-transform-origin: left top;
    -ms-transform-origin: left top;
    -o-transform-origin: left top;
    transform-origin: left top;

    z-index: -1;
}
#text-table-of-contents {
    margin: -8.7em 0 0 2em;
}


#postamble {
    margin: 0;
    padding: 0;
}

#top {
    display: block;
    height: 1em;
    width: 1.8em;

    border: 4px solid black;
    border-top: 0;
}


#org-div-home-and-up {
    float: right;
    color: #eee;
}
#org-div-home-and-up a:first-child {
    display: none;
}
#org-div-home-and-up a:visited {
    text-decoration: none;
    color: #035;
}
#org-div-home-and-up a {
    text-decoration: none;
    color: #035;
}

.org-info-js_header-navigation {
    margin-top: -1.5em;
}

thead {
    color: white;
    background: #586e75;
}
tbody {
    background-color: #efc208;
}
thead,tbody,table {
    border: 4px solid black;
}
table {
    width: 100%;
    letter-spacing: -0.05em;
}
table,form {
    text-align: left;
}

td {
    border: 0;
}
td.center {
    text-align: center;
}
td.left {
    text-align: left;
}
td.right {
    text-align: right;
}

table.icons td.center {
    font-size: 125%;
    line-height: 1em;
}
table.icons tbody tr:hover {
    background-color: #ebcb50;
}

.lists input.text {
    width: 16em;
}

ul {
    margin: 0;
    padding: 0 0 0 1.5em;
}

#text-buzzwords li a {
    display: inline-block;
    min-width: 5.5em;
}