a:link {color: #3333FF; text-decoration: underline; }
a.black:link {color: #000000; font-style: bold; text-decoration:underline; font-size:1.2em}
a.black:visited { color: #003366;font-style: bold; text-decoration:underline; font-size:1.2em}
a.purple:link {color: #FF00FF; font-style: bold;}
#header {position:absolute; top:0; left:0; width:100%; height:100px;  font-size:1.2em;
/*  top bar main colour */background:#663399 ;}
* html #header {height:104px;}
/* for internet explorer */
* html body {padding:104px 0 40px 0; }
#container {font-family: Arial, Helvetica, sans-serif;font-size: 1.2em;position:fixed; top:104px;
left:0;bottom:40px; right:0;
/* Overflow for main box */ overflow:scroll;
background:#663399;padding:20px;text-align:center;}
#menu {clear:both;text-align:center;
/* top bar thin line horizontal */ border-top:2px solid #9900ff;
/* botom bar thin line horizontal*/ border-bottom:2px solid #9900ff;
margin:0;padding: 5px;list-style-type:none;height:3em;background-color: #663399;}
#menu li {color:#eee;display:inline;padding:5px 5px 0px 0px;margin:0;background-color: #9900FF;}
#menu a:link, #menu a:visited {color:#ddd;padding:5px 5px 5px 5px;float:center;width:auto;
text-decoration:none;font:bold  Arial, Helvetica, sans-serif;text-shadow: 2px 2px 2px #555;} 
#home #menu-home a,
#links #menu-links a,
#events #menu-events a,
#karaoke #menu-karaoke a,
#marquee #menu-marquee a,
#contact #menu-contact a, {color:#fff;background:#663399;text-shadow:none;}
#menu a:hover {color:#ddd;background-color: #663399;}
#footer {position:absolute; bottom:0; left:0;width:100%; height:35px; overflow:auto; color:#000;
text-align:center;/*  bottom bar colour */background:#663399 ;border-top:2px solid #9900ff;}
* html #footer {height:40px;background-color: #663399;}
#footer p {
/* general footer "paragraph" colour */color:#000; 
margin:5px 10px 0 10px;}
body {margin:0;border:0;padding:0;height:100%; max-height:100%; background:#9900FF;font-size:76%; 
font-family:arial, verdana, sans-serif; overflow: hidden; }
* html #container {height:100%; width:100%; }
.columnone {width:14%;float:left;text-align:left;margin-right:1%;color:#fff;background:#663399;}
.columntwo {width:60%;float:left;text-align:justify;margin-right:1%;color:#fff;background:#663399;}
.columnthree {width:14%;float:left;margin-right:1%;color:#fff ;background:#663399;text-align:left ;}
* html .columnthree {}
hr {/* horizontal line */clear:both;border:0;height:1px;color:#888;background-color:#888;}
.columnone p {padding: 8px;border:5px solid #444;background:#222;font-size: 1em;}
.columntwo p {font-size:1em;padding: 8px;border:5px solid #444;background:#663399;}
.columnthree p {font-size:1em;padding: 8px;border:5px solid #444;background:#222;}