html { font-size: 100.01%; }

a img { border: none; }

body {
    color: black;
    background-image: url("logo-background.gif");
}
a { text-decoration: none; }
a:link { color: #1010b0; }
a:visited { color: #404090; }
a:active { color: #b30000; }

body.index {
    color: #bbbbbb;
    background-image: url("dork.jpg");
}
body.index a:link { color: #dddddd; }
body.index a:active { color: #9999ff; }
body.index a:visited { color: #aaaaaa; }

body.about { color: #800040; }

span.script { font-family: cursive, fantasy; }

div.buttons {
    width: 704px;
    margin: 0 auto;
    overflow: hidden;
}
div.button { padding: 0px 6px 0px 6px; float: left; }
div.button a { width: 101px; height: 31px; display: block; border: 2px solid; }
#lowbutton { background-image: url("lowbutton.jpg"); }
#lowbutton:hover { background: none; }
#notbutton { background-image: url("notbutton.jpg"); }
#notbutton:hover { background: none; }
/*#grpbutton { background-image: url("grpbutton.jpg"); }
#grpbutton:hover { background: none; }*/
#galbutton { background-image: url("galbutton.jpg"); }
#galbutton:hover { background: none; }
#lecbutton { background-image: url("lecbutton.jpg"); }
#lecbutton:hover { background: none; }
#hombutton { background-image: url("hombutton.jpg"); }
#hombutton:hover { background: none; }
#artbutton { background-image: url("artbutton.jpg"); }
#artbutton:hover { background: none; }

#lowbuttona { background: url("lowbuttona.jpg") 8px 2px no-repeat; }
#notbuttona { background: url("notbuttona.jpg") 8px 2px no-repeat; }
/*#grpbuttona { background: url("grpbuttona.jpg") 8px 2px no-repeat; }*/
#galbuttona { background: url("galbuttona.jpg") 8px 2px no-repeat; }
#lecbuttona { background: url("lecbuttona.jpg") 8px 2px no-repeat; }
#hombuttona { background: url("hombuttona.jpg") 8px 2px no-repeat; }
#artbuttona { background: url("artbuttona.jpg") 8px 2px no-repeat; }

div.main {
    overflow: hidden;
    border: ridge #a0a0a0;
    margin: 0 20px 10px 20px;
}

div.header {
    border-style: ridge ridge none ridge;
    border-color: #a0a0a0;
    margin: 10px 20px 0 20px;
    padding: 0;
    overflow: hidden;
}
div.logo {
    clear: left;
    float: left;
    overflow: hidden;
    padding: 4px 0 4px 20px;
}
div.title {
    height: 100px;
    margin: 0 auto;
    overflow: hidden;
    width: 500px;
    padding-right: 120px;
}

div.body {
    border-right: ridge #a0a0a0;
    margin: 0px 130px 0px 0px;
}
div.content {
    float: left;
    text-align: left;
    margin: 0 auto;
    padding: 20px 50px;
}
.end {
    clear: both;
    text-align: center;
}

div.menu {
    color: black;
    float: right;
    clear: right;
    text-align: center;
    width: 130px;
}

h1 {
    margin-top: 0px;
    text-align: center;
}
h2 {
    text-align: center;
}

div.menu div { padding: 0 5px; }
div.menu hr { padding: 0px; }
div.menu .link { padding-top: 4px; padding-bottom: 4px; font-size: 80%; }
div.menu .section { padding-top: 10px; font-weight: bold; }
div.menu .steve { font-size: 70%; }
div.menu .articles { padding-top: 10px; font-weight: bold; text-decoration: underline; }
div.menu .spacer { border-bottom: ridge #a0a0a0; margin: .5em 0 .5em 0; }

div.footer {
    text-align: left;
    margin: 0 20px 20px 20px;
    overflow: hidden;
}

div.copyright {
    float: left;
    clear: both;
    color: black;
    font-size: 90%;
}

div.design {
    font-size: 80%;
    text-align: left;
    float: left;
    clear: left;
}

div.design a:link { color: black; }
div.design a:active { color: black; }
div.design a:hover { color: #006000; }
div.design a:visited { color: black; }

div.whowho {
    font-size: 80%;
    clear: right;
    float: right;
}

img.logo {
    width: 100px;
    height: 100px;
}

img.portrait {
    float: right;
    margin: 20px;
}

div.note {
    overflow: hidden;
}

div.note_title {
    font-size: 120%;
    font-weight: bold;
    float: left;
}

div.note_date {
    font-weight: bold;
    float: right;
}

div.note_body {
    clear: both;
    padding-top: .5em;
    padding-bottom: 1em;
    line-height: 110%;
}

div.note_body p {
    padding-bottom: 1em;
    margin: 0;
}

div.gallery {
    padding-top: 10px;
    padding-bottom: 10px;
}
table.gallery {
    margin-left: auto;
    margin-right: auto;
}
table.gallery td {
    text-align: center;
    padding: 5px;
}

div.articles {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    font-size: 120%;
    line-height: 200%;
}