* {
    margin: 0;
    padding: 0;
}
body {
    background: url(../images/ClassicFEST2.jpg) no-repeat top center;
    margin: 0;
    text-align: center;
}

#wrapper {
    width: 800px;
    margin-left: auto;
    margin-right: auto;    
    text-align: left;
}

#header h1 a{
    display: block;
    height: 150px;
    text-indent: -900em; /* hide the text, show only the BG image */
}
#header ul, 
#footer ul {
    padding: 0.25em 0;
    text-align: center;
}
#header ul li, 
#footer ul li {
    list-style: none;
    display: inline;
    padding: 0;
    margin: 0;
}
#header li a, 
#footer li a{
    padding: 0 0.5em;
}
#main{
    padding: 1em 20px;
}
#colA, #colB{
    width: 375px;
    float: left;
}
#main p, 
#main h3
{
    margin: 0.5em 20px;
}
h2{
    margin: 2em 20px 1em 15px;
    padding: 5px;
}
#footer{
    padding-bottom: 20px;
}
#footer div{
    margin: 10px;
}
#footer #sponsor {
     clear: right;
}
#footer #support {
    float: right;
    padding-left: 10px;
}
.clearer {
    clear: both;
}
#footer li{
    margin-bottom: 10px;
}
#credits p {
	text-align: center;
	padding-top: 5px;
}

/* colour */
#header ul,
#footer ul
{
    background: #999;
}           
#header ul li, #footer ul li {
    background: #999;
}           
#header li a, #footer li a {
    border-right: 1px solid #777;
    color: #000;
}
#header li a:hover, #footer li a:hover {
    border-right: 1px solid #777;
    color: #444;
    text-decoration: underline;
}
#header li.last a, #footer li.last a {
    border-right: none;
}
#main a {
	color: #900;
}
#main a:hover {
	background-color: #DDD;
}
#credits a {
	color: #999;
}
#credits a:hover {
	background-color: #222;
}
#footer {
    background: black;
}
#footer #sponsors, 
#footer #support,
#footer #credits {
    color: #666;
}
#footer #support {
    border-left: 2px solid #222;
}
h2{
    background: #999;
    color: #fff;
}
#colA {
    border-right: 2px solid #DDD;
}


/* background images  */
body        {    background: url(../images/curtains.png);   }
#header h1  {    background: url(../images/header.jpg);     }
#main       {    background: url(../images/content-bg.png); }


/* typography */
#header li a, #footer li a {
    font-size: 85%;
    text-transform: uppercase;
    text-decoration: none;
}           
#header li a span, #footer li a span {
    text-transform: none;
}
#footer #sponsors, 
#footer #support {
    font-size: 77%;
}
#footer #credits {
	font-size: 68%;
}
#footer {
    text-transform: uppercase;
}
h2{
    font-size: 100%;
}
#main p{
    font-size: 92%;
}