/*#body{background-color:#9EA0B5; margin:auto; text-align:center}*/
body{margin:auto;text-align:center;font-family:tahoma,arial,verdana;margin-top:10px;background:#ddd;margin-bottom:20px}
div#container{width:746px;background:#fff;padding:12px;text-align:center;margin:auto}

div#container div#top{text-align:left}
div#container div#top h1{text-indent:-9999px;background:url(../images/stratfordmusicfestival.gif) no-repeat;height:97px;margin:0px 35px 0 5px;width:260px;float:left}
html>body div#container div#top h1{margin:0px 40px 0 5px}

div#container div#top ul.menu{margin:0;padding:0;list-style:none;}
div#container div#top ul.menu li{float:left;width:102px;height:102px;margin-right:11px}

div#container div#top ul.menu li#navhome{background:url(../images/home.jpg) no-repeat}
div#container div#top ul.menu li#navhome a{background:url(../images/home.jpg) no-repeat}
div#container div#top ul.menu li#navhome a:hover{background:url(../images/home_arrow.jpg) no-repeat}
body#home div#container div#top ul.menu li#navhome a{background:url(../images/home_arrow.jpg) no-repeat}

div#container div#top ul.menu li#navwhatson{background:url(../images/whatson.jpg) no-repeat}
div#container div#top ul.menu li#navwhatson a{background:url(../images/whatson.jpg) no-repeat}
div#container div#top ul.menu li#navwhatson a:hover{background:url(../images/whatson_arrow.jpg) no-repeat}
body#whatson div#container div#top ul.menu li#navwhatson a{background:url(../images/whatson_arrow.jpg) no-repeat}

div#container div#top ul.menu li#navbooking{background:url(../images/booking.jpg) no-repeat}
div#container div#top ul.menu li#navbooking a{background:url(../images/booking.jpg) no-repeat}
div#container div#top ul.menu li#navbooking a:hover{background:url(../images/booking_arrow.jpg) no-repeat}
body#booking div#container div#top ul.menu li#navbooking a{background:url(../images/booking_arrow.jpg) no-repeat}

div#container div#top ul.menu li#navsupport{background:url(../images/_support.jpg) no-repeat;margin-right:0}
div#container div#top ul.menu li#navsupport a{background:url(../images/_support.jpg) no-repeat;margin-right:0}
div#container div#top ul.menu li#navsupport a:hover{background:url(../images/_support_arrow.jpg) no-repeat;margin-right:0}
body#support div#container div#top ul.menu li#navsupport a{background:url(../images/_support_arrow.jpg) no-repeat;margin-right:0}

div#container div#top ul.menu li a{width:102px;height:102px;display:block;text-indent:-9999px}
div#container div.informationbar{background:#c5a254;height:21px;padding:1px 11px 0 5px;margin-top:14px}
div#container div.informationbar p{margin:3px 0 0 0;float:left;color:#fff;font-size:0.8em;font-weight:bold}
div#container div.informationbar p#festivaldate{float:right;font-weight:normal!important}
div#container div.informationbar p.quote{font-style:italic}
div#container div.informationbar p.piece{font-size:0.8em;font-weight:bold;margin:4px 0 0 10px}
div#container div.informationbar p.author{font-size:0.8em;margin:4px 0 0 10px}
div#container div.informationbar ul{margin:0;padding:0;list-style:none;float:right;color:#fff;}
div#container div.informationbar ul li{display:inline;color:#fff;font-size:0.8em;padding-top:3px}
div#container div.informationbar ul li a{color:#fff;font-size:1em;text-decoration:none;padding:0px 10px 0 10px}
div#container div.informationbar ul li a:hover{text-decoration:underline}
div#container div.informationbar ul.secondarymenu{float:left!important;margin-left:-2px;padding-top:2px}
#whatson div#container div.informationbar ul.secondarymenu, #support div#container div.informationbar ul.secondarymenu{padding-top:0px}

div#container div#content{text-align:left;font-size:0.7em;width:567px;float:left;padding:13px 0 0 0;margin:0 0 -10px 0}
div#container div#content a{color:#000}
div#container div#content img{border:0}
div#container div#content a.pdflink{background:url(../images/pdf.gif) 

no-repeat;padding-left:25px;height:21px;display:block;padding-top:3px;color:#000}
div#container div#content p.pdflink{background:url(../images/pdf.gif) no-repeat;}
div#container div#content p{margin:10px 0 10px 0}
div#container div#content p.breadcrumbtrail{margin:-7px 0 0 0px;padding:2px 0 4px 7px;background:#fffbcc;color:#a28545}
* html div#container div#content p.breadcrumbtrail{padding:4px 0 5px 7px;margin-top:-8px}
div#container div#content p.breadcrumbtrail a{color:#a28545}
div#container div#content p.headline{font-weight:bold;margin:8px 0 0 0}
div#container div#content h3{font-weight:normal;font-size:1.3em}
div#container div#content p.introduction{font-size:1.05em;font-weight:bold;margin:8px 0 0 0}
div#container div#content p.headlinerover{font-weight:bold;margin:18px 0 0 0!important}
div#container div#content p.smallprint{font-size:0.85em;margin-top:0}
html>body div#container div#content p.smallprint{margin-bottom:0px!important}
div#container div#content h3{margin:0;padding:10px 0 0 0;font-size:1.25em;font-weight:bold}
div#container div#content div#column1{width:270px;float:left;padding:10px 0px 0 6px}
div#container div#content div#column2{width:252px;float:left;padding:12px 3px 0 0;margin:0 0 0px 20px}
div#container div#imagecolumn{width:170px;text-align:left;padding:13px 0 0 9px;margin-bottom:-3px;float:left}
div#container div#imagecolumn ul.imageslist{margin:0;padding:0;list-style:none;}
div#container div#imagecolumn ul.imageslist li{margin-bottom:6px}
html>body div#container div#imagecolumn ul.imageslist li{margin-bottom:10px}
div#container div#imagecolumn ul.imageslist li#image3{margin-bottom:0}

div#container div#imagecolumn ul.imageslist li{text-align:right;padding:67px 10px 20px 0}
div#container div#imagecolumn ul.imageslist li#banner1{background:url("/images/advert1educationalprog.gif") no-repeat}
div#container div#imagecolumn ul.imageslist li#banner2{background:url("/images/advert2tourists.gif") no-repeat;}
div#container div#imagecolumn ul.imageslist li#banner3{background:url("/images/advert3sponsorship.gif") no-repeat}
div#container div#imagecolumn ul.imageslist li#banner4{background:url("/images/advert4familyconcerts.gif") no-repeat}
div#container div#imagecolumn ul.imageslist li a{color:#000;font-size:0.8em;text-decoration:none;line-height:0.8em}
div#container div#imagecolumn ul.imageslist li a:hover{text-decoration:underline}

div#container div#bottombar p{margin-right:169px;}

div#createdby{width:770px;text-align:center;margin-top:2px}
html>body div#createdby{margin:auto;padding-top:2px}
div#createdby p{margin:0;text-align:left;font-size:0.7em;color:#888}
div#createdby a{color:#888;text-decoration:none}
div#createdby a:hover{text-decoration:underline}

div.clearer{clear:both}
span.bold{font-weight:bold}
span.red{color:#C12200}
span.black{color:#000}
span.italics{font-style:italic}

/* What's on */
body#whatson div#container div#content{margin-bottom:0}
div#container div#content div#onecolumn{padding:10px 0 20px 6px}
div#container div#content div#onecolumn h2{font-size:1.25em;font-weight:normal;margin:15px 0 0 0}
div#container div#content div#onecolumn p{margin:4px 0 4px 0}
body#whatson div#container div#imagecolumn ul.imageslist li#image4{height:100px;margin-bottom:10px}
div.extratext p{margin:7px 0 7px 0!important}
div.extratext img{margin-top:10px;margin-bottom:-4px}
body#whatson div#container div#bottombar{margin-top:3px}

/* Support */
div#container div#content ul.sponsorlist{margin:10px 0 12px 0;padding:0;list-style:none}
html>body#support div#container div#content{margin-bottom:-5px}
body#support div#container div#bottombar{margin-top:12px}

/* Sponsors */
body.sponsors div#container div#content{width:745px}
ul.newsponsorlist{margin:0;padding:0;list-style:none;border:1px solid white}
ul.newsponsorlist li{float:left;width:240px;border:1px solid black;color:black!important;margin-right:9px;padding:3px}
html>body ul.newsponsorlist li{width:233px;margin-right:10px}
ul.newsponsorlist li.norightmargin{margin-right:0}

div.bigsponsors{margin-top:12px}
div.bigsponsors ul.newsponsorlist li{height:200px;margin-bottom:10px;text-align:center;padding:0!important}
html>body div.bigsponsors ul.newsponsorlist li{width:239px}
* html div.bigsponsors ul.newsponsorlist li img{margin:0}
div.bigsponsors ul.newsponsorlist li.special{border:0;margin-right:11px}
div.bigsponsors ul.newsponsorlist li.freedomspecial{border:1px solid #000;margin-right:9px}
div.bigsponsors ul.newsponsorlist li img{margin-bottom:-3px;border:0!important}
div.bigsponsors ul.newsponsorlist li p{margin:0px!important;padding:0;font-size:1.3em}
div.bigsponsors ul.newsponsorlist li h3{margin:0;font-weight:normal;font-size:1.3em;padding:70px 0 0 0!important;width:120px}
div.mediumsponsors ul.newsponsorlist li{height:100px;margin-bottom:10px;text-align:center;width:240px;padding:0}
html>body div.mediumsponsors ul.newsponsorlist li{width:239px}
div.mediumsponsors ul.newsponsorlist li p{padding:0!important;margin:0!important;font-size:1.1em}
div.mediumsponsors ul.newsponsorlist li h3{padding-top:30px!important;font-size:1.2em;font-weight:normal;width:120px}
html>body div.smallsponsors{margin-bottom:20px}
div.smallsponsors ul.newsponsorlist{margin-bottom:20px}
div.smallsponsors ul.newsponsorlist li{width:736px;margin:0 0 4px 0!important;padding-top:10px}
div.smallsponsors ul.newsponsorlist li p{margin:0;padding:0}

/* Form css */
form{margin:0 0 0 3px}
form fieldset{border:0}
form label{display:block;float:left;width:50px;font-size:1.1em;padding:3px 0 0 0}
form input.submitbutton{width:100px;background:#c5a254;color:#fff;border:0;margin:3px 0 0 159px}
form fieldset input{width:200px;font-size:1.2em}
form textarea{width:200px;overflow:hidden;font-family:tahoma}

/* Site map */
div#container div#content ol.sitemap{margin:8px 0 0 22px;padding:0}
div#container div#content ol.sitemap li{margin:0 0 7px 0}
div#container div#content ol.sitemap li a{text-decoration:none;font-size:1.1em}
div#container div#content ol.sitemap li a:hover{text-decoration:underline}
div#container div#content ol.sitemap li p{margin:0}

/*Accessibility */
div#container div#content ol.accesskeylist{margin:10px 0 10px 32px}
div#container div#content ol.accesskeylist li{margin-bottom:3px}

p.specialtext{float:left;margin-top:5px!important;padding-top:0!important}
a.speciallink{float:left;padding-right:10px;padding-top:2px}
p.biggertext{font-size:1.1em}

span.specialcolour{color:#a28545; font-weight:bold}

form.quicklinkform{margin:-7px 0 0 0;padding:0 0 5px 0}
form.quicklinkform select{width:141px;font-size:0.75em;height:20px}
form.quicklinkform input#btnSubmit{background:#c5a254!important;color:#fff;padding:0px; border:0;margin-bottom:1px;width:24px;}
* html form.quicklinkform input#btnSubmit{margin-bottom:0!important}

body#contact div#content form{margin-top:15px}

/* images - images come in three types, float left, float right and centered */
img.left					{ float: left; margin: 0 10px 10px 0; }
img.right					{ float: right; margin: 0 0 10px 10px; }

/* centered images are wrapped by a div */
div.centeredimagewrapper	{ text-align: center; }
img.center					{ float: none; }

/* files are anchor tags that have the class "file", and a further class that identifies the file extension */
a.file{display: block; padding: 5px 4px 2px 28px; }
a.mp3{background-image:url(../uploads/medialibrary/defaulticons/mp3_icon.gif); background-repeat: no-repeat; background-position: left; }
a.doc{background-image:url(../images/doc.gif); background-repeat: no-repeat; background-position: left; }
a.rtf{ background-image:url(../uploads/medialibrary/defaulticons/rtf_icon.gif); background-repeat: no-repeat; background-position: left; }
a.ppt{ background-image:url(../uploads/medialibrary/defaulticons/ppt_icon.gif); background-repeat: no-repeat; background-position: left; }
a.pdf{background-image:url(../images/pdf.gif); background-repeat: no-repeat; background-position: left; }
a.doc{background-image:url(../images/pdf.gif); background-repeat: no-repeat; background-position: left; }
a.xls{background-image:url(../uploads/medialibrary/defaulticons/xls_icon.gif); background-repeat: no-repeat; background-position: left; }

