body { background: #aaa url(../images/pagebg.gif) 0 0 repeat-x; font-family: Verdana, Arial, sans-serif; font-size: 100%; line-height: 1; text-align: center;}
#container { width: 920px; margin: 0 auto; position: relative; text-align: left;}
#header { background: #333; height: 100px;}
#header a { position: absolute; top: 30px; left: 0;}

#main_nav { background: #bbb; height: 20px;}
#main_nav ul { margin-left: 10px; padding-top: 4px;}
#main_nav li { float: left;}
#main_nav li a { color: #555; display: block; margin-right: 20px; font-size: 0.8125em; text-transform: uppercase; letter-spacing: .05em;}
#main_nav li a:hover, .home li#home a, .exhibitions li#exhibitions a, .artists #artists a, .about li#about a, .news li#news a, .contact li#contact a
{ color: #222;}

#pagebody { background: #eee; width: 920px; padding: 50px 0; border-top: 30px solid #ddd; position: relative;}
.home #pagebody { padding: 0; border: 0;}
.exhibitions #pagebody { background: url(../images/exhibitions_pbg.gif) 0 0 repeat-y; padding: 1px 0 20px 0; border: 0;}

#textcol, #imagecol, #exhibition_images, #exhibition_overview, #newslist { float: left;}
#textcol { width: 280px; margin-left: 20px; }
#newslist { width: 600px; margin-left: 20px; }
.wrapper { margin-left: 320px;}
#imagecol { background: #fff; width: 320px; padding: 10px 0;}
#exhibition_images, #exhibition_overview { background: #fff; width: 620px; padding: 50px 0; }
#exhibition_overview { padding-bottom: 30px;}
#sidebar { margin: 0 20px 0 660px;}
.exhibitions #sidebar { margin: 50px 20px 0 640px; }
.wrapper #sidebar { margin: 0 20px 0 340px;}
#footer { background: #ddd; height: 40px;}

#textcol img { float: left; margin: 5px 10px 0 0;}
#imagecol img { display: block; margin: 10px 20px 20px 20px;}
#imagecol p, #exhibition_images p { font-size: 0.625em; margin: 0 20px; line-height: 1.2em;}
#imagecol p { margin-top: -10px;}
#exhibition_images p { margin: 0;}
#imagecol p strong, #exhibition_images p strong, #exhibition_overview p strong { color: #555;}

.entry { padding: 0 0 40px 0; clear: left;}
.entry img { float: left; margin: 0 10px 10px 0;}
.entry h3 { margin: 0; line-height: 1em; margin: 0 0 15px 0;}
.entry h3 a { color: #566;}
.more a { color: #222;}

#exhibition_images h2, #exhibition_overview h2 { margin: 0 10px 0 20px; }
#exhibition_images h3, #exhibition_overview h3 { font-size: 0.625em; margin: 0 10px 0 20px;}
#exhibition_images h4, #details h4 { font-size: 1em; text-transform: none; line-height: 1em; font-weight: bold; margin-left: 20px;}
#exhibition_images ul { margin: 30px 0;}
#exhibition_images li { width: 280px; float: left; margin: 0 0 40px 20px;}
#exhibition_images li img { width: 280px; float: left; margin-bottom: 5px;}
#exhibition_images li.left { clear: left;}
.exhibitions #sidebar p { font-size: 0.6875em;}

#exhibition_overview img { margin: 20px 0 0 20px;}
#exhibition_overview p { margin: 5px 20px; font-size: 0.625em;}

#sidebar ul { border-bottom: 1px solid #ccc; overflow: auto;}
#sidebar li { display: block; float: left;}
.artists #sidebar li a, .news #sidebar li a, .about #sidebar li a { color: #555; display: block; width: 240px; line-height: 2.364em; border-top: 1px solid #ccc; font-size: 0.6875em;}
#sidebar li a:hover { background: #ddd; color: #222; border-color: #999; }
#sidebar li h3, #sidebar li h3 a { color: #222; font-weight: normal; font-family: Arial; line-height: 1.25em;}
#sidebar li h3 { font-size: 0.75em;}
ul#future { margin-bottom: 5px; border: 0;}

#about-us { width: 500px; position: absolute; top: 255px; left: 20px; font-size: 0.833em;}
#about-us p.more { font-size: 1em; border: 0; margin: 0;}
#about-us p.more a { border: 0; }

.exhibitions #sidebar li { color: #555; display: block; width: 260px; padding: 18px 0 5px 0; margin: 0; border-top: 1px solid #ccc;}
#whats-on { background: #fff; padding: 20px 20px 40px 0; width: 900px; position: relative; overflow: auto;}
.exhibitions #whats-on { width: 620px; float: left; padding: 30px 0 0 0;}
#whats-on hr { width: 580px; margin: 0 20px 20px 20px; height: 1px; color: #ccc; border-top: 1px solid #ccc;}
#whats-on li { width: 280px; float: left; margin-left: 20px;}
#whats-on li img { float: left; margin: 0 10px 0 0;}
li h3, li h4, li p { font-size: 0.6875em; line-height: 1em; }
li h3 a { color: #333; font-weight: bold;}
li h4 { color: #566; margin: 5px 0; font-weight: normal; text-transform: none; line-height: 1.5em;}
li p { color: #555;}

#overview { width: 896px; margin: 0 10px}
#overview ul { padding-top: 30px; width: 900px; position: relative;}
#overview h2 { background-position: 100% 50%; background-repeat: no-repeat; margin: -1px 6px 0 10px; padding: 10px 0 7px 0; border: 1px solid #bbb; border-left: 0; border-right: 0; clear: left;}
#overview h2 a { color: #333;}
#overview li { background: #fff; display: block; float: left; width: 128px; height: 150px; margin: 0 10px 20px 10px; border-width: 1px; border-style: solid; border-color: #ddd #bbb #bbb #ddd;}
#overview li img { margin: 9px; }
#overview li p { color: #333; margin: 0 9px 5px 9px; font-size: 0.6875em; font-family: "Trebuchet MS", Tahoma, sans-serif; }
h2.open { background-image: url(../images/icn_minus.gif);}
h2.closed { background-image: url(../images/icn_plus.gif);}

label, form p {display: block; color: #333; font-size: 0.875em; margin: 0;}
.textfield, .textarea { width: 500px; padding: 2px; margin: 5px 0 10px 0; border-style: solid; border-width: 1px; border-color: #999 #ccc #ccc #999; font-size: 1.125em;}
form div { margin: 0 0 20px 0;}
form div label { color: #555; margin: 1px 0;}

#main_nav li a { font-family: Arial, sans-serif;}

h2 { font-size: 1.5em; margin-bottom: 10px; text-transform: uppercase;}
#newslist h2 { border-bottom: 1px solid #ccc; margin-bottom: 40px;}
h3, h4 { color: #555; text-transform: uppercase; font-weight: bold; font-size: 0.75em; line-height: 2.364em; margin: 0;}
h3 a { color: #555;}
p { color: #555; margin-bottom: 15px; font-size: 0.75em; line-height: 1.5em;}
em { font-style: italic;}
strong { font-weight: bold;}
a { text-decoration: none;}
p a { color: #222; border-bottom: 1px solid #ccc; padding-bottom: 1px;}
p a:hover { border-color: #222;}
.caps { text-transform: uppercase;}

#footer p { font-size: 0.625em; margin: 0 0 0 10px; padding-top: 15px;}

#pagebody:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
#pagebody {display: inline-block;}

/* Hides from IE-mac \*/
#pagebody {display: block;}
/* End hide from IE-mac */