<!--


body {
	margin:0;
	height:100%;
	font-size: 100%;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	background-color: #d0d0d0
}


td {
	vertical-align: top;
}


/* =============================================================================
   title
   ============================================================================= */


   
div#div_title {
	width: auto;
	margin-left: 154px;
	border: #d0d0d0 solid 1px;
	background-color: #ffffff;	
	padding-left: 5px;
	padding-right:5px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold
}

p.titlehead {
	text-align: center;
   font-size: 180%;
   font-weight: bold;      
	margin-top: 10px;
	margin-bottom: 10px;
	font-variant : small-caps;
   color: black
}

/* =============================================================================
   bar that is grey coloured
   ============================================================================= */
	


div.bar {
	height: 30px;
	border-top: none;
	border-bottom: .25em solid #D0D0D0;
	margin: 0;
	padding: 0;
}

/* =============================================================================
   topmenu styles
   ============================================================================= */


div#div_topmenu {
	width: auto;
	margin-left: 154px;
	background-color: #cfe1e5;
	padding-left: 5px;
	padding-right:5px;
	border: white solid 2px;
	font-size: 100%;
   text-align: center;
   font-family: Arial, Helvetica, sans-serif;
   font-weight: bold;
   text-decoration: none;
   color: #000000
}

p.topmenu {
   font-size: 100%;
   font-weight: normal;      
	margin-top: 6px;
	margin-bottom: 6px;
   color: #000000
}

a.topmenu:link{ 
	text-decoration: none;
   color: #0000FF
}

a.topmenu:visited{
   text-decoration: none;
	color: #0000ff
}
a.topmenu:active{
   text-decoration: none;
   color: #FF6600
}

a.topmenu:hover{
   text-decoration: underline; 
   color: #000000
}


/* =============================================================================
   Left menu styles
   ============================================================================= */

div#menu {
	width: 140px;
	background-color: #80b4b1;
	height:800px;
	padding: 5px;
	padding-top: 20px;
	float:left;
	border: white solid 1px;
	font-size: 80%;
   text-align: right;
   font-family: Arial, Helvetica, sans-serif;
   font-weight: bold;
   text-decoration: none;
   color: #FFFF00
}

a.menulink:link{ 
	text-decoration: none;
   color: #0000FF
}
a.menulink:visited{
   text-decoration: none;
	color: #0000ff
}
a.menulink:active{
   text-decoration: none;
   color: #FF6600
}
a.menulink:hover{
   text-decoration: none; 
   color: #000000
}

hr.menuline  {
	color: #ffff00;
	height:2px;
	width: 100px
}

p.hidden {
	font-weight: none;
	font-size: 80%;
	color: #80b4b1
}

/* =============================================================================
   hidden test color is #000000, real color is (same as menu) #00dcff
   ============================================================================= */

/* =============================================================================
   welcome styles
   ============================================================================= */


div#div_welcome {
	width:auto;
	margin-left: 154px;
	border: #d0d0d0 solid 1px;
	background-color: #ffffff;
	padding-left: 25px;
	padding-right: 25px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
   font-size: 150%;
   font-weight: bold;
   font-variant: small-caps;
   color: black
	
}

.welcome {
	text-align: left;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 55%;
   font-weight: normal;
    font-variant: normal;
   color: #000000 
}


/* =============================================================================
   main styles - About Us - Contacts - programme (latest news)
   ============================================================================= */


div#div_main {
	width:auto;
	margin-left: 154px;
	border: #d0d0d0 solid 1px;
	background-color: #ffffff;
	padding-left: 25px;
	padding-right: 25px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
   font-size: 150%;
   font-weight: bold;
   color: black
	
}

p.mainhead {
	text-align: left;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 65%;
   font-weight: bold;
   color: blue
}

p.maintextredbold {
	text-align: left;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 65%;
   font-weight: bold;
   color: #FF0000; 
}

p.maintext {
	text-align: left;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 55%;
   font-weight: normal;
   color: #000000 
}

hr.mainline  {
	color: #000000;
	height:2px;
}

td.mainrider {
   font-size: 100%;
   font-weight: normal;
   text-align: left;
   width: 80%;
   margin-bottom: 2px
}

td.mainnumb {
   font-size: 100%;
   font-weight: normal;
   text-align: right;
   padding-bottom: 2px
}

/* =============================================================================
   sunday styles
   ============================================================================= */


div#div_prosun {
	width:auto;
	margin-left: 154px;
	border: #d0d0d0 solid 1px;
	background-color: #ffffff;
	padding-left: 25px;
	padding-right: 25px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
   font-size: 80%;
   font-weight: normal;
   color: #000000
}
table {
	border: #e0e0e0
}

td {
	border: #e0e0e0
}

td.sunhead {
	text-align: left;
   font-size: 100%;
   font-weight: bold;
}

p.suntitle {
	text-align: center;
   font-size: 180%;
   font-weight: bold;
   color: #000000
}

hr.sunline  {
	color: #000000;
	height:2px;
}

hr.tea {
	width: 80%;
	text-align: center
}


/* =============================================================================
   midweek styles
   ============================================================================= */


div#div_midweek {
	width:auto;
	margin-left: 154px;
	border: #d0d0d0 solid 1px;
	background-color: #ffffff;
	padding-left: 25px;
	padding-right: 25px;
	padding-top: 0px;
	text-align: left;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 80%;
   font-weight: normal;
   color: #000000 
}

p.midtitle {
	text-align: center;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 180%;
   font-weight: bold;
   color: #000000
}

td.midhead {
	text-align: left;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 100%;
   font-weight: normal;
   color: #000000 
   font-weight: bold
}

td.midtext {
	text-align: left;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 100%;
   font-weight: normal;
   color: #000000 
}

hr.midline  {
	color: #000000;
	height:2px;
}


/* =============================================================================
   clubroom information styles
   ============================================================================= */


div#div_clubinfo {
	width:auto;
	margin-left: 154px;
	border: #d0d0d0 solid 1px;
	background-color: #ffffff;
	padding-left: 25px;
	padding-right: 25px;
	padding-top: 0px;
	text-align: left;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 80%;
   font-weight: normal;
   color: #000000 
}

p.clubtitle {
	text-align: center;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 180%;
   font-weight: bold;
   color: #000000
}

td.club085 {
	font-size: 100%;
	text-align: left;
	width: 85px;;
   margin-bottom: 2px
}

td.club {
   font-size: 100%;
   text-align: left;
   padding-bottom: 2px
}

p.clubtext {
	margin-top: 6px;
	margin-bottom:6px
}

hr.clubline  {
	color: #000000;
	height:2px;
}


/* =============================================================================
   secretary notes styles
   ============================================================================= */


div#div_secinfo {
	width:auto;
	margin-left: 154px;
	border: #d0d0d0 solid 1px;
	background-color: #ffffff;
	padding-left: 25px;
	padding-right: 25px;
	padding-top: 0px;
	text-align: left;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 80%;
   font-weight: normal;
   color: #000000 
}

p.sectitle {
	text-align: center;
   font-size: 180%;
   font-weight: bold;
   color: #000000
}

p.secsubtitle {
   font-size: 130%;
   font-weight: bold;
   color: #0000ff
}

p.sectext {
	margin-top: 6px;
	margin-bottom:6px
}

hr.secline  {
	color: #000000;
	height:2px;
}


/* =============================================================================
   hargreaves information styles
   ============================================================================= */


div#div_harcomp {
	width:auto;
	margin-left: 154px;
	border: #d0d0d0 solid 1px;
	background-color: #ffffff;
	padding-left: 25px;
	padding-right: 25px;
	padding-top: 0px;
	text-align: left;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 80%;
   font-weight: normal;
   color: #000000 
}

p.hartitle {
	text-align: center;
   font-size: 180%;
   font-weight: bold;
   color: #000000
}
table.harouter {
	width: 60%
}

table.harinner {
	width: 100%
}

td.harrider {
	font-size: 100%;
	text-align: left;
	width: 80%;
   margin-bottom: 2px
}

td.harnumb {
   font-size: 100%;
   text-align: right;
   padding-bottom: 2px
}

p.hartext {
	margin-top: 6px;
	margin-bottom:6px
}

hr.harline  {
	color: #000000;
	height:2px;
}


/* =============================================================================
   general styles - picture gallery - archive - links
   ============================================================================= */


div#div_gen {
	width:auto;
	margin-left: 154px;
	border: #d0d0d0 solid 1px;
	background-color: #ffffff;
	padding-left: 25px;
	padding-right: 25px;
	padding-top: 0px;
	text-align: left;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 80%;
   font-weight: normal;
   color: #000000 
}

p.gentitle {
	text-align: center;
   font-size: 180%;
   font-weight: bold;
   color: #000000
}

p.gensubtitle {
   font-size: 130%;
   font-weight: bold;
   color: #0000FF
}

p.gensubcent {
   font-weight: bold;
	font-size: 130%;
	text-align: center;
	color: #0000ff
}

p.gentext {
	margin-top: 6px;
	margin-bottom:6px
}

hr.genline  {
	color: #000000;
	height:2px;
}

a.genlink:link{ 
	text-decoration: none;
   color: #0000FF
}
a.genlink:visited{
   text-decoration: none;
	color: #0000ff
}
a.genlink:active{
   text-decoration: none;
   color: #FF6600
}
a.genlink:hover{
   text-decoration: underline; 
   color: #000000
}


/* =============================================================================
   site map styles (used for start loc, grades, clubroom loc)
   ============================================================================= */


div#div_site {
	width:auto;
	margin-left: 154px;
	border: #d0d0d0 solid 1px;
	background-color: #ffffff;
	padding-left: 25px;
	padding-right: 25px;
	padding-top: 0px;
	text-align: left;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 80%;
   font-weight: normal;
   color: #000000 
}

p.sitetitle {
	text-align: center;
   font-size: 180%;
   font-weight: bold;
   color: #000000
}

p.sitesubtitle {
   font-size: 130%;
   font-weight: bold;
   color: #FFFF00
}

p.sitesubcent {
	font-size: 130%;
	text-align: center;
	color: #FFFF00
}

p.sitetext {
	margin-top: 6px;
	margin-bottom:6px
}

hr.siteline  {
	color: #000000;
	height:2px;
}

a.sitelink:link{ 
	text-decoration: none;
   color: #000000
}
a.sitelink:visited{
   text-decoration: none;
	color: #0000ff
}
a.sitelink:active{
   text-decoration: none;
   color: #FF6600
}
a.sitelink:hover{
   text-decoration: underline; 
   color: #000000
}


-->