html, body {  
   background-color: #666666;
   margin-left: auto;
   margin-right: auto;
   text-align: center;
}

a:link { color: #cc0000; text-decoration: none;}
a:visited { color: #cc0000; text-decoration: none;}
a:hover { color: #cc0000; text-decoration: underline;}

h1 { font-family: Garamond; font-size: 22px; color: #CC0000; font-weight: bold; text-align: center;}

h2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:30px; text-align: center;}

h3 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:24px; text-align: center;}

ul { list-style-image: url(red-box.gif); list-style-position: outside;}

#container { position: relative;
background: url('main-page.gif');
background-repeat: no-repeat; 
background-position: center;
margin-left: auto;
margin-right: auto;
color: #666666;
width: 900px;
height: 900px;

}

#maincontent { position: absolute;
top: 34.11%; 
right: auto;
bottom: auto;
left: 44.77%;
width: 422px;
background-color: #cccccc;
text-align: left;
font: 12px "Lucida Grande", "Trebuchet MS", Helvetica, Arial, sans-serif; color: #000000;
padding: 10px;

}

#upcomingevents { position: absolute;
left: 45.44%;
top: 69.11%;
width: 450px;
background-color: #666666;
text-align: left;
font-family: Tahoma; font-size: 12px; color: #ffffff; font-weight: bold;
padding: 5px;

}

#navigation { position: absolute;
left: 18.5%;
top: 93.3%;
width: 566px;
margin-left: auto;
margin-right: auto;
text-align: center;
background-color: #cccccc;
font: 16px "ALucida Grande", "Trebuchet MS", Helvetica, Arial, sans-serif; 
padding: 0px;

}

#addthis { position: absolute; 
left: 553px;
top: 591px;
width: 125px;
padding: 0px;

}

#footer {
   position: absolute;
   bottom: 0;
   width: 100%;
   height: 60px;

}

a.events:link { color: #f0f8ff; text-decoration: underline;}
a.events:visited { color: #f0f8ff; text-decoration: underline;}
a.events:hover { color: #f0f8ff; text-decoration: none; font-style: italic;}

a.tickets:link { color: #f0f8ff; text-decoration: none; background-color: #0000ff;}
a.tickets:visited { color: #f0f8ff; text-decoration: none; background-color: #0000ff;}
a.tickets:hover { color: #f0f8ff; text-decoration: none; background-color: #cc0000;}

.eventsnolink { color: #f0f8ff;}

p,h1,h2,h3 { margin:0px 10px 10px 10px;}

.desctext { font-family: Helvetica; font-size: 11px; color: #c0c0c0; font-weight: bold;}

.desctext2 { font-family: Helvetica; font-size: 14px; color: #c0c0c0; font-weight: bold;}