a:link { font-weight: bold; color : #000000 ; }

a.office:link {  font-size: 10pt; font-weight: bold; line-height: normal }

a:visited {  font-weight: bold; color : #777777 ;}

a:hover {  font-weight: bold; color : #000000 ; }

a.nav:link { color: #0000ff;  }

a.nav:visited {  font-weight: bold; color: #999090 ;}

a.nav:hover { text-decoration : underline ; color: #0000ff; }

.center { text-align : center; }


body { font-family: Arial, Helvetica, sans-serif;  font-style: normal; font-weight: normal; line-height: normal; background-color: #fffbe8; margin-left: 0; margin-top: 0; text-align : center ; }

body.white { font-family: Arial, Helvetica, sans-serif;  font-style: normal; font-weight: normal; line-height: normal; background-color: #ddd; margin-left: 0; margin-top: 0; text-align : center ; }


b.hd1 {  font-size: 20pt; font-weight: bold; color: #0084ff; text-decoration: none; text-transform : uppercase ; }

b.hd2 {  font-size: 12pt; font-weight: bold; color: #263f89; text-decoration: none }

.hd2 {  font-size: 12pt; font-weight: bold; color: #263f89; text-decoration: none }

.banner2 {  font-size: 12pt; font-weight: bold; color: #fdf4a5; text-decoration: none }

.hd1b { font-size: 20pt; font-style: normal; font-weight: bold; color: #0a6738; /* #0084ff */text-decoration: none; text-transform : uppercase ; padding-top : 8px ; padding-bottom : 8px ; }

.hd2b {  font-size: 12pt; font-weight: bold; color: #263f89; text-decoration: none }

b.t26b { font-family: "Times New Roman", Times, serif; font-size: 26pt; font-weight: bold; color: #000000; text-decoration: none }

.banner1 { font-family: "Times New Roman", Times, serif; font-size: 26pt; font-weight: bold; color: #ffffff; text-decoration: none }

.back { position : relative ; left : 50px ;background-color:#cbedff ; padding : 1px 4px 1px 4px ; text-align : center ; }

p { font-size: 8.5pt; font-weight: normal; line-height: normal; text-align: justify } 

.normal { font-size: 8pt;  }

p.center {  font-size: 8pt; text-align: center; }

p.left {  font-size: 10pt; text-align: left; }

p.small {  font-size: 6pt; text-align: left; }

p.bold {  font-size: 10pt; font-weight: bold; line-height: normal; text-align: left }

.bold 
{
font-weight: bold;
}

.ltbluheader
{margin-left : 20px ; margin-right : 20px ; background-color : #e2ffef ; /*#ddeeff */  padding-top : 4px ;padding-bottom : 4px ; }

table { font-family: Arial, Helvetica, sans-serif ; }

table.main { background-color: #fffbe8 ;  }

/*table.main { background-color: #ddfbe8 ;  }  color for testing*/

table.blk { color: #ffffff;  font-size: 8pt; font-weight: bold; background-color: black }

table.blk1 {border-style: solid; border-width: 2px; border-color: #000000; background-color: #ffffff }

table.blue { color : #ffffff;  font-size : 8pt ; font-weight: bold; background-color: #0a6738 ; /* blue */ }

table.bluebrows {border-style: solid; border-width: 1px; border-color: #0000ff; background-color: #ffffff;  font-size: 8pt; font-style: normal }

table.brn { color: #ffffff;  font-size: 8pt; font-weight: bold; background-color: #330000 }

.grn { color: #ffffff;  font-size: 8pt; font-weight: bold; background-color: #0a6738 ; } /*green  */

table.lgrn { color: #ffffff; font-size: 8pt; font-weight: bold; background-color: #00b063 }

table.grey1 {border-style: solid; border-width: 2px; border-color: #c0c0c0; background-color: #ffffff }

table.grn1 {border-style: solid; border-width: 2px; border-color: #00b063; background-color: #ffffff }

table.nav1 {border-style: solid; border-width: 2px; border-color: #00b063; background-color: #ffffbb; }

table.nav2 {border-style: solid; border-width: 2px; border-color: #00b063; background-color: #ccffcc; }

/*table.next {border-style: solid; border-width: 2px; border-color: #cbedff; background-color: #cbedff }*/
table.next {padding : 5px 2px 5px 2px; background-color: #cbedff }
table.pnk { color: #ffffff;  font-size: 8pt; font-weight: bold; background-color: #ff00ff }

table.red { color: #ffffff;  font-size: 8pt; font-weight: bold; background-color: #0a6738 ; /*#ff0000   */text-align : center ; }

table.red1 {border-style: solid; border-width: 2px; border-color: #ff0000; background-color: #ffffff }

table.blue1 {border-style: solid; border-width: 2px; border-color: #0084ff; background-color: #ffffff }

.side { color: #000000;  font-size: 8pt; font-weight: normal; background-color: #ffffff }

.side-small { color: #000000;  font-size: 8pt; font-weight: normal; background-color: #ffffff }

table.s1 { color: #000000;  font-size: 10pt; font-weight: normal; background-color: #fffbe8 }



table.topnav1 {border-style: none; border-width: 0px; border-color: #000000; }

a.backnav {border-style: solid; border-width: 2px; border-color: #000000; }



td.blk {background-color: #cbedff; }


td.cnt {background-color: #cbedff }
td.indx {background-color: #f0f0f0 }

td  {  font-size: 10pt; }
td.nav {  font-size: 8pt; font-weight: normal; text-align: left }


td.rest {background-color: #cbedff }
b.webmfooter {  font-size: 8pt; font-weight: normal }
.footer01 {  font-size: 8pt; font-weight: normal }
/*.back { background-color:#cbedff ; padding : 1px 4px 1px 4px ; } */
.search { background-color:#cbedff ; padding : 1px 4px 1px 4px ; text-align : center ;}
li {  font-size: 10pt; text-align: justify }
.copyright {  font-size: 6pt; text-align: right; padding-right : 50px ; }
table.maroon { color: #ffffff;  font-size: 8pt; font-weight: bold; background-color: #990000 ; }

.topbutt   {  font-size: 10pt; font-weight: bold; line-height: normal; text-align: center;  padding-top : 4px ; padding-bottom : 4px ; }

a:link { color: #ffffff; text-decoration : none; }
a:visited {  color: #cccccc ; text-decoration : none;}
a:hover { color: #ffffff; text-decoration : underline;}
a:active {  color: #ff0000 ; text-decoration : none;}

a.alt:link { color: #1111dd; text-decoration : none; }
a.alt:visited {  color: #880088 ; text-decoration : none;}
a.alt:hover { color: #1111dd; text-decoration : underline;}
a.alt:active {  color: #ff0000 ; text-decoration : none;}



#bodylinks a:link { color: #000000; text-decoration : none; }
#bodylinks a:visited {  color: #999090 ; text-decoration : none;}
#bodylinks a:hover { color: #000000; text-decoration : underline;}
#bodylinks a:active {  color: #ff0000 ; text-decoration : none;}

#bodylinks2 a:link { color: #0000ff; text-decoration : none; }
#bodylinks2 a:visited {  color: #999090 ; text-decoration : none;}
#bodylinks2 a:hover { color: #0000ff; text-decoration : underline;}
#bodylinks2 a:active {  color: #ff0000 ; text-decoration : none;}
/*a:hover { text-decoration : underline; background-color: #0084ff ;}*/

.mbsp { background-color : #ffffff ;
width : 1px ;
/*border-bottom-style : solid;
border-width : 5px ;
border-color : #ffffff ;*/  
}

.mbsp-bg { background-color : #0a6738 ;
width : 1px ;
border-bottom-style : solid;
border-width : 1px ;
border-color : #ffffff ; 
}

.mbspblue { background-color : ##0e2fb2 ; width : 2px ;}

a.rhm:link { color: #000000; text-decoration : none; }
a.rhm:visited {  color: #555555 ; text-decoration : none;}
a.rhm:hover { text-decoration : underline; }
a.rhm:active {  color: #ff0000 ; text-decoration : none;}

a.rhmb:link { color: #ffffff; text-decoration : none; }
a.rhmb:visited {  color: #999999 ; text-decoration : none;}
a.rhmb:hover { color: #ffffff; text-decoration : underline; }
a.rhmb:active {  color: #ff0000 ; text-decoration : none;}

a.back:link { color: #ffffff; text-decoration : none; padding : 4px ; background-color : #2222ff}
a.back:visited {  color: #ffffff ; text-decoration : none;}
a.back:hover { text-decoration : underline; }
a.back:active {  color: #ff0000 ; text-decoration : none;}

a.bottm:link { color: #000000; text-decoration : none;  font-size: 6pt ; }
a.bottm:visited {  color: #777777 ; text-decoration : none; font-size: 6pt;}
a.bottm:hover { text-decoration : underline;  font-size: 6pt;}
a.bottm:active {  color: #ff0000 ; text-decoration : none; font-size: 6pt;}

a.bodylinks:link { color: #000000; text-decoration : none;  font-size: 6pt;}
a.bodylinks:visited {  color: #777777 ; text-decoration : none; font-size: 6pt;}
a.bodylinks:hover { text-decoration : underline; background-color: #eeeeee ; font-size: 6pt;}
a.bodylinks:active {  color: #ff0000 ; text-decoration : none; font-size: 6pt;}

.sidemenu {  font-size: 8.5pt; font-weight: bold; color: #ffffff ; text-decoration : none ; background-color : #0e2fb2 ; text-align : right ; line-height: normal ; border-right : 4px #cccccc solid ; border-bottom : 1px #ffffff solid ; padding-top : 6px ; padding-bottom : 6px ; padding-right : 2px ; }

.sidemenua {  font-size: 8.5pt; font-weight: bold; color: #ffffff ; text-decoration : none ; background-color : #0e2fb2 ; text-align : right ; line-height: normal ; border-right : 4px #ff2222 solid; border-bottom : 1px #ffffff solid ; padding-top : 8px ; padding-bottom : 8px ; padding-right : 2px ; }

.lhs { background-color : #0e2fb2 ; }

.newshead { background-color : #bb0000 ;  font-size: 10pt; font-weight: bold; color: #ffffff ; text-decoration : none ;  text-align : left ; line-height: normal ; text-indent : 4px ;  padding-top : 4px ; padding-bottom : 4px ; }


.newshead a { background-color : #bb0000 ; font-size: 10pt; font-weight: bold; color: #ffffff ; text-decoration : none ;  text-align : left ; line-height: normal ; text-indent : 4px ;  padding-top : 4px ; padding-bottom : 4px ; display: block;}

.newshead a:hover { background-color : #ff2222 ;  font-size: 10pt; font-weight: bold; color: #ffffff ; text-decoration : underline ;  text-align : left ; line-height: normal ; text-indent : 4px ;  padding-top : 4px ; padding-bottom : 4px ; }


.newsbody { background-color : #ccbbbb ;  font-size: 8pt; font-weight: normal; color: #000000 ; text-decoration : none ;  text-align : left ; line-height: normal ; padding-left : 4px ; padding-top : 2px ; padding-bottom : 2px ;}

#newsbody div { background-color : #e2ffef ;  /*#ccbbbb */ font-size: 8pt; font-weight: bold; color: #000000 ; text-decoration : none ;  text-align : left ; line-height: normal ; padding-left : 4px ; padding-top : 2px ; padding-bottom : 2px ;}

.eventsbody { background-color : #e2ffef ;  /*#99aaaa */ font-size: 8pt; font-weight: normal; color: #000000 ; text-decoration : none ;  text-align : left ; line-height: normal ; padding-left : 4px ; padding-top : 2px ; padding-bottom : 2px ; }

#eventsbody div { background-color : #e2ffef ; /* #99aaaa */ font-size: 8pt; font-weight: bold; color: #000000 ; text-decoration : none ;  text-align : left ; line-height: normal ; padding-left : 4px ; padding-top : 2px ; padding-bottom : 2px ; }


.whatsnewbody { background-color : #e2ffef ; /*#99bbb */ font-size: 8pt; font-weight: normal; color: #000000 ; text-decoration : none ;  text-align : left ; line-height: normal ; padding-left : 4px ; padding-bottom : 2px ; padding-top : 2px ; }

.walksbody { background-color : #e2ffef ; /* #b2edc0 */ font-size: 8pt; font-weight: normal; color: #000000 ; text-decoration : none ;  text-align : left ; line-height: normal ; padding-left : 4px ; padding-bottom : 2px ; padding-top : 2px ; }

.videobody { background-color : #e2ffef ; /*#aaaabb */ font-size: 8pt; font-weight: normal; color: #000000 ; text-decoration : none ;  text-align : left ; line-height: normal ; padding-left : 4px ; padding-top : 2px ; padding-bottom : 2px ; }

.btnav
{ 
background-color: #0a6738; /*#0e2fb2 only top left on Home page*/

width : 146px ; 
font-weight: bold;
text-align: center ;

}

.btnav-rss
{ 
background-color: #0a6738; /*#0e2fb2 only top left on Home page*/

}

/*.btnav-search { background-color: #0e2fb2; }*/
.btnav-search { background-color: #0a6738;  width : 282px ; /*#0e2fb2  Search box top right*/

}

.backgrnd-col { background-color:#fffbe8 ; }
.memberbox {  font-size: 8pt ; font-weight: bold ; text-align: center ; }
.date { font-size: 8pt; }
.webmaster {  font-size: 8pt;  }
.centered-table {
   margin-left: auto;
   margin-right: auto; 
background-color: #fffbe8 ;
}

.main {
   margin-left: auto;
   margin-right: auto; 
	background-color: #fffbe8 ;
	width : 920px ;
	border-left: 10px solid white ;
	border-right: 10px solid white ;
	border-top: 0px  ;
	border-bottom: 10px solid white ;
	
}


.button {

font-weight: bold;

text-align: right;
color : #0a6738 ; /* Sets Top LH text colour (hides text) */

}

.button a {

font-weight: bold;

text-align: right;
border-right : 4px #cccccc solid ; 
border-bottom : 1px #ffffff solid ; 
padding-top : 6px ; 
padding-bottom : 6px ; 
padding-right : 2px ;
font-size: 8.5pt; 
font-style: normal;


text-decoration: none;

display: block;

color: #ffffff ;  /* LH column button text colour */

background-color: #0a6738; /*#0e2fb2 */ /* LH column button colour */


}




.button a:hover {

text-decoration: underline;

background-color: #0f9c55; /*0084ff */ /* Sets LH column buttons mouseover colour */

}

.button a:visited {
font-weight: bold;

color:  #bbb ; /* Sets LH buttons column text visited colour */

}

.buttona a {

font-weight: bold;

text-align: right;
border-right : 4px #ff0000 solid ; 
border-bottom : 1px #ffffff solid ; 
padding-top : 6px ; 
padding-bottom : 6px ; 
padding-right : 2px ;
font-size: 8.5pt; 
font-style: normal;

text-decoration: none;

display: block;

color: #ffffff;

background-color: #0a6738;  /*#0e2fb2 */

}



/*.buttontop {

font-weight: bold;

text-align: center;

}
*/
.buttontop a {

font-weight: bold;

text-align: center;

padding-top : 6px ; 
padding-bottom : 6px ; 
padding-right : 0px ;
font-size: 10pt; 
font-style: normal;


text-decoration: none;

display: block;

color:  #ffffff ; /* Sets top row button text colour*/

background-color: #0a6738 ; /* #0e2fb2 */ /* Sets top row button background colour*/


}
.buttontop a:hover {

text-decoration: underline;

background-color: #0f9c55; /* 0084ff */ /* Sets top row button background mouseover colour*/

}

.buttontop a:visited {
font-weight: bold;

color:  #bbb ;/* Sets top row button visited colour*/


}

.buttonx a 
{
font-size: 10pt;
}


.buttonrh {

font-weight: bold;

text-align: left;

}

.buttonrh a {

font-weight: bold;

text-align: left;

padding-top : 6px ; 
padding-bottom : 6px ; 
padding-right : 0px ;
padding-left : 4px ;
font-size: 10pt; 
font-style: normal;


text-decoration: none;

display: block;

color: #ffffff;

background-color: #0e2fb2;


}
.buttonrh a:hover {

text-decoration: underline;

background-color: #0084ff;

}

.buttonrh a:visited {
font-weight: bold;

color: #bbb;


}
.newshead2 
{
background-color : #bb0000 ;
 }

.newshead2 a 
{ 
background-color : #bb0000 ; 
}

.newshead2 a:hover 
{ 
background-color : #ff2222 ;  
color: #ffffff ; 
text-decoration : underline ;   
}

.eventshead a
{
background-color : #772200 ;
}

.eventshead a:hover
{
background-color : #994400 ;
color: #ffffff ; 
text-decoration : underline ;
}

.whatsnewhead a
{
background-color : #00bbbb ;
}

.whatsnewhead a:hover
{
background-color : #00eeee ;
color: #ffffff ; 
text-decoration : underline ;
}


.videohead a
{
background-color : #0000bb ;
}

.videohead a:hover
{
background-color : #0084ff ;
color: #ffffff ; 
text-decoration : underline ;
}

.walkshead a
{
background-color : #429442 ;
}

.walkshead a:hover
{
background-color : #39db39 ;
color: #ffffff ; 
text-decoration : underline ;
}

.background-white
{ background-color : #fffbe8 ;
color: #000000 ;
}
.boxheader 
{
font-size: 10pt ; 
color : #FF5020 ; 
font-weight : bold ; 
}
.textbox 
{
font-size: 10pt ; 
color : #000000 ; 
font-weight : bold ; 
background-color : #cbedff ; 
padding-left : 4px ; 
padding-right : 4px ; 
padding-top : 2px ; 
padding-bottom : 2px ;
}

table.grey2 
{
border-style: solid; 
border-width: 0px; 
border-color: #c0c0c0; 
background-color: #e2ffef ;  /* #bbdddd  timetable block */
}

table.grn1 
{
border-style: solid; 
border-width: 2px; 
border-color: #00b063; /*  */
background-color: #ffffff 
}

.news-header { font-family: Arial, Helvetica, sans-serif; font-size: 24pt; font-style: normal;  font-weight: bold; color: #ff0000; text-decoration: none; text-align:center; }

.news-punchline { font-family: Arial, Helvetica, sans-serif; font-size: 16pt; font-style: normal;  font-weight: bold; color: #000000; text-decoration: none; text-align:center; }

.news-punchline2 { font-family: Arial, Helvetica, sans-serif; font-size: 10pt; font-style: normal;  font-weight: bold; color: #000000; text-decoration: none; text-align:center; }

.news-text { font-family: Arial, Helvetica, sans-serif; font-size: 10pt; font-style: normal;  font-weight: normal; color: #000000; text-align : justify ; }
.news-padding { padding : 20px ; }
.zktimetablehead { background-color : #0a6738 ; color : #ffffff ; }

.zktimetablebody { background-color : #a8d2bd ; color : #000000 ; }
.textblockbackround { background-color : #e2ffef ; color : #ffffff ; } 
.redbox {  font-size: 8pt; font-style: normal; font-weight: bold; color: #ffffff; text-decoration: none;  padding : 4px ;  background-color :#0a6738 ;  text-align : center ;}
.bluebox {  font-size: 8pt; font-style: normal; font-weight: bold ; color: #ffffff; text-decoration: none;  padding-top : 4px ; padding-bottom : 4px ; background-color :#0a6738 ; }

.greenbox {  font-size: 8pt; font-style: normal; font-weight: bold ; color: #ffffff; text-decoration: none;  padding-top : 4px ; padding-bottom : 4px ; background-color : #0a6738 ; /*#00bb00 */ text-align : center ; }

#searchwrapper {
width:180px; /*follow your image's size*/
height:23px;/*follow your image's size*/
background-image:url('./searchlogomask.png');
background-repeat:no-repeat; /*important*/
padding:0px;
margin:0px;
position:relative; /*important*/
}
#searchwrapper form { display:inline ; }
.searchbox {
border:0px; /*important*/
background-color:transparent; /*important*/
position:absolute; /*important*/
top:2px;
left:8px;
width:154x;
height:20px;
color : #0a6738 ;

}
.searchbox_submit {
border:0px; /*important*/
background-color:transparent; /*important*/
position:absolute; /*important*/
top:0px;
left:154px;
width:26px;
height:23px;
}

.photocaption 
{ padding-top : 5px ;
 font-size: 9pt;
 font-style: normal;
 font-weight: normal;
 color: #000000;
 text-decoration: none ;
 text-align: left ;
width : 530px ;
margin-bottom :  0.5em;
 margin-left: auto;
 margin-right: auto;
}

.photocaption-bold 
{ padding-top : 10px ;
 font-size: 9pt;
 font-style: normal;
 font-weight: bold;
 color: #000000;
 text-decoration: none ;
 text-align: left ;
width : 530px ;
margin-bottom :  0.5em;
 margin-left: auto;
 margin-right: auto;
}




.imgcenter {margin-left:auto; margin-right:auto; display:block; text-align:center;  border-style: solid; border-width : 1px ; border-color : #000000 ; }

.photocaption 
{ padding-top : 5px ;
 font-size: 9pt;
 font-style: normal;
 font-weight: normal;
 color: #000000;
 text-decoration: none ;
 text-align: left ;
width : 530px ;
margin-bottom :  0.5em;
 margin-left: auto;
 margin-right: auto;
}

#photocaption div
{ padding-top : 5px ;
 font-size: 9pt;
 font-style: normal;
 font-weight: normal;
 color: #000000;
 text-decoration: none ;
 text-align: left ;
width : 530px ;
margin-bottom :  0.5em;
 margin-left: auto;
 margin-right: auto;
}

#acknowledge span
{font-size: 8pt; 
font-style: italic; 
font-weight: normal; color: #000000; 
text-decoration: none ; 
  
}

.acknowledge 
{ font-family: 
Arial, helvetica,sans-serif; 
font-size: 8pt; 
font-style: italic; 
font-weight: normal; 
color: #000000; 
text-decoration: none ; 
}

.back 
{ 
background-color:#4444ff ; 
padding : 1px 4px 1px 4px ; 
text-align : center ; 
}

.back-small 
{ font-size : 8pt ; 
background-color:#cbedff ; 
padding : 1px 4px 1px 4px ; 
}

.newsindex
{ 
position : relative ;
width : 80px ;
left: 20px ;
top : 16px ;
padding : 4px ;
background-color : #4444ff ;
font-size: 10pt;
/*a:link {  font-weight: bold; color: #ffffff  ; text-decoration : none}

a:visited { font-weight: bold; color: #ffffff ;text-decoration : none}
a:hover { text-decoration : underline }*/
}

.news-header { font-family: Arial, Helvetica, sans-serif; font-size: 24pt; font-style: normal;  font-weight: bold; color: #0a6738; text-decoration: none; text-align:center; }

.whitebox {  font-size: 6pt; font-style: normal; font-weight: normal ; color: #00000; text-decoration: none;  padding : 4px ;  background-color :#ffffff ; text-align : center ; }

/*.back { background-color:#3333ff ; padding : 1px 4px 1px 4px ; text-align : center ; }*/