@charset "UTF-8";
/* CSS Document */
/* Cascading Style sheets provides overall control of the whole web site*/
/* #name is a CSS ID */
/* .name is a CSS Class */
/* */
/* */
body {
	background-color: #78ab60;  /* #78ab60 is the light green body around the main table of the display*/
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
/* */
/* These .td---- are controls defining the containers for each of the main td (cell) areas */
/* */
.tdtop { 	/* tdtop is the containing cell around the top logo */
	background-color:#E5E5DF; 	/* #E5E5DF is grey */
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 7px;			/* this gives 7px of grey above main top logo */
	padding-bottom: 0px; 		/* but does not place any boarder grey between the logo and the next menu */
}
/* */
.tdmenutop { /* tdmenutop is the containing cell around the top menu row */
	background-color:#E5E5DF; 	/* a blank cell of grey #E5E5DF, fills in grey at either edge of menu table */
	padding-left: 0px;			/* with no extra boarders */
	padding-right: 0px;
	padding-top: 0px;
}
table#fortopmenu {
	background-color:#ffffff;  /* background colour for whole table in which menu cells sit, needs to be white to form a border*/
	width: 784px;
}
table#fortopmenu td {
	height: 40px;				/* each top menu cell will be 40px high */
}
table#fortopie6menu {
	background-color:#ffffff;  /* background colour for whole table in which menu cells sit, needs to be white to form a border*/
	width: 784px;
}
table#fortopie6menu td {
	height: 20px;				
	background-color:#78ab60;
}
.topmenu {
	background-color:#2b4e09;  /* This is the cell background colour used in the top menus*/
}
/* */
.tdside {	/* tdside is the containing cell around each side menu button */
	background-color:#78ab60;	/* with a light green #78ab60 container */
	height:20px;				/* of 20 px in height */
}
/* */
.tdback {
	background-color:#fcfafc; /* not too white */
	background-image:url(imgs/headergradient.jpg);
	background-repeat:no-repeat;
	background-position:right top;
	padding-left: 45px;		/* this is the space before the first line of text and will be the off-white background */
	padding-right: 45px;	/* this is the left space before text can begin */ 
	padding-top: 50px;		/* this is the right space defining the end edge of the text */
	padding-bottom: 30px; 	/* this is the space after the last line of text and will be the off-white background */
}
.tdback0 {
	background-color:#fcfafc; /* not too white */
	padding-left: 25px;
	padding-right: 25px;
	padding-top: 15px;
	padding-bottom: 15px;
}
.tdback2 {
	background-color:#fcfafc; /* not too white */
	background-image:url(imgs/background_eagle.jpg);
	background-repeat:no-repeat;
	background-position:right top;
	padding-left: 45px;
	padding-right: 45px;
	padding-top: 30px;
	padding-bottom: 30px;
}
.tdback3 {
	background-color:#fcfafc; /* not too white */
	background-image:url(imgs/jt_image_soft.jpg);
	background-repeat:no-repeat;
	background-position:right top;
	padding-left: 45px;
	padding-right: 220px;
	padding-top: 30px;
	padding-bottom: 30px;
}
.tdback4 {
	background-color:#fcfafc; /* not too white */
	background-image:url(imgs/JTYAF_2_softened.jpg);
	background-repeat:no-repeat;
	background-position:right top;
	padding-left: 25px;
	padding-right: 180px;
	padding-top: 30px;
	padding-bottom: 30px;
}
/* */
.tdbottom {	/* This is the containing cell for the registered charity line at the bottom of the page */
	background-color:#2B4F0C;/* the cell uses the dark green backgound #2B4F0C */
	height:25px; 		/* and a cell height of 25px */
	padding-bottom: 0px; /* this padding not used as would push text up from centre within cell */
}
.divstyle1 { /* This is for the text style used for the registered charity line at the bottom of the page */
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	font-weight:bold;
	color: #FFFFFF;
	text-align: right;
	padding-right:20px;
}
table#forbottom {	/* used at bottom of some pages as the table */
	background-color:#2B4F0C;  /* uses dark green #2B4F0C so that the table container also same colour*/
	width: 790px;
	margin-left: 5px;	/* This will start the table indented 6px to create a grey edge */
	margin-right:5px;
	margin-top: 0px;	/* needs to stay 0px to minimise gray gap from previous container */
	margin-bottom: 6px; /* and create a 6px grey border at the bottom of the page */
}
/* */
/* */
/* Follwing is used for the top menu */
#menu2 {/* used for the top menu */
	width: 127px; /* set width of each menu */
	background-color:#ffffff; /* this background is used if no other colour defined elshere, so make white */
}
#menu2 ul { /* remove bullets and list indents */
	list-style: none;
	margin: 0;
	padding: 0;
}
/* all menus in the top menu use links */
/* at the first level menu we want this to be dark green background and 12pt white font */
#menu2 a {
	font: bold 12px arial, helvetica, sans-serif;
	color: #ffffff; /* first level menu font colour */
	background: #2b4e09; /* first level menu background colour */
	text-decoration: none;
	width: 114px; /* this is width of the first level menu box that appears*/
	display: block;
	border-width: 0px; /* border around menu that appears*/
	border-style: solid;
	border-color: #ccc #888 #555 #bbb;
	text-align: left;
	margin: 0;
	padding: 2px 7px; /* first is top/bottom padding, second is left and right padding in menu*/
}
/* at the second level menus we want this light green and 11 pt white font */
#menu2 ul ul a {
	font: bold 11px arial, helvetica, sans-serif;
	color: #ffffff; /* this is second level  menu text colour */
	background: #7dab62; /* this is second level menu background colour */
	text-decoration: none;
	width: 114px; /* this is width of the second level menu box that appears */
	display: block;
	border-width: 0px; /* border around sub menu that appears */
	border-style: solid;
	border-color: #ccc #888 #555 #bbb;
	text-align: left;
	margin: 0;
	padding: 2px 7px; /* first is top/bottom padding, second is left and right padding in sub menu*/
}
/* when hover over first level and seconf level menu, font colour goes light green */
#menu2 a:hover, #menu2 ul ul a:hover{
	color: #7dab62; /* menu colour when hover */
	background: #2b4e09; /* menu background olour when hover*/	
	font-weight:bold;
}
#menu2 li {
	/* make the list elements a containing block for the nested lists */
	position: relative;
}
#menu2 ul ul {
	position: absolute;
	top: 100%;
	left: 0%; /* to position third level of menu to the right of their containing block */
	width: 120px; /* this is width of third level of menu */
}

div#menu2 ul ul,
div#menu2 ul li:hover ul
	{display: none;}
div#menu2 ul li:hover ul,
div#menu2 ul ul li:hover ul
	{display: block;}
/* */
/* */
#menu4 {
	width: 190px; /* set width of first menu box (if not stated then width would be right through to edge of page*/
	background-color:#ffffff; /* background here can also be a menu row above the one shown so make white */
}
#menu4 h2 {
    /* <h2> is used for first box */
	font: bold 12px arial, helvetica, sans-serif;
	 /* 13pt is normal text size of pages but to big for quick lookup menus, 11 pt is to small */
	color: #ffffff;
	background: #7dab62; /* lighter green */
	width: 176px; /* set to width in main menu 5 statement less the padding. don't use 100% */
	padding: 3px 7px;
	display: block;
	border-width: 1px; /* this is border around sub menu */
	border-style: solid;
	border-color:#fcfafc; /* not too white */
	margin: 0;	
}
#menu4 a {
    /* if <h2> has a link then the following defines the link colour and box */
	font: bold 12px arial, helvetica, sans-serif;
	color: #ffffff; /* this  text colour */
	background: #7dab62; /* this is lighter green background colour */
	text-decoration: none;	
	width: 176px /* set to width in main menu 5 statement less the padding */
	padding: 3px 7px;	
	display: block;
	border-width: 1px; 
	border-style: solid;
	border-color:#fcfafc; /* not too white */
	margin: 0;
}
#menu4 a:hover, #menu4 ul ul a:hover  {
	color: #2b4e09; /* this this is darker green menu text colour when hover */
	background: #7dab62; /* this is menu background colour when hover*/
	font-weight:bold;
}
#menu4 ul {
    /* this defines for the second menu box */
	 /* remove bullets and list indents */
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%; /* 100% means position at end of previous menu */
}
#menu4 li {
	/* make the list elements a containing block for the nested lists */
	position: relative;
}
#menu4 ul ul {
	/* to position them to the right of their containing block */
	position: absolute;
	top: 0;
	left: 100%; 
	list-style: none; /* remove bullets and list indents */
}
#menu4 li li {
	/* second menu width */
	width: 180px;
}
#menu4 ul ul a {
	/* at the second level menus we want this light green and 11 pt white font */
	font: bold 11px arial, helvetica, sans-serif;
	color: #ffffff; /* this is second level  menu text colour */
	background: #7dab62; /* this is second level menu background colour */
	width: 166px; /* set to width in menu 5 li li statement less the padding. */
	padding: 3px 7px; /* first is top/bottom padding, second is left and right padding in sub menu*/
	text-decoration: none;
	display: block;
	border-width: 0px; /* border around sub menu that appears */
	border-style: solid;
	border-color:#2b4e09; /* not too white */
	text-align: left;
	margin: 0;
}
#menu4 li li li {
	/* third menu width */
	width: 160px;
}
#menu4 ul ul ul a {
	/* at the second level menus we want this light green and 11 pt white font */
	font: bold 11px arial, helvetica, sans-serif;
	color: #ffffff; /* this is second level  menu text colour */
	background: #7dab62; /* this is second level menu background colour */
	width: 144px; /* set to width in menu 5 li li li statement less the padding. */
	padding: 3px 7px; /* first is top/bottom padding, second is left and right padding in sub menu*/
	text-decoration: none;
	display: block;
	border-width: 0px; /* border around sub menu that appears */
	border-style: solid;
	border-color:#2b4e09; /* not too white */
	text-align: left;
	margin: 0;
}

# li a {display:inline-block;}
# li a {display:block;}
/* */

div#menu4 ul ul, div#menu4 ul li:hover ul ul {
	display: none;
}
div#menu4 ul li:hover ul, div#menu4 ul ul li:hover ul {
	display: block;
}
/* */
/* */
#menu5 {
	width: 200px; /* set width of first menu box (if not stated then width would be right through to edge of page*/
	background-color:#ffffff; /* background here can also be a menu row above the one shown so make white */
}
#menu5 h2 {
    /* <h2> is used for first box */
	font: bold 12px arial, helvetica, sans-serif;
	 /* 13pt is normal text size of pages but to big for quick lookup menus, 11 pt is to small */
	color: #ffffff;
	background: #7dab62; /* lighter green */
	width: 186px; /* set to width in main menu 5 statement less the padding. don't use 100% */
	padding: 3px 7px;
	display: block;
	border-width: 1px; /* this is border around sub menu */
	border-style: solid;
	border-color:#fcfafc; /* not too white */
	margin: 0;	
}
#menu5 a {
    /* if <h2> has a link then the following defines the link colour and box */
	font: bold 12px arial, helvetica, sans-serif;
	color: #ffffff; /* this  text colour */
	background: #7dab62; /* this is lighter green background colour */
	text-decoration: none;	
	width: 186px /* set to width in main menu 5 statement less the padding */
	padding: 3px 7px;	
	display: block;
	border-width: 1px; 
	border-style: solid;
	border-color:#fcfafc; /* not too white */
	margin: 0;
}
#menu5 a:hover, #menu5 ul ul a:hover  {
	color: #2b4e09; /* this this is darker green menu text colour when hover */
	background: #7dab62; /* this is menu background colour when hover*/
	font-weight:bold;
}
#menu5 ul {
    /* this defines for the second menu box */
	 /* remove bullets and list indents */
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%; /* 100% means position at end of previous menu */
}
#menu5 li {
	/* make the list elements a containing block for the nested lists */
	position: relative;
}
#menu5 ul ul {
	/* to position them to the right of their containing block */
	position: absolute;
	top: 0;
	left: 100%; 
	list-style: none; /* remove bullets and list indents */
}
#menu5 li li {
	/* second menu width */
	width: 140px;
}
#menu5 ul ul a {
	/* at the second level menus we want this light green and 11 pt white font */
	font: bold 11px arial, helvetica, sans-serif;
	color: #ffffff; /* this is second level  menu text colour */
	background: #7dab62; /* this is second level menu background colour */
	width: 126px; /* set to width in menu 5 li li statement less the padding. */
	padding: 3px 7px; /* first is top/bottom padding, second is left and right padding in sub menu*/
	text-decoration: none;
	display: block;
	border-width: 0px; /* border around sub menu that appears */
	border-style: solid;
	border-color:#2b4e09; /* not too white */
	text-align: left;
	margin: 0;
}
# li a {display:inline-block;}
# li a {display:block;}
/* */

#menu5 li li li {
	/* third menu width */
	width: 260px;
}
#menu5 ul ul ul a {
	/* at the second level menus we want this light green and 11 pt white font */
	font: bold 11px arial, helvetica, sans-serif;
	color: #ffffff; /* this is second level  menu text colour */
	background: #7dab62; /* this is second level menu background colour */
	width: 256px; /* set to width in menu 5 li li li statement less the padding. */
	padding: 3px 7px; /* first is top/bottom padding, second is left and right padding in sub menu*/
	text-decoration: none;
	display: block;
	border-width: 0px; /* border around sub menu that appears */
	border-style: solid;
	border-color:#2b4e09; /* not too white */
	text-align: left;
	margin: 0;
}
div#menu5 ul ul, div#menu5 ul li:hover ul ul {
	display: none;
}
div#menu5 ul li:hover ul, div#menu5 ul ul li:hover ul {
	display: block;
}
/* */
/* */
/* divmenustyles are used for the top row or side coloum menus */
.divmenustyle1, .divmenustyle2, .divmenustyle3 {
	font: bold 12px arial, helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	color: #FFFFFF;
	text-decoration: none;	
}
.divmenustyle1 {
	text-align: left;
	padding: 9px 6px; /* first is top/bottom padding, second is left and right padding in menu*/
}
.divmenustyle2 {
	text-align: left;
	padding-left: 7px;
}
.divmenustyle3 {
	text-align: center;
	padding-left: 0px 6px;
}
/* */
/* */
/* the defaults for a link would as follows: */
/* ---- the link text will be blue with an underline text decoration */
/* ---- when the mouse hovers over the link, the text does not change colour */
/* ---- when the link is selected but before releasing the mouse button, the text goes red */
/* ---- once a link is has been visited, the text colour will appear purple */
/* */
/* following are for used to define link colour in text areas, these ones are not used in menus */
/* link is white, or if visited grey, or if mouse over then dark green */
a.link_white {text-decoration: none;}
a.link_white:link {color:#ffffff;}		/* colour of link is white */
a.link_white:visited {color:#fffffc;}	/* if link has been visited it is slightly off white */
a.link_white:hover {color:#2b4e09;}		/* when hovering it it will be dark green */
/* */
/* link is black, or if visited grey, or if mouse over then dark green */
a.link_black_no_underline {text-decoration: none;}
a.link_black_no_underline:link {color:#000000;}
a.link_black_no_underline:visited {color:#000000;}
a.link_black_no_underline:hover {color:#2b4e09;}
/* */
/* link is black, or if visited grey, or if mouse over then dark green */
a.link_black {text-decoration: underline;}
a.link_black:link {color:#000000;}
a.link_black:visited {color:#000000;}
a.link_black:hover {color:#2b4e09;}
/* */
/* link is green, or if visited green, or if mouse over then dark green */
a.link_green:link {color:#78b05f;}
a.link_green:visited {color:#78b05f;}
a.link_green:hover {color:#2b4e09;}
/* */
/* link is brown, or if visited brown, or if mouse over then dark green */
a.link_brown:link {color:#91443C;}
a.link_brown:visited {color:#91443C;}
a.link_brown:hover {color:#2b4e09;}
/* */
/* */
h1 {    /* main header - larger text in light green */
	font-family: "Times New Roman", Times, serif;
	font-size: 24px;
	color: #2b4e09;
}
h2 {    /* second header - medium text in light green */
	font-family: Verdana, Arial, sans-serif;
	font-size: 14px;
	color: #78b05f;
}
scan {    /* second header - medium text in light green */
	font-family: Verdana, Arial, sans-serif;
	font-size: 14px;
	color: #78b05f;
}
p {     /* normal paragraph - normal text in white*/
	font-family: Verdana, Arial, sans-serif;
	font-size: 13px;
	color: #000000;
}
p.green {
	font-family: Verdana, Arial, sans-serif;
	font-size: 16px;
	color: #78ab60;
	font-weight:bold;
}
.style5 {
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	color: #000000;
	text-align: center;
}
.style11 {
	font-size: 11px
}
.style6 {
	font: bold 12px arial, helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	color: #FFFFFF;
	text-decoration: none;
	text-align: center;
}