html, body, #wrapper {margin:0;padding:0;height:100%;text-align:center;}
#wrapper { background-color:white; margin:0 auto;vertical-align:middle;width:1270px;}
#main_body { background-color:white; margin:0 0 0 0; padding:0; }

.bottom
{
background-image: url('../images/bottom.jpg');
background-repeat: no-repeat;
height: 4px;
width: 1270px;
}

.membership
{
background-image: url('../images/background.jpg');
background-repeat: no-repeat;
background-position: bottom center;
}

.t {background: url('../images/dot.jpg') 0 0 repeat-x; width:50em}
.t_membership {background: url('../images/dot.jpg') 0 0 repeat-x; width:60em}
.t_squad {background: url('../images/dot.jpg') 0 0 repeat-x; width:70em}
.t_meets1 {background: url('../images/dot.jpg') 0 0 repeat-x; width:30em}
.t_meets2 {background: url('../images/dot.jpg') 0 0 repeat-x; width:20em}
.t_contactus1 {background: url('../images/dot.jpg') 0 0 repeat-x; width:35em}
.t_contactus2 {background: url('../images/dot.jpg') 0 0 repeat-x; width:20em}
.t_sponsor {background: url('../images/dot.jpg') 0 0 repeat-x; width:50em}
.b {background: url('../images/dot.jpg') 0 100% repeat-x}
.l {background: url('../images/dot.jpg') 0 0 repeat-y}
.r {background: url('../images/dot.jpg') 100% 0 repeat-y}
.bl {background: url('../images/bl.jpg') 0 100% no-repeat}
.br {background: url('../images/br.jpg') 100% 100% no-repeat}
.tl {background: url('../images/tl.jpg') 0 0 no-repeat}
.tr {background: url('../images/tr.jpg') 100% 0 no-repeat; padding:20px;}

.sharks_normal {font-family: Calibri;color: navy;font-size: 12pt;font-weight: normal;text-decoration: none;text-align:justify;}
.sharks_bold {font-family: Calibri;color: navy;font-size: 12pt;font-weight: bold;text-decoration: none;text-align:left;}
.sharks_n_c {font-family: Calibri;color: navy;font-size: 12pt;font-weight: normal;text-decoration: none;text-align:center;}
.sharks_b_c {font-family: Calibri;color: navy;font-size: 12pt;font-weight: bold;text-decoration: none;text-align:center;}
.sharks_b_c_i {font-family: Calibri;color: navy;font-size: 12pt;font-weight: bold;text-decoration: italic;text-align:center;}
.sharks_normal_red {font-family: Calibri;color: red;font-size: 10pt;font-weight: normal;text-decoration: none;text-align:center;}
.sharks_heading {font-family: Calibri;color: navy;font-size: 14pt;font-weight: bold;text-decoration: none;text-align:center;}

h1 {font-family: Calibri;color: navy;font-size: 20pt;font-weight: normal;}
h2 {font-family: Calibri;color: black;font-size: 16pt;font-weight: normal;}
h3 {font-family: Calibri;color: teal;font-size: 11pt;font-weight: normal;}
h4 {font-family: Calibri;color: teal;font-size: 13pt;font-style: italic;}

a {font: Calibri;color: navy;font-size: 12pt;text-decoration: underline;}
a:link {font: Calibri;color: navy;font-size: 12pt;text-decoration: underline;}
a:visited {font: Calibri;color: navy;font-size: 12pt;text-decoration: underline;}
a:active {font: Calibri;color: navy;font-size: 12pt;text-decoration: underline;}
a:hover {font: Calibri;color: navy;font-size: 12pt;text-decoration: underline;}

.banner
{
background-image: url('../images/Banner.jpg');
background-repeat: no-repeat;
height: 135px;
width: 1270px;
}

.notice
{
background-image: url('../images/BANNER VERTICAL_3.jpg');
background-repeat: no-repeat;
}

.markermenu1 a:link, .markermenu1 a:visited, .markermenu1 a:active{
font: 14pt "Calibri";
font-weight: bold;
color: white;
display: block;
text-decoration: none;
}

.markermenu1 a:hover{
font: 14pt "Calibri";
font-weight: bold;
color: white;
display: block;
background-image: url('../images/Back1.jpg');
background-repeat: no-repeat;
background-position:center;
text-decoration: none;
}

.markermenu2 a:link, .markermenu2 a:visited, .markermenu2 a:active{
font: 14pt "Calibri";
font-weight: bold;
color: white;
display: block;
text-decoration: none;
}

.markermenu2 a:hover{
font: 14pt "Calibri";
font-weight: bold;
color: white;
display: block;
background-image: url('../images/Back2.jpg');
background-repeat: no-repeat;
background-position:center;
text-decoration: none;
}

.markermenu3 a:link, .markermenu3 a:visited, .markermenu3 a:active{
font: 14pt "Calibri";
font-weight: bold;
color: white;
display: block;
text-decoration: none;
}

.markermenu3 a:hover{
font: 14pt "Calibri";
font-weight: bold;
color: white;
display: block;
background-image: url('../images/Back3.jpg');
background-repeat: no-repeat;
background-position:center;
text-decoration: none;
}

.markermenu4 a:link, .markermenu4 a:visited, .markermenu4 a:active{
font: 14pt "Calibri";
font-weight: bold;
color: white;
display: block;
text-decoration: none;
}

.markermenu4 a:hover{
font: 14pt "Calibri";
font-weight: bold;
color: white;
display: block;
background-image: url('../images/Back4.jpg');
background-repeat: no-repeat;
background-position:center;
text-decoration: none;
}

.markermenu5 a:link, .markermenu5 a:visited, .markermenu5 a:active{
font: 14pt "Calibri";
font-weight: bold;
color: white;
display: block;
text-decoration: none;
}

.markermenu5 a:hover{
font: 14pt "Calibri";
font-weight: bold;
color: white;
display: block;
background-image: url('../images/Back5.jpg');
background-repeat: no-repeat;
background-position:center;
text-decoration: none;
}

.markermenu6 a:link, .markermenu6 a:visited, .markermenu6 a:active{
font: 14pt "Calibri";
font-weight: bold;
color: white;
display: block;
text-decoration: none;
}

.markermenu6 a:hover{
font: 14pt "Calibri";
font-weight: bold;
color: white;
display: block;
background-image: url('../images/Back6.jpg');
background-repeat: no-repeat;
background-position:center;
text-decoration: none;
}

.markermenu7 a:link, .markermenu7 a:visited, .markermenu7 a:active{
font: 14pt "Calibri";
font-weight: bold;
color: white;
display: block;
text-decoration: none;
}

.markermenu7 a:hover{
font: 14pt "Calibri";
font-weight: bold;
color: white;
display: block;
background-image: url('../images/Back7.jpg');
background-repeat: no-repeat;
background-position:center;
text-decoration: none;
}

.program a, .program a:link, .program a:visited, .program a:active, .program a:hover{
font: 11pt "Times New Roman";
font-weight: bold;
color: teal;
text-decoration: underline;
}

.enrolment{
font: 12pt Arial;
font-weight: bold;
background-color: teal;
color: white;
}

.enrolment a, .enrolment a:link, .enrolment a:visited, .enrolment a:active, .enrolment a:hover{
font: 12pt Arial;
font-weight: bold;
background-color: teal;
color: white;
}

.enrolment_normal{
font: 10pt Arial;
font-weight: normal;
background-color: teal;
color: white;
}

.arial_normal{
font: 10pt Arial;
font-weight: normal;
background-color: 99CCFF;
color: navy;
}

.timetable_normal{
font: 9pt Arial;
font-weight: normal;
background-color: teal;
color: white;
}

.timetable_text{
font: 9pt Arial;
font-weight: normal;
background-color: white;
color: navy;
}

.timetable_sml{
font: 8pt Arial;
font-weight: normal;
background-color: white;
color: navy;
}

.Desc1{
font: 11pt "Times New Roman";
color: navy;
font-weight: normal;
}

.club a, .club a:link, .club a:visited, .club a:active, .club a:hover{
font: 12pt Arial;
font-weight: bold;
background-color: white;
color: teal;
}

.club_normal{
font: 10pt Arial;
font-weight: normal;
background-color: white;
color: teal;
}

.contact{
font: 11pt "Times New Roman";
color: navy;
font-weight: bold;
}