body { background: url(art/bg-main.gif) repeat-x #000000; margin: 0px; color: #39163b; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 20px; }
a { color:#39163b; }
a:hover { color:#000; }
a img { border:none; }
.photo { float:left; margin: 0px 20px 5px 0px; vertical-align:top; border-width:2px; border-style:solid; border-color:#39163B;}
.quote { font-style:italic; font-weight:bold; }
.left { float:left; }
.right { float:right; }
.caption {font-size: 13px; line-height: 14px; color: #fff; font-style: italic; font-weight:bold; float:right; width:220px; }
.captioned-image { padding:5px; border: 1px solid #ccc; background:#666; }
.captioned-image.left { margin:0px 10px 10px 0px; }
.captioned-image.right { margin:0px 0px 10px 10px; } 
.captioned-image img { border:1px solid #444; }
.captioned-image .caption {float:none; display:block; margin-top:5px; font-size:11px; line-height:12px; }
p { margin: 1em 0; padding: 5px 0px 0px 0px; }
#text p.quote { padding:1em 50px; clear:both; margin:0px; }
#text p.quote .from { display:block; text-align:right; }
ul.toc { list-style-type:none; padding:0px; margin:0px; }
ul.toc li { float:left; margin:0px; padding:0px; }
ul.toc li img { vertical-align:top; }
ul.toc .sub-menu { position:absolute; background-color:#fff; padding:0px; width:275px; border:none; z-index:2; }
ul.toc .sub-menu a { display:block; }
ul.toc .sub-menu a { display:block; text-decoration:none; height:21px; padding:5px; background:url(/art/toc/drop-down-bg.jpg) repeat-x; }
ul.toc .sub-menu a:hover {background-position: 0px -31px; color:#fff; }
h1 { font-size: 24px; font-weight: bold; border-bottom-color: #39163B; border-bottom-width: 1px; border-bottom-style: solid; padding-bottom: 10px; }
#container { width: 979px; margin: 0px auto; }
#logo-top { background: url(art/bg-header.gif) repeat-x; width: 497px; float: left; }
#content { background: url(art/bg-body.gif) repeat-y; float: left; }
#header { float: right; width: 641px; height: 100px; }
#text { width: 585px; float: right; margin: 25px 40px 25px 0px; }
#text p { clear:left; }
#buttons { width: 431px; float: right; }
#buttons .front-intro-content { padding:0 45px 0 20px; }

#sub-toc { background: url(art/bg-subtoc.gif) no-repeat; float: left; width: 230px; clear: left; margin: 0px 0px 0px 40px; padding: 25px; font-size: 16px; font-weight: bold; line-height: 18px; }
#sub-toc li { margin:0px 0px 15px 15px; }
#content-footer { clear: both; color:#fff; }
#content-footer a { color:#fff; }

#flash-secondary { width: 338px; height:157px; float: left; background: url(/art/blank.jpg) no-repeat 0px 0px; }
#flash-secondary img { position:absolute; }

#toc-top { float: right; }

#intro { background: url(art/text-main.gif) no-repeat; float: left; width: 482px; clear: left; font-size: 14px; font-weight: normal; line-height: 20px; margin: 0px; padding: 190px 16px 25px 45px; }
#intro .movie { border:1px solid #000; padding:0; height:385px; }


ul.front-news { list-style-type:none; margin:0px; padding:0px; }
ul.front-news .date { font-weight:bold; display:inline-block; width:70px; float:left; clear:left; }
ul.front-news .summary { font-style:italic; display:block; margin-left:95px; }
ul.front-news a.title { font-weight:bold; display:block; float:left; width:490px; padding-left:25px; clear:right; background: url(/art/icon-page.gif) no-repeat top left;}
ul.front-news li.video a.title { background-image: url(/art/icon-movie.gif); }
ul.front-news li.pdf a.title { background-image: url(/art/icon-pdf.gif); }
ul.front-news li { margin:15px 0px; float:left; }
p.news-summary { font-style:italic; }
.event { margin: 0px 0px 10px 20px; }
.event .title { font-weight:bold; }
.event .details { display:block; margin-left:40px; }
ul.board-list { list-style-type:none; margin:0px; padding:0px; margin-left:50px; }
.board-list .title {display:inline-block; font-weight:bold; }
.board-list .title:after { content: "-"; margin:0px 5px; } 
.board-list .name { font-style:italic; }

.ditto_previous_off, .ditto_currentpage, .ditto_page { display:inline-block; padding-right:5px; }