html {
    font-family: verdana, arial, helvetica;
    background-color: #cdba96;
    background-color: #bfe9ff;
    background-color: #ccdddd;
    background-color: #fdfdfd;
    padding: 0.5em;
    margin: 0;
}

.center {
    margin-left: auto;
    margin-right: auto;
}

.indent {
    margin-left: 10%;
    width: 70%;
}

code {
}

img {
    border: 0;
    margin: auto;
}

h1 {
    background-color: #cccccc;
    background-color: #9090e0;
    background: linear-gradient(to right, #9090e0, #bcbce0);
    border-radius: 8px;
    padding: 10px 0 0 10px;
}

.rainbowbarg {
    background: linear-gradient(to right, red, orange, yellow, green, blue, purple);
}

.rainbowbard {
    background: repeating-linear-gradient(22deg, red, red 16.7%, orange 16.7%, orange 33.3%, yellow 33.3%, yellow 52.0%, green 52.0%, green 66.7%, blue 66.7%, blue 83.3%, purple 83.3%, purple 100.0%);
}

.rainbowbgg {
    background-image: linear-gradient(to right, rgba(255,0,0,0.2), rgba(255,165,0,0.2), rgba(255,255,0,0.2), rgba(0,255,0,0.2), rgba(0,0,255,0.2), rgba(128,0,128,0.2));
}

.rainbowbgd {
    background-image: repeating-linear-gradient(22deg, rgba(255,0,0,0.2), rgba(255,0,0,0.2) 16.7%, rgba(255,165,0,0.2) 16.7%, rgba(255,165,0,0.2) 33.3%, rgba(255,255,0,0.2) 33.3%, rgba(255,255,0,0.2) 52.0%, rgba(0,255,0,0.2) 52.0%, rgba(0,255,0,0.2) 66.7%, rgba(0,0,255,0.2) 66.7%, rgba(0,0,255,0.2) 83.3%, rgba(128,0,128,0.2) 83.3%, rgba(128,0,128,0.2) 100.0%);
}

h2 {
    background-color: #e6e6e6;
    background-color: #acace0;
    background: linear-gradient(to right, #acace0, #cfcfef);
    border-radius: 6px;
    padding: 10px 0 0 10px;
}

h3 {
    background-color: #f0f0f0;
    background-color: #c6c6e0;
    background: linear-gradient(to right, #c6c6e0, #f0f0ff);
    border-radius: 4px;
    padding: 10px 0 0 10px;
}

.shout {
    background-color: yellow;
    font-size: 130%;
    font-weight: bold;
}

.note {
    color: #f00;
    font-size: 0.7em;
    font-style: italic;
}

.req { 
    color: #f00;
    font-weight: bold;
}

.footer {
    background-color: #cccccc;
    background-color: #9090e0;
    background: linear-gradient(to right, #9090e0, #acace0);
    border-radius: 4px;
    font-size: 60%;
    padding: 1px 0 1px 10px;
}

div.border {
     margin: 20px 0 20px 0;
     padding: 0 20px 20px 20px;
     border-style: solid;
     border-width: thick;
     border-color: #c6c6e0;
     border-radius: 20px;
}

div.full {
    opacity: 1.0;
}

div.figure {
    width: 50%;
    margin: 0.67em auto;
}

div.figure img {
    width: 100%;
}

div.figure p {
    text-align: center;
    text-indent: 0;
}

::selection { 
    background: #acace0;
}

::-moz-selection { 
    background: #acace0;
}

select:hover { 
    background: #acace0;
}

select { 
    background: #c6c6e0;
    color: black;
}

a.nostyle:link {
    text-decoration: inherit;
    color: inherit;
}

a.nostyle:visited {
    text-decoration: inherit;
    color: inherit;
}

small.xsmall {
    font-size: x-small;
}

small.xxsmall {
    font-size: xx-small;
}