* {margin:0px;padding:0px}
BODY {background:URL('images/repeat.gif') repeat-x;font-family: "Arial", Arial,Helvetica,sans-serif;font-size:79%;color:#FFFFFF;}

.clear {clear:both}

/* colours */
.grey {#afafaf}
.magenta {#ec008c}

A.link {color:#FFFFFF;text-decoration:underline;}
A.link:Hover {color:#afafaf;text-decoration:underline;}

A.email {color:#000000;text-decoration:underline;}
A.email:Hover {color:#4d4d4d;text-decoration:underline;}

A.fishtank {color:#FFFFFF;text-decoration:underline;}
A.fishtank:Hover {color:#000000;text-decoration:underline;}

A.fishtank2 {color:#FFFFFF;text-decoration:underline;}
A.fishtank2:000000Hover {color:#afafaf;text-decoration:underline;}

#canvas {margin-left:auto;margin-right:auto;width:900px;}
#container {float:left;width:900px;}

/* Top Nav */
#header-top {float:left;width:750px;height:60px;background:URL('images/header-top.jpg') no-repeat;padding:5px 150px 0 0}
#header-top P {text-align:center;color:#000000;line-height:18px;font-size:110%}
#header-top A {color:#000000;text-decoration:underline;}
#header-top A:Hover {color:#afafaf;text-decoration:underline;}
#cblogo-container {float:left;width:616px;height:114px;}
#cblogo-join {float:left;width:480px;height:22px;background:url('images/cblogo-join.jpg') no-repeat;padding:24px 0 0 136px;font-size:90%}

h1.cblogo {text-indent:-9999px;height:66px;width:616px;background:url('images/cblogo.jpg') no-repeat}
h1.strapline {float:left;height:114px;width:284px;text-indent:-9999px;background:url('images/strapline.jpg') no-repeat}
h2.experience {float:left;height:76px;width:163px;text-indent:-9999px;background:url('images/20years.gif') no-repeat;padding-bottom:20px}
h2.facebook {float:left;height:42px;width:163px;text-indent:-9999px;background:url('images/facebook.gif') no-repeat;padding-bottom:20px}
h3.headers {height:15px;font-size:130%;color:#afafaf;padding:0 0 15px 0;font-weight:normal}

#col1 {width:175px;float:left;padding:10px 10px 0 15px}
#col1 P {line-height:20px;}

#col2 {width:670px;float:left;padding:0 15px 0 15px}
#bigimage {width:670px;height:155px;float:left;padding:10px 0 15px 0}
#col2_inner_left {width:390px;float:left;padding:0 35px 0 15px}
#col2_inner_left P {line-height:20px}
#col2_inner_right {width:215px;float:left;padding:0 15px 0 0}
#col2_inner_right P {line-height:18px;font-size:100%}

/* aboutus */
#col3 {width:640px;float:left;padding:0px 15px 0 15px;}
#col3-greybox {width:670px;float:left;padding:0px 15px 0 15px;background:URL('images/repeat2.gif') repeat-x}
#col3 P {line-height:20px;}

/* competitions */
#col4 {width:670px;float:left;padding:0 15px 0 15px}
#col4-greybox {width:670px;float:left;padding:0 15px 0 15px;background:URL('images/repeat2.gif') repeat-x}
#col4_inner_left_competitions {width:390px;float:left;padding:0 35px 0 15px}
#col4_inner_left_competitions P {line-height:20px}
#col4_inner_right_competitions {width:215px;float:left;padding:0 15px 0 0;}
#col4_inner_right_competitions P {line-height:20px}

/* main nav */
UL.mainnav LI {float:left;width:163px;height:35px;list-style-type:none;text-indent:-9999px;}
UL.mainnav LI A {width:163px;height:35px;display:block;}
.home {background:url('images/home-off.gif') no-repeat}
.home A:hover {background:url('images/home-on.gif') no-repeat}
.classes {background:url('images/classes-off.gif') no-repeat}
.classes A:hover {background:url('images/classes-on.gif') no-repeat}
.competitions {background:url('images/competitions-off.gif') no-repeat}
.competitions A:hover {background:url('images/competitions-on.gif') no-repeat}
.aboutus {background:url('images/aboutus-off.gif') no-repeat}
.aboutus A:hover {background:url('images/aboutus-on.gif') no-repeat}
.gallery {background:url('images/gallery-off.gif') no-repeat}
.gallery A:hover {background:url('images/gallery-on.gif') no-repeat}
.planet {background:url('images/planet-off.gif') no-repeat}
.planet A:hover {background:url('images/planet-on.gif') no-repeat}
.contact {background:url('images/contact-off.gif') no-repeat}
.contact A:hover {background:url('images/contact-on.gif') no-repeat}


#footer {float:left;padding:30px 15px 0 15px;font-size:90%;width:870px}
#footer-left {float:left;width:450px;height:10px}
#footer-right {float:right;width:330px;text-align:right;height:10px}

UL.bullets {padding:0 0 0 13px;}
UL.bullets LI {padding:5px 0 3px 0;line-height:20px}

#classes_list {padding:0 0 20px 0}
#classes_list A {color:#FFFFFF;text-decoration:underline;}
#classes_list A:Hover {color:#afafaf;text-decoration:underline;}

.tablehead {width:150px;text-transform:uppercase;font-weight:bold;background-color:#888888;text-align:center;height:25px}
.tablecontent {color:#000000;width:150px;background-color:#FFFFFF;text-align:center;height:25px}
.tableheaders {color:#FFFFFF;background-color:#000000;padding:0 0 0 10px;text-transform:uppercase;height:25px}

.enigma {margin:0 0 10px 0;float:left;}