<!-- 
a {outline:none;text-decoration:none;}
a:link {color:#ff0080;}
a:link img {border-color:#000000;}
a:visited {color:#ff0080;}
a:hover img {border-color:#ffffff;}
a:hover {color:#ff0000;text-decoration:underline;}
a:active {color:#ff0080;text-decoration:none;}
unknown {text-decoration:none;}

html, body {
background:#fff9f2;
height:100%;width:100%;
margin:0px;
overflow:hidden;
font-family:arial,helvetica,verdana,sans-serif;
color:#000000;
}

#logo {
width:185px;
height:175px;
position:absolute;
top:0px;
left:20px;
z-index:1001;
background-image: url('../graphics/tcs_logo185x175.gif');
}

#dandc {font-size:8pt;}

#designer {
text-decoration:none;
cursor:pointer;
font-size:10pt;
color:#660033;
}

.navbutton {
display:block;
width:30px;
height:30px;
}

.enterholder:hover a.navbutton {
background:#ffd0ae;
}

a.enter {
background:#8a0b1e;
}

.aboutholder:hover a.navbutton {
background:#fde3e8; 
}

a.home {
background:#a50c26;
}

.concertholder:hover a.navbutton {
background:#d9f2f2;
}

a.concerts {
background:#2d8686;
}

.previousholder:hover a.navbutton {
background:#b8e1b5;
}

a.previous {
background:#44963d;
}

.mdholder:hover a.navbutton {
background:#c2cce7;
}

a.md {
background:#4766b5;
}

.joinholder:hover a.navbutton {
background:#ffe7d5;
}

a.join {
background:#e45f00;
}

.contactholder:hover a.navbutton {
background:#f7ddf2;
}

a.contact {
background:#942383;
}


#aboutpanel,
#concertspanel,
#previouspanel,
#joinpanel,
#contactpanel {
width:70%;
position:absolute;
top:3%;right:3%;
z-index:1000;
}

#mdpanel {
width:60%;
position:absolute;
top:3%;right:3%;
z-index:1000;
}

#excuses {
width:95%;
margin:10px;
}

#excuses tr {
padding: 5px 0 0 0;
}

.patrons {
font-size:8pt;
color:#8a0b1e;
font-weight:bold;
text-align:left;
position:absolute;
left:20px;
bottom:25px;
}

.artslink {
font-size:8pt;
text-align:left;
color:#7f7f7f;
position:absolute;
left:20px;
bottom:10px;
}

.navtable {
width:150px;
height:240px;
position:absolute;
left:20px;
top:50%;
margin-top:-70px;
}

.divtitle {
font-size:14pt;
text-align:left;
margin:0 0 15px 0;
}

.mdname {
font-size:14pt;
text-align:right;
margin:0 0 5px 0;
}

.mdjob {
font-size:10pt;
text-align:right;
}

#aboutcontent {
height:280px;
font-size:14px;
padding:0;
}

#aboutcontent p {
text-align:justify;
text-indent:0.8cm;
margin:1em auto;
}

#groupshot {
width:478px;
height:280px;
margin:0 auto;
}

#committee {
font-size:12px;
color:#5b5f82;
padding:20px 0 0 0;
}

#committeetitle {
padding:0 0 7px 0;
}

.meetgang {
font-size:13px;
text-align:right;
padding:20px 0 0 0;
cursor:pointer;
}

.panelcolour {
height:100%;
padding:20px 30px 20px 30px;
}

.about {
background:#fde3e8;

}

.md {
background:#c2cce7;
}

.concerts {
background:#d9f2f2;
}

.join {
background:#ffe7d5;
}

.previous {
background:#d7eed5;
}

.contact {
background:#f7ddf2;
}

.mdcontent,
.joincontent,
.contactcontent {
font-size:13px;
text-align:justify;
}

.previouscontent {
font-size:13px;
text-align:justify;
margin:10px 0 10px 0;
}

.mdcontent p {
text-indent:0.5cm;
}

.mugshot {height:111px;
width:85px;
float:left;
margin:0 10px 10px 0;
}

.mdlink {
margin:15px 0 0 0;
width:100%;
font-size:10pt;
text-align:right;
}

.concertscontent {
font-size:13px;
text-align:justify;
margin:10px 0 10px 0;
}

.concertinfo {
font-size:13px;
text-align:justify;
margin:10px 10px 20px 0;
padding:0 0 0 10px;
}

.newyear {
width:90%;
text-align:center;
font-size:16px;
padding:10px 0 10px 0;
}

.tickets {
font-size:14px;
text-align:right;
margin:20px 0 10px 0;
}

.scrollybox {
width:99%;
height:400px;
border:2px #d7eed5 inset;
overflow:auto;
}

.previoustable {
width:97%;
margin:0 0 0 5px;
font-size:13px;
}

.joinphone {
font-size:10pt;
text-align:right;
margin:20px 0 0 0;
}

.emailfield {
background-color:#fff9f2;
font-weight:normal;
color:#000000;
border-bottom:1px solid #cbc29e;
border-right:1px solid #cbc29e;
border-top:1px solid #786d41;
border-left:1px solid #786d41;
}

.sendbutton {
display:block;
height:20px;
width:59px;
background:url(../buttons/send.gif) no-repeat;
color:#fff9f2;
border:0px;
font-weight:bold;
}

.sendbutton:hover {
color:#ffbfff;
}

#contactform {
padding:30px 0 30px 0;
}

#name, #email {
width:70%;
font-size:10pt;
}

#subject, #message {
width:90%;
font-size:10pt;
}

.sevenpoint {font-size:7pt;}

.eightpoint {font-size:8pt;}

.tenpoint {font-size:10pt;}

.twelvepoint {font-size:12pt;}

.fourteenpoint {font-size:14pt;}
-->