html, body { overflow: auto; }
#sidebar { display: none; }
.small { position: absolute; top: 94px; right: 0; display: block; }
#menu {  }
#menu-inner { background-image: none; width: 100%; height: auto; margin-top: 200px; padding: 0; }
.blank { display: none; }
#fix-width { position: relative; width: 600px; height: auto; margin-right: auto; margin-left: auto; padding: 10px; }
#p7 { clear: none; }
.preview {  }
#introduction { display: none; }
#p2 { background-image: url(../graphics/about.jpg); width: 150px; height: 150px; float: left; }
#p3 { background-image: url(../graphics/news.jpg); width: 150px; height: 150px; float: left; }
#p4 { width: 150px; height: 150px; float: left; }
#p5 { background-image: url(../graphics/performances.jpg); width: 150px; height: 150px; float: left; }
#p6 { background-image: url(../graphics/listen.jpg); width: 150px; height: 150px; float: left; }
#p7 { background-image: url(../graphics/theatre.jpg); width: 150px; height: 150px; float: left; clear: left; }
#p8 { width: 150px; height: 150px; float: left; }
#p9 { width: 150px; height: 150px; float: left; }
#p10 { background-image: url(../graphics/education.jpg); width: 150px; height: 150px; float: left; }
#p11 { background-image: url(../graphics/workslist.jpg); width: 150px; height: 150px; float: left; }
#p12 { background-image: url(../graphics/contact_O.jpg); width: 150px; height: 150px; float: left; }
#content { overflow: visible; }