/* BEGIN COMMENTS

This style sheet documents changes to previous style sheets and adds any supplementary styles

Previous:

.links_bar_size { width: 662px; background-color: #0080f8} 
.links_bar_size { width: 662px; background-color: #0080c8}
.links_bar_underline { height: 8px; background-color: #00a0fa}

Further comments at the end of the document.
   
END COMMENTS */


body {margin-top: 16px; font-family: Arial, Helvetica, sans-serif; 
font-size: 10pt; font-style: normal; font-weight: normal; color: #202020; text-align: justify; background-color: #ffffff; vertical-align: middle}

.left_column { width: 200px; align: left; vertical-align: top;} 

.right_column { width: 508px; align: right; vertical-align: top;}

.single_page_column_width { width: 718px; align: right; vertical-align: top;} 

.links_bar_width { width: 730px}

.links_bar_background_colour {background-color: #00a0fa}

.links_bar_legacy_size { width: 600px; background-color: #00a0fa}

.links_bar {font-family: Arial, Helvetica, sans-serif; font-size: 14pt; font-weight: normal; text-align: justify; background-color: #ffffff;}

/* Following under consideration as a means to obviate the need to use spacer cells on the navigation or links bar
border-right: 1px solid #d8d8d8 to delimit links on the links bar
and a definition of .links_bar A {PADDING-RIGHT: 10px; DISPLAY: inline; PADDING-LEFT: 0px; }to provide link spacing
*/ 

.links_bar_spacer { width: 1px; background-color: #d8d8d8}

.links_bar_underline_height { height: 8px}

.links_bar_underline_background_colour {background-color: #00a0fa}

.vertical_line_colour {color: #e0e0e0; background-color: #e0e0e0}

.vertical_line_width {width: 1px}

.vertical_line_colour_alt {color: #999999; background-color: #00a0fa}

.vertical_line_width_alt {width: 1px}

.horizontal_line_colour {border: 0px; color: #e0e0e0; background-color: #e0e0e0}

.horizontal_line_colour_messages {border: 0px; color: #e0e0e0; background-color: #e0e0e0}

.horizontal_line_height {height: 1px}

/* Table standard defaults to follow */


table { font-size: 10pt; font-style: normal; font-weight: normal; text-align: justify; background-color: #ffffff; }

table.bordered { border-style: solid; border-width: 1px; border-color: #eeeeee }
table.centred { margin-left: auto; margin-right: auto }

table th { font-size: 11pt; font-weight: normal; text-align: center; color: #0060f0; background-color: #eeeeee;}

table td { color: #202020; background-color: #ffffff }
table td.bold { font-weight: bold }
table td.centred { text-align: center }
table td.orange { color: #FF3300 }


table.std { font-size: 10pt; font-style: normal;  font-weight: normal;
background-color: #ffffff;
border: 1px #eeeeee solid;
border-collapse: collapse;
border-spacing: 0px; 
}

table.std th {
font-size: 11pt;
text-align: center; 
color: #005A9C;
background-color: #eeeeee;
padding-top: 2px;
padding-bottom: 2px;
padding-left: 2px;
padding-right: 2px; 
border-bottom: 1px solid #eeeeee
}

table.std td { 
text-align: justify;
color: #202020;
background-color: #ffffff;
padding-top: 6px;
padding-bottom: 6px;
padding-left: 6px;
padding-right: 6px;
}


table.std table.narrow { width: 200px;}
table.std table.wide { width: 500px;}
table.std td.centred { text-align: center }
table.std td.photo { padding-top: 8px; padding-bottom: 8px; padding-left: 8px; padding-right: 8px; }
table.std td.caption { padding-top: 0px; padding-bottom: 8px; padding-left: 8px; padding-right: 8px; } 


table.alt { font-size: 10pt; font-style: normal; font-weight: normal;  
background-color: #fafafa;
border: 1px #f0c0c0 solid;
border-collapse: collapse;
border-spacing: 0px; 
}

table.alt th {
font-size: 11pt;
text-align: center; 
color: #333350; 
background-color: #ffcccc;
padding-top: 2px;
padding-bottom: 2px;
padding-left: 2px;
padding-right: 2px; 
border-bottom: 1px solid #f0c0c0
}

table.alt td { 
text-align: justify;
color: #202020;
background-color: #ffffff;
padding-top: 6px;
padding-bottom: 6px;
padding-left: 6px;
padding-right: 6px;
}

table.alt table.narrow { width: 200px;}
table.alt table.wide { width: 500px;}
table.alt td.centred { text-align: center }
table.alt td.photo { padding-top: 8px; padding-bottom: 8px; padding-left: 8px; padding-right: 8px; }
table.alt td.caption { padding-top: 0px; padding-bottom: 8px; padding-left: 8px; padding-right: 8px; }
table.alt td.background_grey { background-color: #eeeeee; }
table.alt th.border_left { border-left: 1px solid #f0c0c0 }
table.alt td.border_right { border-right: 1px solid #f0c0c0 }


  
p { font-size: 11pt; font-style: normal; font-weight: normal; text-align: justify; color: #202020; background-color: #ffffff; vertical-align: middle }

p.head { font-size: 14pt; color: #f42429; margin-top: 0px; margin-bottom: 0.1em}

p.sub {color: #005A9C; margin-top: 0px; margin-bottom: 0.3em}

p.previous_01 {color: #0060a0 }


p.justified { text-align: justify }

p.centred { text-align: center }

p.bold { font-weight: bold }

p.indent {margin-left: 1.2em; margin-right: 1.2em}


p.larger { font-size: 13pt } 

p.large { font-size: 12pt }

p.medium { font-size: 11pt }

p.small { font-size: 10pt }

p.smaller { font-size: 9pt }

p.tiny { font-size: 8pt }


span.reference_superscript {vertical-align: text-top; font-size: 0.75em}


/* Default anchor element settings.
Target attribute defines where the linked document will be opened.
Format: <a target="value">  
_blank Open the linked document in a new window 
_self Open the linked document in the same frame as it was clicked (this is default) 
_parent Open the linked document in the parent frameset 
_top Open the linked document in the full body of the window 
framename Open the linked document in a named frame
See www.w3schools.com/HTML/html_links.asp and www.w3schools.com/tags/att_a_target.asp */

/* default link styles */

a:link { color: #0033d0; text-decoration: none}
a:visited { color: #0033d0; text-decoration: none}
a:hover { color: #0066f0; text-decoration: underline}
a:active { color: #f42429; text-decoration: underline}

/* .link_no_decoration */ 

a.link_no_decoration:link { text-decoration:none}
a.link_no_decoration:visited { text-decoration:none} 
a.link_no_decoration:hover { text-decoration:none}
a.link_no_decoration:active { text-decoration:none}

/* navigation current page link styles - commented out - under test

a.links_bar_current_page:link { color: #ffffff; background-color: #e02020; text-decoration:none}
a:links_bar_current_page:visited { color: #ffffff; background-color: #e02020; text-decoration:none}
a:links_bar_current_page:hover { color: #0066f0; text-decoration: underline}
a:links_bar_current_page:active { color: #ffffff; background-color: #e02020; text-decoration:none}

*/

/* .links_bar_home */ 

a.links_bar_home:link { color: #0080bb; background-color: #ffffff; text-decoration:none}
a.links_bar_home:visited { color: #0080bb; background-color: #ffffff; text-decoration:none} 
a.links_bar_home:hover { color: #ffffff; background-color: #0080bb; text-decoration:none}
a.links_bar_home:active { color: #ffffff; background-color: #e02020; text-decoration:none}

/* .links_bar_business */ 

a.links_bar_business:link { color: #b04000; background-color: #ffffff; text-decoration:none}
a.links_bar_business:visited { color: #b04000; background-color: #ffffff; text-decoration:none} 
a.links_bar_business:hover { color: #ffffff; background-color: #b04000; text-decoration:none}
a.links_bar_business:active { color: #ffffff; background-color: #e02020; text-decoration:none}

/* .links_bar_schools */ 

a.links_bar_schools:link { color: #3aa56e; background-color: #ffffff; text-decoration:none}
a.links_bar_schools:visited { color: #3aa56e; background-color: #ffffff; text-decoration:none} 
a.links_bar_schools:hover { color: #ffffff; background-color: #3aa56e; text-decoration:none}
a.links_bar_schools:active { color: #ffffff; background-color: #e02020; text-decoration:none}

/* .links_bar_events */ 

a.links_bar_events:link { color: #de9d00; background-color: #ffffff; text-decoration:none}
a.links_bar_events:visited { color: #de9d00; background-color: #ffffff; text-decoration:none} 
a.links_bar_events:hover { color: #ffffff; background-color: #de9d00; text-decoration:none}
a.links_bar_events:active { color: #ffffff; background-color: #e02020; text-decoration:none}

/* .links_bar_links */ 

a.links_bar_links:link { color: #C80068; background-color: #ffffff; text-decoration:none}
a.links_bar_links:visited { color: #E0003A; background-color: #ffffff; text-decoration:none} 
a.links_bar_links:hover { color: #ffffff; background-color: #F0004A; text-decoration:none}
a.links_bar_links:active { color: #ffffff; background-color: #e02020; text-decoration:none}

/* .links_bar_messages */ 

a.links_bar_messages:link { color: #008080; background-color: #ffffff; text-decoration:none}
a.links_bar_messages:visited { color: #F77003; background-color: #ffffff; text-decoration:none} 
a.links_bar_messages:hover { color: #ffffff; background-color: #F77003; text-decoration:none}
a.links_bar_messages:active { color: #ffffff; background-color: #e02020; text-decoration:none}

/* .links_bar_contacts */ 

a.links_bar_contacts:link { color: #0080bb; background-color: #ffffff; text-decoration:none}
a.links_bar_contacts:visited { color: #0080bb; background-color: #ffffff; text-decoration:none} 
a.links_bar_contacts:hover { color: #ffffff; background-color: #0080bb; text-decoration:none}
a.links_bar_contacts:active { color: #ffffff; background-color: #e02020; text-decoration:none}


/* Fonts and colours review

Fonts under review, Calibri being considered for some text.
Colours under review, last value for tableheader colour was #a00066

End fonts and colours review */


.formfields { font-family: Arial, Helvetica, sans-serif; 
font-size: 11pt; font-style: normal; font-weight: normal; text-align: left; color: #0060a0; vertical-align: middle }
  
.forminputfields { font-family: Arial, Helvetica, sans-serif; 
font-size: 10pt; font-style: normal; font-weight: normal; text-align: left; color: #000066; vertical-align: middle }

/* Comment previous forms
.formfields { font-family: Arial, Helvetica, sans-serif; 
font-size: 10pt; font-style: normal; font-weight: bolder; text-align: left; color: #000000; vertical-align: middle }
  
.forminputfields { font-family: Arial, Helvetica, sans-serif; 
font-size: 10pt; font-style: normal; font-weight: normal; text-align: left; color: #000066; vertical-align: middle }
End comment previous forms */


ul, ol {
   margin:auto -1em 1em 0;
   padding:0;
   position:relative;
   left: -2em;
   overflow:hidden;
}

li {
   margin-top:0.1em;
   margin-bottom:0.4em;
}

ul ul, ul ol,
ol ol, ol ul {
   margin-left:1em;
   padding-left:0;
}

ul li, ol li {
   margin-left:2.0em;
   margin-right:0em;
}

li li {
   margin-left:1em;
}


/* Begin comment

hr {
   color: gray; // for IE
   background-color: gray; // for Mozilla and Firefox
   border: 0; // for Mozilla and Firefox
}
End comment */

/* Begin comment

Margin-top usage: 
margin-top: 10px; 
margin-top: 10pt; 
margin-top: 10%; 
margin-top: auto;
vertical-align: middle;
vertical-align: top; 
background-color: #333333;
border-collapse:collapse; (Sets cell spacing to zero) 
padding: 0; (Sets cell padding to zero)
 
End comment */

/* PREVIOUS *************************************************************************************************

table.std { font-family: Arial, Helvetica, sans-serif; font-size: 10pt; font-style: normal;  font-weight: normal;
background-color: #ffffff;
border: 1px #eeeeee solid;
border-collapse: collapse;
border-spacing: 0px; 
}

table.std th {
font-size: 11pt;
text-align: center; 
color: #0060a0;
background-color: #eeeeee;
padding-top: 2px;
padding-bottom: 2px;
padding-left: 2px;
padding-right: 2px; 
border-bottom: 1px solid #eeeeee
}

table.std td { 
text-align: justify;
color: #202020;
background-color: #ffffff;
padding-top: 6px;
padding-bottom: 6px;
padding-left: 6px;
padding-right: 6px;
}


table.std table.narrow { width: 200px;}
table.std table.wide { width: 500px;}
table.std td.centred { text-align: center }
table.std td.photo { padding-top: 8px; padding-bottom: 8px; padding-left: 8px; padding-right: 8px; }
table.std td.caption { padding-top: 0px; padding-bottom: 8px; padding-left: 8px; padding-right: 8px; }

table.alt { font-family: Arial, Helvetica, sans-serif; font-size: 10pt; font-style: normal; font-weight: normal;  
background-color: #fafafa;
border: 1px #f0c0c0 solid;
border-collapse: collapse;
border-spacing: 0px; 
}

table.alt th {
font-size: 11pt;
text-align: center; 
color: #e01033; 
background-color: #ffcccc;
padding-top: 2px;
padding-bottom: 2px;
padding-left: 2px;
padding-right: 2px; 
border-bottom: 1px solid #f0c0c0
}

table.alt td { 
text-align: justify;
color: #202020;
background-color: #ffffff;
padding-top: 6px;
padding-bottom: 6px;
padding-left: 6px;
padding-right: 6px;
}

table.alt table.narrow { width: 200px;}
table.alt table.wide { width: 500px;}
table.alt td.centred { text-align: center }
table.alt td.photo { padding-top: 8px; padding-bottom: 8px; padding-left: 8px; padding-right: 8px; }
table.alt td.caption { padding-top: 0px; padding-bottom: 38px; padding-left: 8px; padding-right: 8px; }
table.alt td.background_grey { background-color: #eeeeee; }

 ************************************************************************************************* END PREVIOUS */
 
 /* Default link colour sample only

a:link { color: blue; }
a:visited { color: purple; }
a:hover { color: green; } - not defined by default?
a:active { color: red; }

End default link colour sample only */