* {margin:0; padding:0; border:0; background:none; }
html { height: 100%; margin-bottom: 1px; }
body {
  /*	font-family: Helvetica,Arial,sans-serif; */
  font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, "URW Palladio L", serif;
	line-height: 1.5em;
	font-size: 13px;
	color: #333;
	padding:20px 0 30px; text-align:center;
	background:rgb(0,180,225) url("/data/images/background.png") repeat-y 50% 0;
}

a:link, a:visited { text-decoration: none; font-weight: normal; color:darkblue; }
a:hover { text-decoration: underline; font-weight: normal; }
p { margin-top: 0; margin-bottom: 5px; }
img { border: 0 none; }
.small { font-size:.90em; color:#999; font-weight:normal; text-align:left; }
.clr { clear:both; }
.highlight { background:rgb(160,250,150); padding:0 1px; }
.ar { text-align:right; }
.ac { text-align:center; }

.rfoto, .lfoto { float:right; position:relative; z-index:2; display:inline;
         border:1px lightsteelblue solid; background:whitesmoke;
         padding:6px; margin:7px 0 11px 15px;
         text-align:center; font-style:italic; text-decoration:none; font-size:80%; }
.lfoto { float:left; margin:7px 15px 11px 0; }
.rfoto img, .lfoto img  { float:none; display:block; margin:2px; border:0px gray solid;  }

.video { display:block; margin:3px auto; border:1px gray solid;  }
.video embed { display:block;}

#main   { width:868px; margin:0 auto; display:table; }
#main   { background:white url("/data/images/main.png") repeat-y top center; }
#header { background:url("/data/images/header.jpg") no-repeat top center; display:block; height:255px; }
#left   { background:white; display:inline; width:170px; text-align:left;    float:left;  margin:32px  0px 40px 31px; border-right:1px rgb(0,50,130) solid; }
#right  { background:white; display:inline; width:600px; text-align:justify; float:right; margin:32px 41px 40px 0; border:0px grey solid; }
#footer { background:url("/data/images/header.jpg") no-repeat bottom center; clear:both; display:block; height:42px;
          text-align:center; font-size:9px; font-family: Arial, FreeSans, Helvetica, sans-serif;}
#footer, #footer a:link, #footer a:visited { color:#999; }

#main .center, #main .center p { text-indent:0; text-align:center; }

#menu { margin-bottom:80px; font-weight: normal; font-size:12px; padding-right:0px;
font-family: "Trebuchet MS", Trebuchet, Verdana, Arial, FreeSans, Helvetica, sans-serif;
}
#menu li#show {display:inline;}
#menu ul { margin: 0px 0; padding-left:20px; }
#menu li { margin:0px 0; /*border-bottom:1px darkblue dotted; */ list-style:none; display:inline; }
#menu li .h { display:none; }
#menu ul li a:link, div.module_menu ul li a:visited { }
#menu ul li { border:0; }
#menu a { display:block; border:0px red solid; padding:4px 0 4px 8px; line-height:110%;}
#menu a, #menu a:visited { color:darkblue; }
#menu .current a { font-weight:bold; background:rgb(200,240,250); text-decoration:underline;}
#menu .current ul a, #menu .current li a  { font-weight:normal; background:none; text-decoration:none;}
#menu a:hover, #menu .current ul a:hover, #menu .current li a:hover { text-decoration:underline; }


h1 { display:block; width:534px; padding:0 30px 23px; text-align:center;
     font-size:26px; font-weight:normal; line-height:1.0em; color:rgb(0,63,126); font-variant:small-caps; letter-spacing:1px;
     font-family: "Trebuchet MS", Trebuchet, Verdana, Arial, FreeSans, Helvetica, sans-serif;
   }


#right p { text-indent:20px; margin:2px 0 8px; font-weight:normal; text-align:justify; }
#right ul { margin:0; padding:0; margin:9px 0 9px 0; font-weight:bold;
                         display: block; list-style-type:disc; list-style-position:outside;
                       }
#right li { margin:0; padding:0; margin:4px 0 4px 24px; font-weight:normal; }

/* Catalogue (begin) */
#right .workslist span,
#right .workslist ul span { font-weight:bold; font-style:italic; margin-right:1px; }

#right .workslist ul { font-weight:normal; margin:0 1px 10px; border:0px red solid; }
#right .workslist ul ul { font-weight:normal; margin:4px 0 5px 30px; border:0px red solid; }

#right .workslist ul li,
#right .workslist ul ul li { margin:1px 0 3px 30px; border:0px gray solid; position:relative; }

#right .workslist ul .audioplayer,
#right .workslist ul ul .audioplayer,
#right .workslist ul li .audioplayer,
#right .workslist ul ul li .audioplayer { position:relative; margin-left:8px; top:2px; }

#right .noindent p { text-indent:0; }

/* Catalogue (end) */

/* Correspondence page */
#right .correspondence_top { display:block; font-size:14px; text-align:center; margin-bottom:18px; text-indent: 0px; }
.topofpage { display:block; text-align:center; border:0px red solid;  }
.topofpage a      { display:block; margin:10px auto 25px; border:0px red solid; width:100px; }
.topofpage strong { display:block; margin:25px 0 10px; border:0px grey solid; font-size:135%; }
.topofpage small  { display:block; font-size:100%; padding-bottom:15px; }

/* Archive / Audio Guide page */
#right #audioguide { text-align: center; }
#right #audioguide table { margin:0 auto;}
#right #audioguide table td { padding:5px 15px;}
.xcontentpaneopen #audioguide table td .audioplayer { border:1px red solid; display:block; margin:2px auto; }


/* google box */
#cse-search-box { width:140px; text-align:center; display:block; border-left:8px white solid; overflow:show; }
#cse-search-box input[type="text"] { width:140px; }
#cse-search-box input[type="submit"]
{ cursor: pointer; margin-top:7px; padding: 2px 7px 3px; border:1px #999 solid;
  font-size: 11px; font-family: Arial, Helvetica, Calibri, sans-serif;
  background:white url("/data/images/searchbutton.png") repeat-x 50% 0%;
}
/* IE 6 and below */
* html #cse-search-box { overflow:hidden; }

.audioplayer { top:2px; background:whitesmoke; }

.audiobutton { background:url(../data/images/play0.jpg); position:relative; display:inline-block; width:16px; height:16px; margin-left:2px; top:4px; }
.audiobutton:hover { background:url(../data/images/play1.jpg); }

#oralhistory p { /*font-weight:bold; */ text-align:center; }
#oralhistory dt { margin-top:8px; font-weight:normal; text-align:left; }
#oralhistory dd { margin-left:20px; }
#oralhistory dd p { text-indent:20px; margin:2px 0 8px; font-weight:normal; text-align:justify; }
#oralhistory .audiotable { text-align:center; display:block; width:410px; margin:0 auto; border:0px red solid; }
#oralhistory .audiotable .audioplayer { margin:0 3px 10px; }

h3, h4, h5 { text-align:center; font-weight:bold; }
h3, h3 a { font-size:17px; margin-bottom:10px; }
h4, h4 a { font-size:14px; margin-bottom:8px; }
h5, h5 a { font-size:12px; margin-bottom:6px; }

#workslist        { border-top:1px lightgrey solid; width:100%; border-collapse:collapse; margin-top:16px; }
#workslist td     { border-bottom:1px lightgrey solid; vertical-align:top; padding:16px 16px 16px 0; }
#workslist tr     { border-bottom:0px red solid; }
#workslist td img { border:1px gray solid; }

#work { text-indent:0; padding:0; }
#work ul { clear:both; border:0px blue solid; display:block; list-style-type:none; background:none; padding:0 20px; }
#work ul li { position:relative; padding-left:0px; text-indent:-24px; overflow:visible; padding-right:40px;}
#work ul li span { position:absolute; right:0; border:0px red solid; text-indent:0;}
#work ul li em span { font-style:normal; }
#work ul ol { padding-left:30px; border:0px red solid; }
#work ul ol li { padding:0; text-indent:0; }
#work .center img { margin:8px auto; height:120px; border:1px gray solid; }
#work .center { margin-bottom:10px; }

/*
.gallery a { width:190px; height:168px; margin:0 4px 10px; float:left; text-align:center; border:0px lightgray solid; font-size:90%; 	line-height: 1.3em;}
.gallery img { margin:0 auto 4px; height:100px; display:block; border:1px lightgray solid;  }
.gallery img:hover { border:1px whitesmoke solid;}
*/


.gallery a { width:190px; height:168px; margin:0 4px 10px; float:left; text-align:center; border:0px lightgray solid; font-size:90%; 	line-height: 1.3em;}
.gallery img { margin:0 auto 4px; height:100px; display:block; border:1px lightgray solid;  }
.gallery img:hover { border:1px whitesmoke solid;}


.gallery2 { clear:both; display:block; width:100%; text-align:center; margin-bottom:-12px; overflow:visible;}
.gallery2 a { width:150px; display:inline-block; margin:8px 4px 12px; text-align:center; font-size:90%; line-height: 1.3em; vertical-align:top; overflow:hidden; }
.gallery2 img { margin:0 auto 3px; height:100px; display:block; border:1px lightgray solid; padding:2px; }
.gallery2 img:hover { border:1px #e5e5e5 solid;}

/* --- */
#right .recentperformances p    { text-align:center; margin:9px auto; width:80%; }
#right .recentperformances h4,
#right .recentperformances h4 a { font-size:12px; font-weight:bold; text-align:center; margin:55px auto 5px; }
#right .recentperformances h5,
#right .recentperformances h5 a { font-size:16px; font-weight:bold; text-align:center; margin:1px auto 17px; }
#right .recentperformances object { margin:15px auto 12px; display:block; }