body {
color:#696999;
font-size:12pt; 
font-weight:400; 
font-style:normal;
font-family:"Trebuchet MS", Sawasdee, "URW Gothic L", Arial, Helvetica, sans-serif;
text-decoration:none;
line-height:12pt;
background-color:#ffffff;
padding:0;
margin:0;
}

a:link, a:visited, a:active {
color:#999999;
font-size:12pt; 
font-weight:400; 
font-style:normal;
font-family:"Trebuchet MS", Sawasdee, "URW Gothic L", Arial, Helvetica, sans-serif;
text-decoration:none;
line-height:12pt;
background-color:#ffffff;
border-bottom:solid #c8c8c8 1px;
padding:0;
margin:0;
}

a:hover {
color:#000000;
text-decoration:none;
background-color:#ffdf00;
border-bottom:solid #ffdf00 1px;
}

.main {
position:relative;
text-align:left;
max-width:770px;
margin-left:auto;
margin-right:auto;
}

.banner {
position: fixed;
top:0px;
width:760px;
height:170px;
margin-left:auto;
margin-right:auto;
}

#bannerblock {
display:block;
}


#topnavblock {
position: fixed;
top:170px;
margin-top:0;
width:766px;
height:21px;
background-color:#989898;
padding:0;
margin-left:auto;
margin-right:auto;
}

/*.topnav {}*/


.topnav div.mainnav {
height:21px;
width:764px;
margin-left:1px;
padding-bottom:10px;
background-image: url("images/shadow.jpg");
background-repeat:repeat-x;
background-position:0% 100%;
}

.topnav div.mainnav div {
display:inline;
border-left:1px #ffffff solid;
text-align:center;
position: absolute;
padding:0;
margin:-1px;
}

.mainnav .home {
width:70px;
left:5px;
}


.mainnav .whatson {
width:100px;
left:75px;
}

.mainnav .workshops {
width:100px;
left:175px;
}

.mainnav .venue {
width:100px;
left:275px;
}

.mainnav .cafe {
width:100px;
left:375px;
}

.mainnav .support {
width:100px;
left:475px;
}

.mainnav .contact {
width:100px;
left:575px;
}

.mainnav .poetry {
width:70px;
left:675px;
}

.mainnav .close {
width:14px;
left:745px;
}

#close {
display:block;
}

#open {
display:none;
}

.mainnav a:link, .mainnav a:visited, .mainnav a:active  {
color:#383838;
font-family:"Trebuchet MS", Sawasdee, "URW Gothic L", Arial, Helvetica, sans-serif;
font-size:10pt;
font-weight:400; 
font-style:normal;
line-height:14pt;
text-decoration:none;
display:block;
width:100%;
height:auto;
min-height:20px;
padding:0;
margin:0;
border:1px #ffffff solid;
background-color:#c8c8c8;
}

.mainnav .close a:link , .mainnav .close a:visited {
background-color:#efef00;
}

.mainnav a:hover {
color:#000000;
text-decoration:none;
background-color:#ffcc00;
}

.mainnav .close a:hover {
background-color:#ffcc00;
}

.subnav {
margin-top:-11px;
margin-left:auto;
margin-right:auto;
text-align:center;
}

#subwhatson {
display:none;
position: absolute;
left:75px;
width: 100px;
height: auto;
z-index: 20;
}

#subsubvisualarts {
display:none;
position: absolute;
top:0.3em;
left:100px;
width: 100px;
height: auto;
z-index: 20;
}

#subworkshops {
display:none;
position: absolute;
width: 100px;
height:auto;
left:175px;
z-index: 20;
}

#subvenue {
display:none;
position: absolute;
width: 100px;
height: auto;
left: 275px;
z-index: 20;
}

#subsubtechnical {
display:none;
position: absolute;
top:0.3em;
left:100px;
width: 100px;
height: auto;
z-index: 20;
}

#subsubseating {
display:none;
position: absolute;
top:0.3em;
left:100px;
width: 100px;
height: auto;
z-index: 20;
}

#subcafe {
display:none;
position: absolute;
width: 100px;
height: auto;
left: 375px;
z-index: 20;
}

#subsubcafe {
display:none;
position: absolute;
top:0.3em;
left:100px;
width: 100px;
height: auto;
z-index: 20;
}

#subsubmenus {
display:none;
position: absolute;
top:0;
left:100px;
width: 100px;
height: auto;
z-index: 20;
}

#subsupport {
display:none;
position: absolute;
width: 100px;
height: auto;
left: 475px;
z-index: 20;
}

#subcontact {
display:none;
position: absolute;
width: 100px;
height: auto;
left: 575px;
z-index: 20;
}

.sub a:link, .sub a:visited, .sub a:active {
color:#383838;
font-family:"Trebuchet MS", Sawasdee, "URW Gothic L", Arial, Helvetica, sans-serif;
font-size:10pt;
font-weight:400; 
font-style:normal;
line-height:14pt;
text-decoration:none;
display:block;
width:100%;
height:auto;
min-height:20px;
background-color:#c8c8c8;
padding:2px 0;
margin:-1px;
border:1px #ffffff solid;
}

.sub a:hover {
color:#000000;
text-decoration:none;
background-color:#ffcc00;
}

.homestatic, .content {
text-align:center;
display:block;
min-height:230px;
width:auto;
padding-right: 0.2em;
border-bottom:solid #d0d0d0 3px;
margin-left:auto;
margin-right:auto;
}

.homestatic {
position:static;
padding-top:200px;
}

#headingblock {
text-align:center;
background-color:#ffffff;
width:765px;
position:fixed;
top:200px;
height:45px;
border-bottom:solid #d0d0d0 2px;
padding-bottom:0;
margin-bottom:1.5em;
margin-left:auto;
margin-right:auto;
}

#map #headingblock, #map #contentblock {
display:none;
height:0;
}

.homestatic .image {
margin:30px 0;
width:320px;
height:220px;
float:left;
display:none;
}

.homecontent .image {
width:250px;
padding:0;
margin:0 0 1em 1em;
float:right;
}

.homecontent img {
margin:0 1em 0.5em 1em;
}

.homestatic:after, .clear:after, .item:after, .homecontent:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.homestaticcontent {
text-align:left;
padding:1em 2em;
}

.homecontent {
clear:both;
text-align:left;
padding:0 2em 1em 2em;
}

.homestaticcontent h1, .homecontent h1, .homestaticcontent h1 a, .homecontent h1 a, #headingblock h1 {
color:#686868;
font-size:18pt;
margin-top:0.5em;
line-height:1.0;
font-weight:bold;
}

.homecontent h2, .homecontent h2 a, #headingblock h2 {
color:#686868;
font-size:14pt;
line-height:1.1;
font-weight:bold;
margin-top:1.5em;
}

.homecontent p a {
color:#686868;
font-size:11pt;
line-height:1.2;
font-weight:400;
}


.homestaticcontent a:hover, .homecontent a:hover {
color:#000000;
}

#mapcontentblock {
padding-top:210px;
}

#leftmappage {
margin-left:0px;
width:300px;
float:left;
width:10em;
}

#leftmappage p {
text-align:center;
font-size:10pt;
}

#rightmappage {
position:static;
margin-left:315px;
width:440px;
}

.content {
text-align:left;
}

#contentblock {
position:static;
padding-top:245px;
}

.content h1 {
width:100%;
color:#686868;
font-size:18pt;
line-height:1.5;
font-weight:bold;
border-bottom:solid #d0d0d0 2px;
}

.content h2 {
width:100%;
color:#686868;
font-size:14pt;
line-height:1.5;
font-weight:bold;
border-bottom:none;
}

#edited p, .content p, .content ul {
color:#585868;
font-size:12pt;
line-height:1.2;
font-weight:400;
}

#headingblock p {
color:#585868;
font-size:10.5pt;
line-height:1.2;
font-weight:400;
}

.content > p {
margin: 1em 1.4em;
}

ul {
list-style-type:circle;
}

li {
margin:0 2.5em 1em 0;
}

dt {font-weight:bold;color:#585868;margin-bottom:0.8em;}

dd {line-height:1.25;color:#686868;margin-bottom:0.8em;}

.content>h1:first-child, .content>h2:first-child, .content>h3:first-child, .content>h4:first-child, .content p:first-child {
margin-top:10px;
}

table {
margin: 1.4em;
}

table.text td{
color:#686868;
font-size:12pt;
padding:0.2em 1em 0.2em 0;
font-weight:400;
}

.clear {
margin:0 0 2em 0;
}

.item {
padding:1em 1em 0 1em;
border-bottom:solid #d0d0d0 1px;
}

.item h1 {
color:#686868;
font-size:16pt;
line-height:1.45;
margin:0;
font-weight:bold;
border-bottom:none;
}

.item h2, .item h3 {
color:#686868;
font-size:14pt;
line-height:1.35;
margin:0;
font-weight:bold;
border-bottom:none;
}

.item h4 {
color:#686868;
font-size:12pt;
line-height:1.25;
margin:0;
font-weight:400;
border-bottom:none;
}

.item p {
line-height:1.25;
}

.item .left {
float:left;
width:210px;
padding:0.5em 3px 0 3px;
margin:0;
}

#exhibitions .left {
float:left;
width:260px;
padding:0.5em 3px 0 3px;
margin:0;
}

.item .left img {
width:auto;
margin:0.5em 5px 0.5em 0;
}

.item .left h3 {
color:#686868;
font-size:12pt;
line-height:1.35;
margin:0;
font-weight:bold;
border-bottom:none;
}

.item .right {
margin:0.3em 1em 2em 225px;
}

#exhibitions .right {
margin:0.3em 1em 2em 275px;
}

.item .right h3 {
color:#686868;
font-size:12pt;
line-height:1.15;
margin:0;
font-weight:400;
border-bottom:none;
}

.quotes p {
font-style: italic;
}

#diary .item {
border:none;
margin:0;
padding:0;
}

#diary .line1 {
background-color:#f0f0f0;
padding-top:0.1em;
}

#diary .item p {
font-size:9pt;
margin:0.2em;
}

#diary .item a:link, #diary .item a:visited, #diary .item a:active {
font-size:9pt;
font-weight:bold;
color:#686868;
border-bottom:none;
background-color:transparent;
}

#diary .item a:hover {
color:#000000;
border-bottom:none;
background-color:#ffdf00;
}

#diary .item p em{
font-weight:700;
margin-right:2em;
}

#diary .item p span{
float:right;
margin-right:2em;
}

#mon, #wed, #fri {background-color:#f8f8f8;}

#tue, #thur, #sat {background-color:#efefef;}

#regularworkshops table td {
text-align:center;
border:solid 1px black;
}


#regularworkshops table tr>td:first-child {
font-size:10pt;
background-color:#383838;
color:#ffffff;
}

#regularworkshops table a {
color:#686868;
display:block;
font-size:10pt;
line-height:1.05;
background-color:transparent;
margin:0;
padding:0;
font-weight:700;
border:none;
}

#regularworkshops table a:hover {
color:#000000;
text-decoration:none;
background-color:#ffdf00;
}

#regularworkshops table p {
color:#686868;
font-size:10pt;
line-height:1.05;
margin:0;
font-weight:400;
}

#regularworkshops table em {
color:#686868;
font-size:9pt;
line-height:1.05;
margin:0;
font-weight:700;
}

form {
display:table;
margin:2em auto;
width:32em;
max-width:700px;
}

fieldset {
display:table-row;
border:none;
margin:0;
padding:0;
text-align:left;
}

label {
display:table-cell;
vertical-align:top;
width:10em;
color:#686868;
font-size:12pt;
margin:0;
padding:0.3em;
}

fieldset span {
display:table-cell;
color:#686868;
font-size:12pt;
width:20em;
margin:0;
padding:0.2em;
background-color:#686868;
border:solid 1px #383838;
}

fieldset.checkboxes span {
color:#e8e8e8;
}

fieldset.checkboxes input {
margin:0.4em 1em;
}

.footer {
text-align:center;
color:#686868;
font-size:10px;
line-height:1.4;
font-weight:400;
padding:0.5em;
margin:1em 0;
border-bottom:solid #d0d0d0 3px;
}

.footer a {
text-align:center;
color:#686868;
font-size:10px;
line-height:1.4;
font-weight:400;
border-bottom:none;
}

.footer a:hover {

background-color:#ffffff;
}