body
{
font-size: 16px;
background-color: #DCDCDC;
}

a.menu
{
font-family: Arial, Verdana, "Trebuchet MS", Helvetica;
font-size: 85%;
font-weight: bold;
text-align: center;
padding-bottom: 8px;
padding-top: 8px;
background-color: #CCAE8F;
}

a.menu:link
{
text-decoration:none;
color:#FFFFFF;
display:block;
}

a.menu:active
{
text-decoration:none;
color:#FFFFFF;
display:block;
}

a.menu:visited 
{
text-decoration:none;
color:#FFFFFF;
display:block;
}

a.menu:hover
{
background:#6B4834;
text-decoration:none;
color:#FFFFFF;
display:block;
}

a.link
{
font-weight:bold;
color: #CCAE8F;
}

a.link:link
{
text-decoration:none;
}


a.link:active
{
text-decoration:none;
}


a.link:visited 
{
text-decoration:none;
}


a.link:hover
{
text-decoration:underline;
}

.mainTable
{
border-style: solid;
border-width: 2px;
border-color: #000000;
background-color:#FFFFFF;
}

.innerTable
{
background-color:#FFFFFF;
}

.header
{
padding-top: 26px;
padding-bottom: 14px;
}

.footer
{
font-family: Arial, "Trebuchet MS", Helvetica, Verdana;
font-size: 75%;
color: #808080;
text-decoration: none;
text-align: center;
}

.charity
{
font-family: Arial, "Trebuchet MS", Helvetica, Verdana;
font-size: 70%;
color: #808080;
padding: 10px;
text-align: center;
}

.sectionHeader
{
font-family: "Trebuchet MS", Helvetica, Verdana, Arial;
font-size: 110%;
font-weight: bold;
color: #246B4D;
padding-top: 24px;
padding-left: 12px;
padding-right: 12px;
border-bottom: 1px;
text-align: left;
}

.sectionText
{
font-family: "Trebuchet MS", Helvetica, Arial, Verdana;
font-size: 100%;
color: #6B4834;
text-align: left;
padding-left: 12px;
padding-right: 12px;
padding-bottom: 12px;
}

.date
{
font-family: "Trebuchet MS", Helvetica, Verdana, Arial;
font-size: 100%;
font-weight: bold;
color: #6B4834;
padding-top: 2px;
padding-left: 12px;
padding-right: 12px;
padding-bottom: 2px;
text-align: left;
}

.date a
{
text-decoration: none;
color: #6B4834;
}

.date a:hover
{
text-decoration: underline;
}

.composer
{
font-family: "Trebuchet MS", Helvetica, Verdana, Arial;
font-size: 90%;
font-weight: bold;
color: #6B4834;
padding-left: 12px;
padding-right: 12px;
padding-top: 0px;
padding-bottom: 2px;
text-align: left;
}

.detail
{
font-family: Arial, "Trebuchet MS", Helvetica, Verdana;
font-size: 90%;
color: #6B4834;
padding-left: 12px;
padding-right: 12px;
padding-top: 0px;
padding-bottom: 2px;
text-align: left;
}

a.event, a.event:link, a.event:active, a.event:visited, a.event:hover
{
display: inline-block;
border-bottom: solid 2px #ffffff;
border-top: solid 2px #ffffff;
color: #6B4834;
font-family: "Trebuchet MS", Helvetica, Verdana, Arial;
font-weight: bold;
text-align: left;
text-decoration: none;
margin-bottom: 10px;
width: 100%;
}

a.event:hover
{
display: inline-block;
border-bottom: solid 2px #6B4834;
border-top: solid 2px #6B4834;
background-color: #CCAE8F;
background-image: url('../images/more_details.gif');
background-repeat: no-repeat;
background-position: top right;
}

a.event span 
{
display: block;
cursor: pointer;
}

a.event .date
{
display: block;
float: left;
font-size: 100%;
padding-top: 2px;
padding-left: 12px;
padding-right: 12px;
padding-bottom: 2px;
width: 200px;
}

a.event .details
{
display: block;
float: right;
width: 540px;
}

a.event .details .title
{
display: block;
font-size: 100%;
padding-top: 2px;
padding-left: 12px;
padding-right: 12px;
padding-bottom: 2px;
}

a.event .details .composer
{
display: block;
float: left;
clear: both;
font-size: 90%;
padding-left: 12px;
padding-right: 12px;
padding-top: 0px;
padding-bottom: 2px;
width: 100px;
}

a.event .details .work
{
display: block;
float: left;
font-size: 90%;
font-weight: normal;
padding-left: 12px;
padding-right: 12px;
padding-top: 0px;
padding-bottom: 2px;
width: 380px;
}

.mapAddress
{
font-family: Arial, "Trebuchet MS", Helvetica, Verdana;
font-size: 80%;
color: #666666;
padding-left: 12px;
text-align: left;
vertical-align: text-top;
}

.caption
{
font-family: Arial, "Trebuchet MS", Helvetica, Verdana;
font-size: 70%;
color: #666666;
padding-left: 12px;
text-align: left;
}

.map
{
padding-left: 12px;
}

hr
{
border: 0;
color: #CCCCCC;
background-color: #CCCCCC;
height: 5px;
width: 98%;
}