html, body { 
min-height: 100%; margin-bottom: 1px; 
}
body { 
margin: 0; background: #fff url(images/body-background.gif) repeat-x; color: #000; font-family: verdana, arial, sans-serif;  
}
#wrapper {
width: 100%; height: 100%; text-align: left;  margin: 0px auto; width: 776px; background: #fff; border-left: 2px solid #b35a9c; border-right: 2px solid #b35a9c;
}
#skip	{
left: -900px; position: absolute
}	
#top {
padding-top: 7px; font-size: 1em; margin: auto; width: 776px; height: 151px;
}
.toplogo {
float: left; margin: 0 0 0 5px; padding: 0;
}
#top-right-box {
float: right; width: 370px;
}
.toptel {
padding-right: 10px; padding-left: 0px; float: right; padding-bottom: 0; margin: 0; padding-top: 10px; font-size: 1.6em; color: #aac02f;
}
.tel {
font-size: 1.2em; margin-left: 10px; font-weight: bold;
}
.topemail {
padding-right: 10px; padding-left: 0px; float: right; padding-bottom: 4px; margin: 0; padding-top: 1px; font-size: 1.2em; color: #aac02f;
}
.topemail a {
color: #aac02f; text-decoration: none; 
}
.topemail a:hover {
color: #aac02f; text-decoration: underline;
}
#add {
padding-right: 10px; padding-left: 0px; float: right; padding-bottom: 0; margin: 0; padding-top: 0; font-size: 0.9em; color: #aac02f;
}
#add a {
color: #7f196d; text-decoration: none;  
}
#add a:hover {
color: #7f196d; text-decoration: underline; 
}
.todaysdate {
padding-right: 10px; padding-left: 0px; float: right; padding-bottom: 0; margin: 11px 0 0 0; font-size: 0.9em; color: #7f196d; width: 145px; clear: both;
}
#top-nav {
padding-right: 10px; padding-left: 0px; float: right; padding-top: 65px;padding-bottom: 0; margin: 0; font-size: 0.7em; color: #7f196d; clear: both; width: 178px;
}
#top-nav a:link {
text-decoration: none;  color: #7f196d;
}
#top-nav a:visited {
color: #7f196d; text-decoration: none;  
}
#top-nav a:hover {
color: #7f196d; text-decoration: underline; 
} 
#top-nav a.on { 
color: #7f196d; text-decoration: underline; font-weight: bold;
}
#page {
margin: 0px auto; width: 776px;
}
HTML > body #page {
WIDTH: 776px
}
#top-navigation {
font-size: 0.75em;; background: #7f196d; width: 763px; margin: 0 2px 0 2px; padding: 0 0 0 9px; color: #fff;
}
#top-navigation ul {
color: #fff; padding: 7px 0 8px 0; margin: 0 0 0 5px; 
}
#top-navigation li{
display: inline; padding-right: 2px; padding-left: 3px;
}
#top-navigation a:link {
text-decoration: none; padding-bottom: 5px; color: #fff; padding-right: 10px; padding-left:0px; 
}
#top-navigation a:visited {
text-decoration: none; padding-bottom: 5px; color: #fff;padding-right: 10px; padding-left:0px; 
}
#top-navigation a:hover {
color: #fff; text-decoration: underline; padding-bottom: 6px; color: #fff;padding-right: 10px; padding-left:0px; 
} 
#top-navigation  li a.on { 
color: #fff; text-decoration: underline; font-weight: bold;
}
#leftCol {
width:136px; float:left; font-size:110%; margin: 0 0 0 2px; background: #fff; padding: 0; 
}
#rightCol { 
width:140px; float:right; margin: 0;padding: 0;background: #fff;
}
#middleCol { 
margin: 0 150px 0 150px; padding: 0; background: #fff;
}
#middleCol p {
color: #333; line-height: 1.7em; margin: 10px 0 10px 0; padding: 0;
}
#middlecol a {
color: #aac02f; text-decoration: none;
}
#middlecol a:hover {
color: #aac02f; text-decoration: underline;
}
#middlecol a:visited {
color: #aac02f; text-decoration: underline;
}
#whatson { 
background: #fff url(images/whatson-background.gif) no-repeat; width: 132px; height: 470px; margin: 0; padding: 0;
}
#whatson h3 {
font-size: 1.1em; padding: 14px 0 15px 9px;margin: 0; color: #7f196d;
}
.white {
color: #fff;
}
#whatson p {
color: #7f196d; padding: 2px 2px 2px 9px; margin: 0; font-size: 0.8em; 
}
#whatson a {
color: #7f196d;font-weight: bold;
}
#whatson a:hover {
color: #7f196d; 
}
.title {
color: #7f196d; padding: 0 0 10px 9px; font-weight: bold; font-size: 0.8em; 
}
.date {
color: #7f196d; padding: 0 0 0 9px; font-weight: bold; font-size: 0.8em; 
}
#maptofestival {
background: #fff url(images/map-background.gif) no-repeat; width: 130px; height: 132px; margin: 0 0 0 2px; padding: 0;
}
#maptofestival h3 {
font-size: 1.2em; margin: 0; padding: 15px 0 0 12px; color: #ccff66; 
}
.mapto {
color: #fff; 
}
.wdf {
color: #f2e8c5; 
}
#maptofestival p {
color: #fff; font-size: 0.9em; margin: 0; padding: 21px 0 0 28px;
}
#maptofestival a, a:visited, a:hover {
color: #fff; text-decoration: underline;
}
#festival-news {
width: 139px; height: 476px; margin: 0;padding: 0;
}
#news-header {
background: #fff url(images/new-top.gif) no-repeat; height:40px; 
}
#news-header h3 {
font-size: 1.3em; padding: 14px 0 0 12px;margin: 0; color: #7f196d;
 }
.news-top {
margin: 0;padding: 0;
}
#news-box {
height: 360px;border: 1px solid #000;
}
#contact-form {
background: #fff url(images/map-background.gif) no-repeat; width: 130px; height: 132px; margin: 0 0 0 8px;padding: 0;
}
#contact-form h3 {
padding: 20px 0 4px 12px; margin: 0; font-size: 1.3em; color: #ccff66; 
}
#contact-form p {
color: #fff;  margin: 0; padding: 11px 0 0 23px;
}
#contact-form a:link {
color: #fff; text-decoration: underline;
}
#contact-form a:visited {
color: #fff;
}
#contact-form a:hover {
color: #fff;
}
#content {
background: #fff; font-size: 0.7em; margin: 17px 0 0 0; 
}
.privacy {
padding: 0 0 0 8px;
}
form {
margin: 0; 
}
ol {
padding-right: 15px; margin-bottom: 0; font-size: 1.2em; color: #333; 
}
ul {
padding-right: 10px; margin-bottom: 10px; color: #333;
}
li {
line-height: 1.5em;
}
h1 {
padding: 10px 0 0 0; font-size: 1.35em; margin:0;  color: #7f196d; 
}
h2 {
padding: 15px 0 0 0; font-size: 1.3em; margin:0;  color: #7f196d; 
}
h3 {
padding: 5px 0 0 0; font-size: 1.2em; margin:0;  color: #7f196d; 
}
h4 {
font-size: 1em; color: #99cc33; padding: 0; margin: 0 0 3px 5px; font-weight: lighter;
}
h5 {
font-size: 1em; color: #99cc33; padding: 0; margin: 0 0 3px 0; 
}
a {
color: #a0bc04; text-decoration: none;
}
a:hover {
color: #a0bc04; text-decoration: underline;
}
a:visited {
color: #a0bc04; text-decoration: underline;
}
img { 
border: none;
}
form {
padding: 0; margin: 0 
}
.text-field1 {
margin-top: 10px; margin-bottom: 2px; margin-left: 55px; width: 171px; height: 18px; color: #333; border: 1px solid #993399; 
}				
.text-field2 {
margin-top: 10px; margin-bottom: 2px; margin-left: 77px; width: 171px; height: 18px; color: #333; border: 1px solid #993399; 
}	 
.text-field3 {
margin-top: 10px; margin-bottom: 2px; margin-left: 5px; width: 171px; height: 18px; color: #333; border: 1px solid #993399; 
}
.text-field4 {
margin-top: 10px; margin-bottom: 2px; margin-left: 72px; width: 171px; height: 50px; color: #333; border: 1px solid #993399; 
}	
.testimonials {
background: #254085; width: 170px; padding: 5px; margin: 0 0 10px 0;
}
.submit-button { 
padding: 2px 0 16px 0; margin:0; width: 65px; height: 22px;
}
#bottom-area { 
float: left;
}
#footer {
clear: both; text-align: center; font-size: 0.7em; background: #23347a url(images/footer.gif) repeat-x; margin-top: -2px;height: 104px; border-top: 1px solid #efcbda;
}
#footer-content {
margin: 0px auto; width: 606px; text-align: center;
}
#footer p {
padding: 0 0 8px 0; margin: 0; color: #fff; 
}
#footer a {
text-decoration: none; margin: 10px 0 7px 0; padding: 0; color: #fff; 
}
#footer a:hover {
color: #fff; border-bottom: #fff 1px dotted;	
}	
#bottom-nav { 
margin: 15px 0 10px 0; color: #fff; line-height: 1.6em;
}
#bottom-nav a {
color: #fff; text-decoration: none; margin: 0 0 7px 0; padding: 0; 
}
#bottom-nav a:hover {
color: #fff; border-bottom: #fff 1px dotted;	
}
#list	{
padding: 35px 0 25px 20px; margin: 0; font-size: 1.4em; color: #333;
}
#list li {
list-style-image: url(images/bullet.gif); padding-bottom: 3px; margin: 0 0 1px 0;
}
#list a {
color:#aac02f; text-decoration: none;
}
#list a:hover, a:visited {
color:#aac02f; text-decoration: underline;
}
.float{
padding: 0;
}
.float-other {
float: right; padding: 0 10px 0 10px;
}
.float-sponsor {
float: right; margin: -10px 20px 0 0; padding: 0;
}
.float-rest {
float: right; margin: -20px 20px 0 0; padding: 0;
}
#float-buy {
float: right; padding: 110px 0 0 15px; 
}
#float-buy2 {
float: right; padding: 130px 0 0 15px; 
}
#ticket {
float-right;
}
#pscroller1{
width: 139px; height: 440px; background: #fff url(images/news-background.gif) no-repeat; margin: -5px 0 0 0; padding: 0;
}
#pscroller1 p {
margin: 5px 5px 10px 12px; color: #7f196d;
}
#pscroller1 a{
color: #7f196d;font-weight: bold; text-decoration: none;
}
#pscroller1 a:hover {
color: #7f196d; font-weight: bold; text-decoration: underline;
}

#pscroller1 li {
margin: 5px 5px 10px -9px; color: #7f196d;
}
#sponsors {
clear: both; margin-top: 20px;
}
#box { 
background: #fff url(images/sponsors-in-kind-back776.gif) no-repeat; width: 774px; height: 125px;margin: 0 0 0 2px;
}
#sponsors-box {
float: left;
}
#sponsors-bottom {
clear: both;
}
.sponsor-logo { 
padding: 2px 1px 0 0;
}
.sponsor-logo-1 { 
padding: 3px 0 0 6px;
}
.sponsor-logo-2 { 
padding: 0 1px 0 0;
}
.sponsor-other { 
float: left; padding: 0 1px 0 0; margin: 0;width: 92px;
}
.sponsor-other2 { 
float: left; padding: 5px 0 6px 0; margin: 0;width: 216px;
}
.sponsor-other3 { 
float: left; padding: 7px 0 2px 0; margin: 0; width: 220px;
}
.sponsor-other4 { 
float: left; padding: 0 25px 2px 0; margin: 0; width: 170px;
}
.sponsor-other5 { 
float: left; padding: 15px 25px 2px 55px; margin: 0; width: 220px;
}
.sponsor-other0 { 
float: left; padding: 2px 6px 1px 6px; margin: 0;width: 150px;
}
.copy {
font-size: 1em 
}
.session {
font-weight: bold; border-bottom: 1px solid #993399; padding: -5px 10px -5px 10px;
}
.session2 {
font-weight: bold; border-bottom: 1px solid #993399; padding: -5px 10px -5px 10px; clear:both;
}
fieldset {
border: 1px solid #862475; background-color: #ca99c6; padding: 10px; margin-top: 10px;
}
.brewery {
float: left; width: 160px; margin-left: 10px;
}
.beer {
float: left; width: 80px; margin-left: 10px;
}
.abv {
float: left; width: 50px; margin-left: 10px;
}
.time {
float: left; width: 70px; margin-left: 10px; 
}
.desc {
float: left; width: 180px;
}
.chef {
float: left; width: 150px; margin-left: 10px;
}
.democlear {
height: 30px;
}
.demodesc {
float: left; width: 250px;
}
.top {
margin-top: -15px;
}
.quote {
line-height: 1.7em;
}
.highlight {
text-align: center; font-weight: bold;
}
#flashcontent0 {
height: 465px; width: 465px; margin-bottom: 25px;
}
#flashcontent1 {
height: 465px; width: 465px; margin-bottom: 25px;
}
#flashcontent2 {
height: 465px; width: 465px; margin-bottom: 25px;
}
#flashcontent3 {
height: 465px; width: 465px; margin-bottom: 25px;
}
.cinema {
float: right; padding: 1px; border: 1px solid #333; 
}
.high-cinema {
font-size: 1.2em; font-weight: bold;
}
.high-cinema-title {
font-size: 1.5em; font-weight: bold;
}