ul, ol { list-style:none; }
h1, h2, h3, h4, h5, h6, pre, code { font-size: 1em; }
ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, body, html, p, blockquote, fieldset, input, div, span, img, dt, dd, dl { margin:0; padding:0; }

/*                                                                          *
 *                              Main Styles                                 *
 *                                                                          */
html { font-size: 16px; background: #1c1c1c; }
body { text-align: center; font-family: "Helvetica, Arial", sans-serif; font-size: 62.5%; color: #666; background-color: #fff; font-size-adjust: 0.52; }

h1 { font-size: 1.8em; line-height: 100%; text-transform: uppercase; }
h2 { font-size: 1.6em; line-height: 100%; }
h3 { font-size: 1.5em; line-height: 100%; }
h4 { font-size: 1.4em; line-height: 100%; }
h5 { font-size: 1.3em; line-height: 100%; }

p { font-size: 1.3em; font-family: "Helvetica", "Arial"; }

a img { border: #fff solid 2px; }
a:hover img { border: #aaa solid 2px; }

a:link, a:visited { color: #666; text-decoration: none; outline: none; }
a:hover { color: #666; text-decoration: underline; }

span.hidden { display: none; }

.left { float: left; }
.right { float: right; }
.wrap-60p { width: 565px; }
.wrap-40p { width: 373px; }

div.clearfix { clear: both !important; float: none !important; font-size: 0px !important; }

/*                                                                          *
 *                              Wrap Styles                                 *
 *                                                                          */
#header		{ text-align: left; background: #fff; padding: 12px 0; }
#content	{ text-align: left; background: #3f3f3f url(../images/content_background.png) repeat-x scroll 0 0; border-bottom: 1px solid #2f2f2f; padding: 35px 0; }
#search		{ text-align: left; background: #1c1c1c; padding: 35px 0 21px; }
#toolbox	{ text-align: left; background: #1c1c1c url(../images/toolbox_background.png) repeat-x scroll 0 0; padding: 22px 0; }
#footer		{ text-align: left; background: #1c1c1c; height: 100px; }

body div.container	{ clear: both; float: left; width: 100%; }
#search + #toolbox { background-image: none; }


/*                                                                          *
 *                             Header Styles                                *
 *                                                                          */
#header h1									{ font-size: 1.5em; }
#header a									{ display: block; color: #666; background: url(../images/header_logo.png) no-repeat scroll 0 0; padding: 18px 0 0 100px; height: 13px; }
#header div#wrap-header						{ margin: 0 auto; width: 968px; }

/*                                                                          *
 *                            Content Styles                                *
 *                                                                          */
#content div#wrap-content					{ color: #fff; margin: 0 auto; width: 968px; }

/*                                                                          *
 *                             Search Styles                                *
 *                                                                          */
#search h1 									{ color: #999; padding: 0 0 9px 0; }
#search div#wrap-search						{ margin: 0 auto; width: 968px; }

div#search-results	{ float: left; padding: 0 0 0 64px; width: 697px; }
div#search-results h1 { text-transform: none; padding: 0 0 11px 0; }
div#search-results h1 span { color: #424242; }
div#search-results h2 a { color: #999; }
div#search-results h4 { font-weight: normal; line-height: 1.1em; }

div#search-results ul.items { padding: 0 0 15px 0; width: 100%; }
div#search-results ul.items li { border-top: #0f0f0f 1px solid; padding: 20px 0 18px 0; }
div#search-results ul.items li:hover { background: #1f1f1f; }
div#search-results ul.items li:hover h2 a { color: #fff; }
div#search-results ul.items li:hover div a img { border: 5px solid #b1b1b1; }

div#search-results ul.items li p { font-size: 1.4em; line-height: 17px; padding: 18px 0 0; }
div#search-results ul.items li p a { font: bold 1em "Arial"; text-decoration: underline; }
div#search-results ul.items li p a:hover { text-decoration: none; }

div#search-results ul.items li div { float: right; padding: 0 0 0 28px; width: 160px; }
div#search-results ul.items li div h4 { padding: 10px 0 0; }
div#search-results ul.items li div img { border: 5px #fff solid; width: 150px; height: 100px; }
div#search-results ul.items li div img:hover { border: 5px #b1b1b1 solid; }

div#search-results ul.paged { float: right; }

/*                                                                          *
 *                            Toolbox Styles                                *
 *                                                                          */
#toolbox h1									{ color: #999; padding: 0 0 9px 0; }
#toolbox div#wrap-toolbox					{ margin: 0 auto; width: 968px; }

#toolbox div#wrap-toolbox div#toolbox-left	{ float: left; width: 272px; }

#toolbox div#wrap-toolbox div#toolbox-right { float: left; width: 695px; }
#toolbox div#wrap-toolbox div#toolbox-right p { font-size: 1.4em; line-height: 22px; }
#toolbox div#wrap-toolbox div#toolbox-right div.paged-container ul { float: right; }
#toolbox div#wrap-toolbox div#toolbox-right div.paged-container ul li { padding: 0 0 0 15px; }
#toolbox div#wrap-toolbox div#toolbox-right div.paged-container h1 { text-align: right; }


#search-box { clear: both; float: left; width: 206px; }
#search-box input.search-button { margin: 0 0 0 3px; height: 26px; width: 28px; }

#browse-box { clear: both; float: left; padding: 0 0 25px 0;}
#browse-box select { background: #505050; border: none; height: 26px; width: 208px; }

/*                                                                          *
 *                             Footer Styles                                *
 *                                                                          */
#footer ul#wrap-footer		{ padding: 10px 0; margin: 0 auto; width: 968px; }
#footer ul#wrap-footer li	{ display: inline; padding: 0 12px 0 0; }
#footer ul#wrap-footer a	{ color: #666; font-size: 1.2em; }

/*                                                                          *
 *                              Form Styles                                 *
 *                                                                          */
form input 				{ float: left; color: #1b1b1b; background: #505050; border: none; }
form input.text			{ font: bold 18px "Arial"; padding: 3px 5px 2px; width: 165px; }
form input.text:hover,
form input.text:focus	{ color: #2a2a2a; background: #626262; }


/*                                                                          *
 *                              Page Styles                                 *
 *                                                                          */
/* exhibition pages */
ul#exhibition-details { float: left; width: 476px; }
ul#exhibition-details p { font-size: 1.4em; line-height: 22px; }
ul#exhibition-details li { padding: 0 0 21px 0; }

div#exhibition-files { float: right; padding: 0 0 0 30px; max-width: 462px; }
div#exhibition-files p.info { clear: both; float: right; color: #999; line-height: 28px; }
div#exhibition-files ul#slideshow { float: left; }
div#exhibition-files ul#slideshow li { float: left; background: #fff; }
div#exhibition-files ul#slideshow li a { float: left; display: block; }
div#exhibition-files ul#slideshow_empty { float: right; }
div#exhibition-files ul#slideshow_empty img { border: 2px solid #fff; }


div.exhibition-list-sep { clear: both; padding: 30px 0 0; }

div#program-list { clear: both; }
div#program-list ul { list-style-image: url(../images/list_disc.png); margin: 0 0 0 32px; }
div#program-list ul li { clear: both; padding: 15px 0 0 0; width: 445px; }
div#program-list ul li p { font-size: 1.4em; line-height: 22px; }

div#container-list { clear: both; }
div#container-list ul li { clear: both; padding: 15px 0 0 0; }
div#container-list ul li h4 { padding: 0 0 2px 0; }
div#container-list ul li h4.box-guy { padding: 0; text-decoration: underline; }
div#container-list ul li h4.indent-guy { padding: 20px 0 0 110px; }
div#container-list ul li h5 { float: left; width: 110px; }
div#container-list ul li h5 span { font-weight: normal; }
div#container-list ul li div { float: left; width: 655px; }
div#container-list ul li p { font-size: 1.3em; line-height: 14px; }



div#container-list .subseries { clear: both; float: left; }
div#container-list .subseries h3,
div#container-list .subseries div
{
        margin-left: 110px;
}
div#container-list .subseries h3 { clear: both; }
div#container-list .subseries h3 p { clear:both; font-size: 0.86em; font-weight: normal; }


/*                                                                          *
 *                            Content Styles                                *
 *                                                                          */
a.more { color: #fff; font: normal 14px "Arial"; background: url(../images/more.png) no-repeat scroll 0 0; text-decoration: underline; padding: 0 0 0 15px; }
a.more:hover { text-decoration: none; }
a.more:hover,
a.more.open { background: url(../images/more.png) no-repeat scroll 0 -17px; }
a.more.open:hover { background: url(../images/more.png) no-repeat scroll 0 0; }

a.mp3 { clear: both; float: left; display: block; color: #fff; text-decoration: underline; background: url(../images/mp3.png) no-repeat scroll 100% 0; line-height: 16px; padding: 2px 22px 1px 0; }
a.mp3:hover { color: #fff; text-decoration: none; background: url(../images/mp3.png) no-repeat scroll 100% -18px; }

ul.paged li { float: left; display: block; padding: 0 0 0 2px; }
ul.paged li a { font: bold 1.4em "Arial"; text-transform: uppercase; }
ul.paged li a:hover { color: #3f3f3f; text-decoration: none; }


ul.paged li a span { display: block; font-weight: normal; font-size: 12px; text-align: center; text-decoration: none; line-height: 23px; background: #000; border: 1px #0f0f0f solid; height: 23px; width: 23px; }
ul.paged li.on a span { background: #1c1c1c; }
ul.paged li a span:hover { color: #fff; }

ul.paged li.next a { background: url(../images/paged.png) no-repeat scroll 100% 0; text-decoration: underline; padding: 0 14px 0 0; }
ul.paged li.next a:hover { background: url(../images/paged.png) no-repeat scroll 100% -17px; padding: 0 14px 0 0; }
ul.paged li.prev a { background: url(../images/paged.png) no-repeat scroll 0 -34px; text-decoration: underline; padding: 0 0 0 14px; }
ul.paged li.prev a:hover { background: url(../images/paged.png) no-repeat scroll 0 -51px; padding: 0 0 0 14px; }

/* ===================== */
/* = will_paginate ... = */
/* ===================== */
div.paged a,
div.paged .current{ display: inline; font-size: 1.3em; font-weight: normal; height: 23px; line-height: 23px; padding: .6em .3em; text-align: center; text-decoration: none; width: 20px; 
}
div.paged .current{ color: #fff;}
div.paged .disabled{ color: #333; font-size: 1.3em;}
div.paged a:hover { color: #fff; }


input#select-box_input { font: bold 1.8em "Arial"; background: transparent url(../images/select-box.png) no-repeat scroll 100% 0; padding: 3px 5px 2px; height: 18px; width: 196px; }
input#select-box_input:hover { color: #2a2a2a; background: transparent url(../images/select-box.png) no-repeat scroll 100% -27px; }
div#select-box_container { clear: both; position: relative; }
div#select-box_container ul { position: absolute; border-right: #494949 1px solid; border-left: #494949 1px solid; overflow: auto; max-height: 110px; top: 0px; left: 0px; width: 204px; }
div#select-box_container ul li { display: block; color: #1b1b1b; background: #474747; font: bold 1.8em "Arial"; border-bottom: #494949 1px solid; padding: 3px 5px 1px; }
div#select-box_container ul li.selected { color: #2A2A2A; background-color: #626262; }


#wrap-content.about h2 { padding: 0 0 14px 0; }
#wrap-content.about p { line-height: 1.4em; padding-bottom: 10px; font-size: 1.3em; }
#wrap-content.about a { color: #fff; text-decoration: underline; }
#wrap-content.about a:hover { text-decoration: none; }
