html, body {margin:0; padding:0; background: #FFF; color: #000; font-family: "Verdana", Arial, Helvetica, sans-serif; text-align: center;}
body { font-size: 76%;}

div, p, table, th, td, li, .normal {font-size: 1.0em;}

a, a:link, a:visited { color: #9CF; text-decoration: underline;}
a:hover, a.menulink:hover { color: #CFF; text-decoration: underline;}

h1, h2, h3, h4, h5, h6, p {margin-top: 0;}
h3, h4 {margin-bottom: 5px;}

h1 { font-size: 2em; color: #FFF;}
h2 { font-size: 1.6em; color:#FFF; font-weight: normal;}
h3, .heading { font-size: 1.3em; color:#FFF; font-weight: normal;}
h4 { font-size: 1.2em; color: #166082; font-weight: normal;}
h5, .subheading { font-size: 1.1em; color: #000;}
h6, .normal {	font-size: 1em; color: #FFF;}

th { text-align: left;}

img {border:0}

hr{border: 0;height: 1px;width: 100%;color: #C0ECF9;background-color: #C0ECF9;}

* html #middle {height:1%;}
* html #left {height:1%;}

#header, #navigation, #overall {width: 800px; margin: 0 auto; text-align: left;}
#overall {width: 802px;}

#wrapper {width: 100%; padding-bottom: 10px; background: #000 url(/multimedia/layout/back-photo.jpg) no-repeat center top;}
#wrapperfooter {width: 100%; background: #FFF url(/multimedia/layout/footer-back.gif) repeat-x left top;}

#header {height: 120px; background: transparent;}

#logo {}
#logo h1 { margin: 5px 0 0 0; padding:0;}

#navigation {height: 30px; padding: 0px; background: url(/multimedia/layout/nav-back.gif) repeat-x left bottom; border: 1px solid #999; border-bottom: 0px;}

#navigation ul {	float: left; margin:0px; padding: 0; list-style: none;}
#navigation li { float: left; margin: 0; padding: 0;}
#navigation li a, #navigation li a:visited {display: block; margin:0; padding: 0 15px 0 15px; color:#333; text-decoration: none; line-height: 30px; background: none;}
#navigation li li a, #navigation li li a:visited {padding: 0 10px 0 10px; color:#FFF !important; line-height: 22px !important; background: #222 !important; border: 1px solid #000; border-top: none;}
#navigation li a:hover, #navigation li a.menuhover {color:#FFF; background: #111 url(/multimedia/layout/nav-hover-back.gif) repeat-x left top; }
#navigation li li a:hover, #navigation li li a.menuhover:hover {color:#000 !important; background-image: none !important; background: #FFF !important;}

#left { float: none; width: 400px; margin: 0px 0px 20px 0px; background: #FFF;}
#left .content { padding: 10px 25px 10px 25px;}
#left a, #left a:link, #left a:visited { color: #69C; text-decoration: underline;}
#left a:hover { color: #6CC; text-decoration: underline;}

#right { float: right; width: 400px;}
#right .content { padding: 0px 10px 10px 10px;}

#main { widows: 800px; margin: 0px 0px 20px 0px; border: 1px solid #FFF; border-top: 0; background: url(/multimedia/layout/back-grey.png) repeat-y left top;}
#main .content { padding: 20px 25px 5px 25px; color: #FFF; }
#main .sitemap ul li{ list-style: none; }

#footer { clear:both; margin: auto; width: 800px; text-align: left;}
#footer .content { padding: 15px 0px; font-size: 0.9em; color:#666; line-height: 1.1em;}
#footer .content a { text-decoration:none;color:#666;}
#footer .content a:hover { text-decoration:none; color:#333;}

#footer ul, #left ul {list-style: none; margin: 0px; padding: 0px;}
#footer li, #left li {display: inline; margin-right: 15px;}

#footer .copyright {margin: 15px 0px; font-style: italic; text-align: center;}

.supporters, .sister-events {margin-bottom: 15px;}
.supporters li {margin-bottom: 5px;}

.clr {clear:both;}
.small, .error {font-size: 0.9em;}
.bluetext {color:#0066CC;}
.blacktext  {color:#000000 !important;}
.redtext, .error {color:#CC0000;}
.document { padding-left: 35px; background: url(/multimedia/layout/icon-doc.png) no-repeat left top;}
.photogallerybox { float:left; width: 130px; height: 130px; overflow: hidden; margin: 0 15px 15px 0; background: #222; border: 1px solid #FFF; text-align: center;}
.photogallerybox { box-shadow: 0px 0px 5px #000; -webkit-box-shadow: 0px 0px 5px #000; -moz-box-shadow: 0px 0px 5px #000;}
.bandgallery { float:left; width: 170px; height: 134px; margin: 0 15px 15px 0; background: #222; border: 1px solid #FFF; text-align: center;}
.highlightbox {margin-bottom: 15px; padding: 15px; background: #EBF4FC; border: 1px solid #FFF; color: #333;}
.highlightbox a, .highlightbox a:link, .highlightbox a:visited { color: #036; text-decoration: none;}
.highlightbox a:hover { color: #036; text-decoration: underline;}

.thumbs { float: left; width: 125px; height: 80px;}

/* Form CSS */
.contactButton {font-size: 0.9em;font-weight: bold;background: #222;border: 1px solid #000;color: #FFF;}
.contactInput {font-size: 0.9em;background: #FFF;border: 1px solid #000;}