HTML, BODY {background-color:#1c1c1c; color:#fff;}
BODY.exhibition {background-image:url('/static/site/graphics/background-tile.gif'); background-position:50% 23px;}
BODY.exhibition #hd, BODY.exhibition .full-column {background-image:url('/static/site/graphics/a-level/body-bg.png');}
BODY.exhibition #ft {background-image:url('/static/site/graphics/a-level/footer-bg.png');}
/* Hack transparent PNG backgrounds for IE6 which can't handle them */
BODY.exhibition #bd {background-color:#000; _zoom:1;}
BODY.exhibition #hd, BODY.exhibition #ft, BODY.exhibition .full-column {_background:none;}

BODY.exhibition .content, BODY.exhibition .content A, BODY.exhibition .content H1, BODY.exhibition .content H1 EM, BODY.exhibition .content H2, BODY.exhibition .content .section H2, BODY.exhibition .content H3, BODY.exhibition .content H4, BODY.exhibition .breadcrumbs, BODY.exhibition .breadcrumbs A {color:#fff;}
BODY.exhibition .breadcrumbs A:hover, BODY.exhibition .content A:hover {color:#ED1B24;}

BODY.exhibition .content H2 {font:bold 175% Arial, sans-serif; color:#fff; padding-bottom:10px; padding-top:20px; clear:both;}
BODY.exhibition .content .divider2 {clear:both; margin:0; padding:0;}
BODY.exhibition .content .divider, BODY.exhibition .content .divider2 {border-top:2px solid #545454;}

BODY.exhibition .alevel-exhibition-header H1 {float:left;}
BODY.exhibition .alevel-exhibition-subnav {float:right; width:280px;}
BODY.exhibition .alevel-exhibition-subnav LI {list-style:none; padding-left:12px; background:url('/static/site/graphics/alevel-subnav-arrow.png') no-repeat 0 4px;}

/* Album */
.photo-album {background:#FFFFFF url('/static/site/graphics/spinner-small-busy-white.gif') center 275px no-repeat;}
.photo-album .title-bar {font: 80%; height:25px; background:#1C1C1C}
.photo-album .title-bar H2 {font:bold 100% Arial, sans-serif; float:left; height:25px; line-height:25px; margin:0px 0px 0px 10px;}
.photo-album H2 {float:left; height:40px; color:#FFFFFF; font:80%/40px Arial, sans-serif;margin:-2px 0px 2px 0px;}
.photo-album .help {background:url('/static/site/graphics/question.gif') no-repeat 100% 8px;}
.photo-album .close {background:url('/static/site/graphics/close.gif') no-repeat 100% 8px;}
.photo-album .hiding {background:url('/static/site/graphics/plus-minus.gif') no-repeat 100% 8px;}
.photo-album .showing {background:url('/static/site/graphics/plus-minus.gif') no-repeat 100% -42px;}
.photo-album .help, .photo-album .close, .photo-album .show-hide {float:right; padding:0px; margin:0px; display:block; color:#FFFFFF; font:bold 75%/24px Arial, sans-serif; text-align:right; text-decoration:none; height:23px; padding-right:15px; margin-right:10px; cursor: pointer;} 
.photo-album .main-image {display:block; margin-left:auto; margin-right:auto; padding:0; background-color:#FFFFFF;}
.photo-album .main-image IMG {display:block; margin-left:auto; margin-right:auto; padding:0px;}
.photo-album .previous-page {position:absolute; z-index:4; top:25px; left:0px; width:50px; height:100%; background:url('/static/site/graphics/judge-arrow-l.gif') no-repeat center center; display:block; text-decoration:none;}
.photo-album .previous-page:hover {background-color:#333333; opacity:0.75;}
.photo-album .next-page {position:absolute; z-index:4; top:25px; right:0px; width:50px; height:100%; background:url('/static/site/graphics/judge-arrow-r.gif') no-repeat center center; display:block; text-decoration:none;}
.photo-album .next-page:hover {background-color:#333333; opacity:0.75;}
.photo-album .next-page SPAN, .photo-album .previous-page SPAN {visibility:hidden;}
#info {color:#000; float:left; position:absolute; overflow:hidden; width:650px; border:1px solid #000; top:25px; left:154px; padding:10px 0px; background:#fff; font:normal 75% Arial, sans-serif;}
#info P {padding:2px 0; margin:0 10px; height:auto;}
#help {position:absolute; top:30px; right:25px; z-index:30; height:146px; width:142px; background:transparent url('/static/site/graphics/gallery-view-info.gif') no-repeat center center; color:#000;}
#help P {padding:0px 0px; margin:0px 10px;font:normal 70% Arial, sans-serif; margin:30px 7px 7px 7px;}
.image-switcher {}
.image-switcher .toggle {color:#00f; cursor:pointer;}

.exhibition .paginator-controls .previous,
.exhibition .paginator-controls .pages,
.exhibition .paginator-controls .next { float: left; margin: 10px 6px; cursor: pointer; }
.exhibition .paginator-controls .pages span { margin-right: 4px; }
.exhibition .paginator-controls .disabled { color: #999; }
.exhibition .paginator-controls .hovered { color: #ED1B24; }
.exhibition .paginator-controls .selected { font-weight: bold; }

.intro {font: normal 160% tahoma, sans-serif;}
.boxout {background:#1c1c1c; width:215px; float:left;}
.boxout .bigimg {border:2px #111 ridge; padding:1px; margin:18px;}
.boxout P {margin:0px 18px; font-size:200%;}
.boxout A {color:#fff;}

.gallery {width:884px; margin:0 auto; padding:0 7px 40px 19px;}
.gallery .gallery-image { display: inline; float: left; padding: 7px 19px 18px 7px; }

/* Gallery Images */
.gallery-image {width:100px; height:100px; overflow:hidden; position:relative;}
.youtube-image .image-holder {display:block; height:99px; border:1px solid #666666; overflow:hidden;}
.youtube-image .image-holder IMG {margin-top:5px; margin-left:-10px;}
.gallery-image .play-icon {display:block; width:92px; height:88px; position:absolute; top:12px; left:12px; background:url('/static/site/graphics/play-icon.png') no-repeat center center; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/static/site/graphics/play-icon.png', sizingMethod='image');}
.gallery-image A {position:absolute; z-index:3; width:90px; height:25px; padding:55px 5px 20px; font:75% Arial, sans-serif; color:#505048; text-decoration:none; background:url('/static/site/graphics/gallery-image.gif') no-repeat 0 0; text-align:center; font-size:95%; text-indent:-9999px;}
BODY.exhibition .gallery-image A:hover {background-position:0 -100px; margin:0 0 0 0; color:#000; text-indent:0;}

/* Icon Links */
BODY.exhibition .print {background-image:url('/static/site/graphics/a-level/print.png');}
BODY.exhibition .email {background-image:url('/static/site/graphics/a-level/email.png');}
BODY.exhibition .buy-tickets {background-image:url('/static/site/graphics/a-level/buy-tickets.png');}
BODY.exhibition .read-more {background-image:url('/static/site/graphics/a-level/read-more.png');}


/*Comments page*/

#comments {padding-right:20px;}
BODY.exhibition LI.comment {list-style:none; padding-bottom: .5em; margin-bottom:1em; border-bottom: 1px solid #545454}
BODY.exhibition LI.comment .meta {display:block; text-align: right; color: #aaaaaa; font-style: italic;}

/*Kiosk*/
.kiosk BODY, BODY.exhibition #kiosk #hd, BODY.exhibition #kiosk, BODY.exhibition #kiosk #ft, BODY.exhibition #kiosk #ft .inner {background:#000;}
#kiosk {width:1200px;}
#kiosk .toggles {padding-left:0; margin:40px 0 0 0; text-align:center;}
#kiosk .toggles LI {cursor:pointer; display:inline-block; *display:block; *zoom:1; *float:left; font-size:120%; list-style:none; margin-right:30px; width:300px; height:130px; text-indent:-9999px;}
#kiosk .toggles .toggle-1 {background:url('/static/site/graphics/a-level/gallery1.gif') 50% -250px no-repeat;}
#kiosk .toggles .toggle-2 {background:url('/static/site/graphics/a-level/gallery2.gif') 50% -250px no-repeat;}
#kiosk .toggles .toggle-3 {background:url('/static/site/graphics/a-level/gallery3.gif') 50% -250px no-repeat;}


#kiosk .toggles .selected, #kiosk .toggles LI:hover {background-position:50% -61px;}
#kiosk .tab-group {margin-top:60px;}
#kiosk .tab {border:none;}
#kiosk #banner {width:1100px; margin-left:24px; left:0; position:relative;}
#kiosk #banner IMG {border-bottom:20px solid #000000;}
#kiosk .gallery {width:1100px; padding:0 7px 40px 0px;}
#kiosk .button {width:230px; height:30px; font-size:120%; float:left; margin:30px 30px 30px 0; padding-left:20px; display:inline; clear:none; border:2px #fff solid; cursor:pointer;}
BODY.exhibition #kiosk .gallery-image A:hover {background-position:0 0; text-indent:-9999px;}
#kiosk .gallery-image {height:150px; background:url('/static/site/graphics/gallery-image-kiosk2.gif') no-repeat 7px 3px; padding-right:15px; cursor:default;}
#kiosk .gallery-image IMG {margin:0 0 5px 0; float:left;}
#kiosk .gallery-image A {background:none; padding:0; height:150px; width:100px; text-indent:0;}
#kiosk .gallery-image A:hover P {color:#000; text-indent:0;}
#kiosk .gallery-image P {color:#000; margin:0 5px 5px 5px;}
#kiosk .gallery-image .play-icon {left:0; top:0; height:100px; width:100px;}
#kiosk .youtube-image .image-holder {margin-bottom:5px;}

.kiosk-overlay .photo-album .title-bar {font:120%; height:40px; padding-top:10px;}
.kiosk-overlay .photo-album .show-hide, .kiosk-overlay .photo-album .close {height:28px; padding-right:25px; font-size:90%; margin-top:1px;}
.kiosk-overlay .photo-album .close {background:url("/static/site/graphics/a-level/close-kiosk.gif") no-repeat scroll 100% 3px transparent;}
.kiosk-overlay .photo-album .hiding {background:url("/static/site/graphics/a-level/plus-minus-kiosk.gif") no-repeat scroll 100% 3px transparent;}
.kiosk-overlay .photo-album .showing {background:url("/static/site/graphics/a-level/plus-minus-kiosk.gif") no-repeat scroll 100% -97px transparent;}
.kiosk-overlay .photo-album .help {display:none;}
.kiosk-overlay .photo-album .previous-page, .kiosk-overlay .photo-album .next-page {top:50px; background-color:#333333; opacity:0.75;}
.kiosk-overlay #info {top:50px;}