/* margin/padding sequence: top, right, bottom, left*/
/*------------ DEFAULT BODY ------------------*/
body {background-color: #e7f4e2; margin: 0px; padding: 0px; }

/*------------ BANNER ------------------*/
div.banner {background: #e7f4e2; }

div.banner td.search {background: #ACE5B6; font-size: 8px; padding: 0px 20px 0px 0px; text-align: right; }

div.banner td.bv1 {background: #e2e2e2; padding: 1px 0px 0px 0px;}
div.banner td.bv2 {background: #dadada; padding: 1px 0px 0px 0px;}
div.banner td.bv3 {background: #cacaca; padding: 1px 0px 0px 0px;}

div.banner td.subhead1 {background: #c0c0c0; font-family: Verdana, Helvetica, Arial, sans-serif; font-weight: bold; font-size: 10px; color: green; padding: 2px; text-align: left;}
div.banner td.subhead2 {background: #c0c0c0; font-family: Verdana, Helvetica, Arial, sans-serif; font-weight: bold; font-size: 10px; color: green; padding: 2px; text-align: right;}
div.banner td.routing {background: #c0c0c0; font-family: Verdana, Helvetica, Arial, sans-serif; font-weight: bold; font-size: 10px; color: green; padding: 2px 7px 2px 7px; text-align: left;}

div.banner td.bv4 {background: #9a9a9a; padding: 1px 0px 0px 0px;}
div.banner td.bv5 {background: #505050; padding: 1px 0px 0px 0px;}
div.banner td.bv6 {background: #313131; padding: 1px 0px 0px 0px;}

div.banner a {color: rgb(133,87,7);}
div.banner a:hover {color: rgb(220,100,0);}
div.banner td.spacer {background: #e7f4e2; font-size: 8px; margin: 0px; padding: 0px; }


/*------------ MAIN PANEL OF STATIC PAGES  ------------------*/
/* div.static p h1 h2 td {font-family: Verdana, Arial, Helvetica, sans-serif; } - DOESNT WORK */

div.static {background: #e7f4e2; margin-left: 5%; margin-right: 5%;}
div.static p {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: black; padding: 5px 10px 5px 10px; margin: 0px 0px 0px 0px; line-height: 1.3; }
div.static p.font11 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: black; padding: 5px 10px 5px 10px; margin: 0px 0px 0px 0px; line-height: 1.3;}
div.static h1 {font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: black; font-size: 18px; text-align: center; padding: 15px 10px 10px 10px; margin: 0px 0px 0px 0px; }
div.static h2 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 15px; font-weight: bold; color: rgb(133,87,7); text-align: left; padding: 0px 0px 3px 0px; margin: 20px 0px 5px 0px; border-bottom: 1px dotted rgb(133,87,7);}
div.static h3 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: rgb(133,87,7); text-align: left; padding: 10px 0px 0px 10px;  margin: 0px 0px 0px 0px;}
div.static a {color : green}
div.static a:hover {color: rgb(220,100,0);}
div.static table {border-collapse: collapse; border-spacing: 0; margin: 0px 5px 0px 5px; margin-left: auto; margin-right: auto; }
div.static td {vertical-align: top; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: black; line-height: 1.3; text-align: left; }
div.static h4.LJust {font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: rgb(133,87,7); text-align: left; padding-left: 0px; font-size: 14px; margin-bottom: 0px; }
div.static h4.RJust {font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: rgb(133,87,7); text-align: right; padding-right: 0px; font-size: 14px; margin-bottom: 0px; }
/*div.static ol {margin: 0px 0px 5px 20px;}*/
div.static li {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: black; padding-left: 0px; line-height: 1.3; }
div.static p.author {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: black; font-style: italic; padding-left: 10px; padding-right: 5px; line-height: 1.2;}
div.static p.subhead {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: black; font-weight: bold; padding: 15px 10px 0px 0px; margin: 0px 0px 0px 0px; line-height: 1.3;}

/*------------ MEETINGS TABLES  ------------------*/
div.meetings table {border-collapse: collapse; margin-left: 20px; margin-right: 20px;}
div.meetings th {background-color: #F4E1CC; border: 1px solid green; vertical-align: top; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: black; line-height: 1.2; padding: 1px 4px 1px 4px; }
div.meetings td {background-color: white; border: 1px solid green; vertical-align: top; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: black; line-height: 1.2; padding: 1px 4px 1px 4px; }
#mapimages {border: 1px solid green; }   /* CSS p.209: works, but gives validator error*/
div.meetings p {margin-left: 20px; padding-left: 0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: black; font-style: italic;}

/*----------------- FOOTER ------------------------*/
div.footer table {width: 100%; border-collapse: collapse; border-top: 1px solid black; border-spacing: 0px; padding: 2px; background: white; }
div.footer td {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #afafaf; padding: 5px; }
div.footer a {color: green;}
div.footer a:hover {color: rgb(220,100,0);}

/*----------------- WHITE TABLE - LEFT ------------------------*/
div.whitetableL table {border-collapse: collapse; border-spacing: 0; margin-top: 10px; margin-bottom: 10px; margin-left: auto; margin-right: auto; }  /*'auto' settings ignored by IE, but used by Mozilla to centre tables*/
div.whitetableL tr th {background-color: #F4E1CC; border: 1px solid green; padding: 3px 3px 3px 10px; text-align: left; font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 11px; color: black}
div.whitetableL tr td {background-color: white; border: 1px solid green; padding: 3px 3px 3px 10px; text-align: left; font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 11px; color: black}

/*----------------- WHITE TABLE - CENTERED ------------------------*/
div.whitetableC table {border-collapse: collapse; border-spacing: 0;  margin: 10px 0px 10px 0px; margin-left: auto; margin-right: auto;}
div.whitetableC tr th {background-color: #F4E1CC; border: 1px solid green; padding: 5px 3px 5px 10px; font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 11px; color: black}
div.whitetableC tr td {background-color: white; border: 1px solid green; padding: 5px 3px 5px 10px; font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 11px; color: black}

/*----------------- WHITE TABLE - NO BORDER, 4px PADDING ------------*/
div.whitetableN table {border-collapse: collapse; border-spacing: 0; border: 0px; margin: 0px 0px 0px 0px; }
div.whitetableN tr td {background-color: white; border: 0px; padding: 4px 4px; text-align: left; font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 11px; color: black}

/*----------------- WHITE TABLE - NO BORDER (for Brockley) ------------*/
div.whitetableN2 table {border-collapse: collapse; border-bottom: dotted 1px rgb(220,220,220); margin: 3px 2px 3px 0px;}
div.whitetableN2 tr td {background-color: white; border: 0px; padding: 0px; text-align: left; font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 11px; color: black}

/*----------------- CLEAR TABLE - NO BORDER (for Brockley) ------------*/
div.cleartableC2 table {border-collapse: collapse; border-spacing: 0px; padding: 0px; border: 0px; margin: 0px; margin-left: auto; margin-right: auto;}
div.cleartableC2 tr td {border: 0px; padding: 0px; font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 11px; font-weight: bold; color: black}

/*-------------- CLEAR TABLE - NO BORDER, CENTERED ------------------*/
div.cleartableC table {border-collapse: collapse; border-spacing: 0; margin: 10px 0px 10px 0px; margin-left: auto; margin-right: auto;}
div.cleartableC tr td {border: 5px; padding: 10px 10px; text-align: center; font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 11px; font-style: italic; color: black}

/*------------ CENTRAL CONTENT PANEL------------------*/
content {background: #e7f4e2; }
/*td.content {background: #e7f4e2; border-left: 1px solid #000; font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 12px; color: black; padding-left: 10px; padding-right: 5px; line-height: 1.3; } */
td.content { border-left: 1px solid #000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: black; padding: 0% 2% 0% 2%; margin: 0px 0px 0px 0px; line-height: 1.3; }
h1.content {font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: black; font-size: 18px; text-align: center;  padding: 0px 10px 0px 10px;  margin: 0px 0px 0px 0px; }
p.content {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: black; padding: 5px 10px 5px 10px; margin: 0px 0px 0px 0px; line-height: 1.3; }

/*------------ LEFT & RIGHT PANELS------------------*/
td.LRpanels {background: #f8f8f8; border-left: 1px solid black; font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 11px;}
p.LRpanels {font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 11px; color: black; padding-left: 10px; padding-right: 5px; line-height: 1.3;}
h2.LRpanels {background: #e5e5e5; border-top: 1px solid black; padding: 2px 0px 2px 5px; margin: 0px; font-family: Verdana, Helvetica, Arial, sans-serif; font-weight: bold;  font-size: 13px; color: black; }
a.LRpanels {color: green;}
a.LRpanels:hover {color: rgb(220,100,0);}

/*------------ LATEST NEWS TABLE------------------*/
table.latest {margin: 5px; background: #f8f8f8; font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 11px;}
td.latest {vertical-align: top; padding: 2px}
a.latest {color: green; }
a.latest:hover {color: rgb(220,100,0);}

/*-------------------- IMAGES ------------------------*/
img.imgcentre {display: block; margin-left: auto; margin-right: auto}

/*------------ LEFT NAVIGATION PANEL------------------*/
#navigation {background-color: #ffffff }	
#navigation ul{list-style: none;
	text-align: left;
	border-bottom: 1px solid #f1f1f1;
	margin: 0px 0px 0px 0px;
	font: x-small/18px Verdana, Lucida, Helvetica, Arial, sans-serif;
	padding-left: 5px; }
	
#navigation ul li{
	border-top: 1px solid #f1f1f1; }
	
#navigation .sectionhead {
	font-weight: bold;
	border-top: 1px solid #000;
	background: #e5e5e5;
	display: block;
	color: #000;
	text-decoration: none;
	padding-left: 5px; }

#navigation .sectionhead a {
	margin-left: -5px; }
		
#navigation a {
	display: block;
	color: #000;
	text-decoration: none;
	padding-left: 5px; }
	
#navigation ul a:hover {
	background: green;
	color: #fff;
	text-decoration: none; }
/*--------------------------------------------------*/