/*@font-face should be implemented in CSS3!*/

body {background-color: #e0e0ee; font-family: optima, candara, "lucida grande", "lucida sans", sans serif; font-size: 11pt; font-weight: normal;  font-style: normal; text-decoration: none; color: #000000; text-align: left; padding: 0% 20% 0% 12%; margin: 0; line-height: 1.2em;}
h1 {font-size: 28pt; font-weight: bold; line-height: 1.2em;}
h2 {font-size: 20pt; font-weight: bold; line-height: 1.2em;}
h3 {font-size: 18pt; font-weight: bold; line-height: 1.2em;}
h4 {font-size: 16pt; font-weight: bold; line-height: 1.2em;}
h5 {font-size: 14pt; font-weight: bold; line-height: 1.2em;}
h6 {font-size: 12pt; font-weight: bold; line-height: 1.2em;}
p {font-family: didot, constantia, palatino, "palatino linotype", georgia, serif; text-indent: 4ex; padding: 0; padding-bottom: 1em; margin: 0; margin-right: 1em; line-height: 1.5em;}
pre {padding: 0; margin: 0; font-family: didot, constantia, palatino, "palatino linotype", georgia, serif; line-height: 1.5em; white-space: pre-wrap;}
hr {color: #504099; background-color: #504099; width: 100%; height: 2px; border-style: inset; padding: 0; margin: 0;}
br
img
em, cite, dfn {font-family: didot, constantia, palatino, "palatino linotype", georgia, serif; font-style: italic;}
big {font-size: 14pt;}
strong {font-weight: bold;}
a:link {text-decoration: none; font-weight: bold; color: #5577dd;}
a:hover {text-decoration: underline; color: #ffcc00;}
a:active, a:visited {text-decoration: none; color: #990000;}
dl {list-style: none; padding: 0; margin: 1em 0em 1em 0em;}
dt {font-size: 12pt; font-weight: bold; padding: 0em 0em 0.75em 0em; margin: 0;}
dd {margin: 0; padding: 0em 0em 1em 2.5em;}
dd p {padding-bottom: 0.5em; text-indent: 4ex;}
address {display: block; font-size: 16pt; font-weight: bold; font-style: normal; margin: 0; padding: 0.25em 0em 0.75em 0em;}
abbr {border: 0;}

#shell {padding: 0; margin: 0; min-width: 621px; max-width: 768px; position: relative;}

#banner {display: table-cell; vertical-align: middle; padding: 0; margin: 0; border: 0; border-right: 2px solid #405099; border-bottom: 10px solid #405099; background: #405099 url(/banner5.jpg) no-repeat scroll top left; height: 90px; width: 1024px; color: #ffffff; text-indent: 5%; clear: left;}
#banner h1 {margin: 0; padding: 0;}

#meta {float: left; width: 146px; background-color: #5577dd; margin: 0; padding: 20px 0px 7.5px 0px; border: 2px solid #405099; border-bottom: 12px solid #405099;}
#meta ul {list-style: none; padding: 0; padding-bottom: 7.5px; margin: 0; border: 0;}
#meta li {margin: 0; padding: 0; border: 0;}
#meta a {text-decoration: none; font-weight: normal;}
#logos li {padding: 5px 20px 5px 20px;}
#logos img {border: 0;}
#notes {text-indent: 0; font-size: 9pt; color: #ffffff; padding: 3px;}
#notes li {padding: 7px 5px 5px 10px; border-top: 1px solid #405099;}
#notes a {color: #000099;}
#notes a:hover {color: #ffffff;}
#nav li a {display: block; color: #ffffff; background-color: #1111cc; border: 2px solid #405099; margin-bottom: 3px; padding: 5px 20px 5px 20px; font-size: 10pt;}
#nav li a:hover {background-color: #ffcc00; color: #990000;}

#content {margin: 0; margin-left: 148px; max-width: 878px; border: 2px solid #405099; padding: 20px 12px 30px 12px; background-color: #ffffff;}

#now {color: #990000; background-color: #e0e0ee; padding: 0.5em 0em 0.5em 0em; margin-bottom: 1em; border-top: 1px solid #990000; border-bottom: 1px solid #990000;}

#contact {background-color: #e0e0ee; margin: 0; padding: 1em; border: 0; border-bottom: 2px solid #990000; border-top: 2px solid #990000;}
#contact a:hover {color: #990000;}
#contact a:active, a:visited {color: #ffcc00;}

.i {font-weight: normal; font-style: italic; font-family: palatino, constantia, "palatino linotype", didot, georgia, serif;}
.r {float: right;}
.l {float: left;}
.portrait {display: block; margin: 1em 1em 1em 1em; padding: 2px; border: 1px solid #504099;}
.c {margin-left: auto; margin-right: auto;}
.serif {font-family: didot, constantia, palatino, "palatino linotype", georgia, serif; line-height: 1.5em;}
ol.mvmts {list-style: upper-roman inside none; padding: 1em 0 0.5em 0; margin: 0 0 0 2.5em;}
ol.mvmts li {font-size: 13pt; font-weight: bold; margin: 0; padding: 0;}
div.poems {margin: 1em 0em 1em 0em; padding: 0;}
div.poems h6 {margin: 0; padding: 0em 0em 0.75em 0em;}
div.poems pre {padding: 0em 0em 1em 2.5em;}
ul.parts {margin: 0.5em 0em 0.5em 0em; padding: 0; list-style: none;}
ul.parts li {display: inline; padding-right: 4ex;}