html {overflow-y: scroll;}

* {outline: 0;}
body, td, p {font-family: garamond, times new roman; font-size: 120%;}
body {margin: 0; background-color: #fff0de;}
body.index {background-color: #ffe3c2;}

.headline {font-weight:bold; font-size:12pt;}
.title {font-size: 16pt; font-weight: bold;}
.author {font-weight: bold; font-size: 100%; color:#666666;}
.authordata {font-weight: bold; font-size: 90%; color:#666666;}
.caption {font-size:10pt;}
.worklist-order {float: right; font-size: .8em; margin-bottom: .5em;}

A {color: #336699;}
A:hover {color: #5391CF;}

#content p {font-size: 100%;}

.list {background: #FFF0DE; cursor: pointer:}
.listover {background: #FFE3C2; cursor: pointer;}

.h {font-weight: bold;}

.headline {text-decoration: none; color: #202020; font-weight: bold; font-size: 12pt;}
.glossary {text-decoration: none; color: #4040C0;}

.searchtitle {font-size: 10pt; font-weight: bold;}
.searchinput {border: 1px solid #335599; width: 85px; height: 17px; font-size: 11px; background: #FFF8F0; font-family: times new roman;}
.searchinput-content {border: 1px solid #335599; padding: 5px; vertical-align: top; background: #fff; font-family: times new roman;}
.search {background: #FFFF00;}
#content select {padding: 5px;}


.text {text-align: justify;}

.link {text-decoration: none;}

.copyright {clear: both; margin: 0 auto; padding: 1em; min-width: 760px; text-align: center; font-size: 8pt; color: #808080; text-decoration: none;}

###

.clr {clear: both;}
.center {text-align: center !important;}
.right {text-align: right !important;}
.justify {text-align: justify !important;}
div#main-container {width: 100%; padding: 0 1em; margin: 0 auto; max-width: 1300px; min-width: 760px; box-sizing: border-box; display: table;}
div#container {display: table-row;}
div#left {width: 101px; border: 1px solid #000; background-color: #ffe3c2; display: table-cell; vertical-align: top;}
div#content-container {border-top: 1px solid #000; border-right: 1px solid #000; border-bottom: 1px solid #000; background-color: #fff8f0;  display: table-cell; vertical-align: top;}
div#content-header {width: 100%; height: 29px; background: #f0cd98 url(images/topindex2.gif) top left no-repeat; border-bottom: 1px solid #000;}
div#content-header > h1 {padding: 4px 0 0 10px; font-size: 18px; font-weight: bold; text-align: left;}
div#content {width: 100%; padding: 10px; box-sizing: border-box; text-align: left;}
div#work-text {float: left; width: 60%; margin-bottom: 1em;}
div#work-images {float: left; width: 38%; margin-left: 2%; margin-bottom: 1em;}
div#work-images > a {width: 100%; border: 1px solid #000; display: inline-block;}
div#work-images > a > img {width: 100%;}
div#work-images .caption {text-align: center; font-size: 100%;}

nav#topmenu
{
 background-color: #f0cd98;
 width: 100%;
 border-bottom: 1px solid #000;
 margin: 0 auto 10px auto;
 text-align: center;
}

nav#topmenu > ul
{
 list-style: none;
 padding: .25em 0;
 margin: 0;
}

nav#topmenu > ul > li
{
 display: inline-block;
 padding-left: 1em;
 padding-bottom: 0px;
 font-weight: bold;
 font-size: 12pt;
}

nav#topmenu > ul > li:first-child
{
 padding-left: 0;
}

nav#topmenu ul > li > a
{
 display: block;
 text-decoration: none;
 color: #000;
}

nav#topmenu > ul > li:hover > a,
nav#topmenu > ul > li.active > a
{
 color: #fff;
}

nav#topmenu > ul ul.submenu
{
 list-style: none;
 display: none;
 position: absolute;
 margin: 0 0 0 -20px;
 padding: .25em 1em;
 margin-top: 1px;
 background-color: #f0cd98;
 border-left: 1px solid #000;
 border-right: 1px solid #000;
 border-bottom: 1px solid #000;
 z-index: 100;
}

nav#topmenu > ul ul.submenu > li
{
 display: block;
 clear: both;
 text-align: left;
 padding: .2em 0;
}

nav#topmenu > ul > li:hover > ul.submenu
{
 display: block;
}

nav#topmenu > ul > li:hover > ul.submenu > li > a:hover,
nav#topmenu > ul > li:hover > ul.submenu > li.active > a
{
 color: #fff;
}