@font-face {
    font-family: 'NewCicleSemi';
    src: url('fonts/new_cicle_semi-webfont.eot');
    src: url('fonts/new_cicle_semi-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/new_cicle_semi-webfont.woff') format('woff'),
         url('fonts/new_cicle_semi-webfont.ttf') format('truetype'),
         url('fonts/new_cicle_semi-webfont.svg#NewCicleSemi') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'NewCicleSemiItalic';
    src: url('fonts/new_cicle_semi_italic-webfont.eot');
    src: url('fonts/new_cicle_semi_italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/new_cicle_semi_italic-webfont.woff') format('woff'),
         url('fonts/new_cicle_semi_italic-webfont.ttf') format('truetype'),
         url('fonts/new_cicle_semi_italic-webfont.svg#NewCicleSemiItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}
/*
@font-face {
    font-family: 'NewCicleFina';
    src: url('fonts/new_cicle_fina-webfont.eot');
    src: url('fonts/new_cicle_fina-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/new_cicle_fina-webfont.woff') format('woff'),
         url('fonts/new_cicle_fina-webfont.ttf') format('truetype'),
         url('fonts/new_cicle_fina-webfont.svg#NewCicleFina') format('svg');
    font-weight: normal;
    font-style: normal;
}
*/
@font-face {
    font-family: 'NewCicleFinaItalic';
    src: url('fonts/new_cicle_fina_italic-webfont.eot');
    src: url('fonts/new_cicle_fina_italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/new_cicle_fina_italic-webfont.woff') format('woff'),
         url('fonts/new_cicle_fina_italic-webfont.ttf') format('truetype'),
         url('fonts/new_cicle_fina_italic-webfont.svg#NewCicleFinaItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'NewCicleGordita';
    src: url('fonts/new_cicle_gordita-webfont.eot');
    src: url('fonts/new_cicle_gordita-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/new_cicle_gordita-webfont.woff') format('woff'),
         url('fonts/new_cicle_gordita-webfont.ttf') format('truetype'),
         url('fonts/new_cicle_gordita-webfont.svg#NewCicleGordita') format('svg');
    font-weight: normal;
    font-style: normal;
}
/*
@font-face {
    font-family: 'NewCicleGorditaItalic';
    src: url('fonts/new_cicle_gordita_italic-webfont.eot');
    src: url('fonts/new_cicle_gordita_italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/new_cicle_gordita_italic-webfont.woff') format('woff'),
         url('fonts/new_cicle_gordita_italic-webfont.ttf') format('truetype'),
         url('fonts/new_cicle_gordita_italic-webfont.svg#NewCicleGorditaItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}
*/
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; }
a:hover { color: #95174f; }

a.maroon { font-family: 'NewCicleGordita'; font-size: 50px; }
a.maroon:link { color: #95174f; }
a.maroon:visited { color: #95174f; }
a.maroon:active { color: #95174f; }
a.maroon:hover { color: black; }

body.about { color: #800040; }

.quote { font-family: 'NewCicleSemi'; }
.quote em { font-family: 'NewCicleSemiItalic'; }
.quote em.source { font-family: 'NewCicleFinaItalic'; }

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: 4px 20px;
    overflow: hidden;
}
img.logo { width: 100px; height: 100px; }
div.logo { clear: left; float: left; overflow: hidden; }
div.title { margin: auto; padding: 25px 0; text-align: center; }

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; }

#index_outer {
    font-family: 'NewCicleGordita';
    background-image: url('/118_1837_r1crop.jpg');
    position: relative;
    border: 2px solid black;
    margin: 1em auto;
    width: 800px;
    height: 600px;
}
.index_links a:link { color: black; }
.index_links a:visited { color: black; }
.index_links a:hover { color: #95174f; }
.index_links a img { padding: 1px; }
.index_links a:hover img { border: 1px solid #95174f; padding: 0px; }
#index_fade {
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    opacity: .50;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
}
#index_holder { float: left; }
#index_footer { border-top: thin inset gray; text-align: center; }
div.index_col { position: absolute; top: 20px; width: 200px; }
#index_col_left { left: 20px; text-align: left; }
#index_col_right { right: 20px; text-align: right; }
div.index_col > div {
    font-size: 120%;
    padding-bottom: 30px;
    text-shadow: 1px 1px #808080;
}
#index_center {
    position: absolute;
    width: 300px;
    top: 20px;
    left: 250px;
    text-align: center;
}
.index_name { font-size: 40px; }
#index_bottom {
    position: absolute;
    bottom: 20px;
    left: 0px;
    text-align: center;
    font-size: 120%;
    width: 100%;
    text-shadow: 1px 1px #808080;
}
#index_center img { margin: 10px auto; }

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%;
}