html {
    font-family: "Georgia", serif;
    height: 100%;
    /*font-family: "Verdana", sans-serif;*/
    /*font-family: Arial, Helvetica, sans-serif;*/
}

body {
    background-color: #E0FFF5;
    height: 100%;
    color: #7A3D99;
    margin: 0em;
}

h1, h2, h3, h4, h5, h6 {
    color: #A352CC;
}

button {
    background-color: #FFD852;
}

.spacer {
    height: 1em;
}

p {
    margin: 0.5em 0em;
}

table th, table th *, table td, table td * {
    padding: 0.3em;
    vertical-align: top;
}

html b, i {
    margin: 0em;
    padding: 0em;
}

.image {
    border: 10px solid transparent;
    /*padding: 50px 50px;*/
}  

.caption {
    align:center;
    font-size: 0.8em;
    margin: 1em;
}

a:link,
a:visited,
a:hover,
a:active
{
    color: #5500FF;
    text-decoration: none;
    padding: 0;
}

#topwrapper {
    /*sticky footer based on: http://ryanfait.com/sticky-footer/*/
    /* the bottom margin is the negative value of the footer's height */
    min-height: 100%;
    /*margin: 0 auto -6em; */
    margin: 0 0 -3em; 
}

#contentblock {
    color: #0F002C;
    text-align: center;
    padding-left: 4%;
    padding-right: 4%;
    /*this is a hack, using more padding than necessary to help*/
    /*this look a bit better on mobile devices*/
    /*padding-bottom: 4.5em;*/
    /*padding-bottom: 6em;*/
}

#content {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
}

.blockquote {
    display: block;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 3em;
    margin-right: 3em;
    font-style: italic;
}

.quote {
    display: inline;
    font-style: italic;
}

/*#66FFCC*/
#topbar {
    margin: auto;
    display: block;
    width: 100%;
    height: 3em;
    /*color: #2F008C;*/
    background: -webkit-linear-gradient(#66FFCC, #E0FFF5); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#66FFCC, #E0FFF5); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#66FFCC, #E0FFF5); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#66FFCC, #E0FFF5); /* Standard syntax */
}

h1 img
{
    height: 1em;
    vertical-align: bottom;
    width: auto;
}

.w3 li {
    width: 33.333333%;
}

.w5 li {
    width: 20%;
}

#push {
    height: 3em; /* #push must be the same height as #footer */
}

#bottombar {
    /*position: fixed;*/
    /*bottom: 0;*/
    /*z-index: -10;*/
    /*margin: auto;*/
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    display: block;
    width: 100%;
    height: 3em;
    /*height: 6em;*/
    /*color: #2F008C;*/
    background: -webkit-linear-gradient(#E0FFF5, #66FFCC); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#E0FFF5, #66FFCC); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#E0FFF5, #66FFCC); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#E0FFF5, #66FFCC); /* Standard syntax */
}