/* CSS Document */

html, body
{
  height: 100%;
  background-color: #FFFFF2;
  border-style:none;
}

body {
	background-color: #FFFFF2;
  	/*text-align: center;
  	min-width: 960px;*/
	}

.lightbox {
			}

#maintable {
	border: 0px dotted #333fff;
	height: 100%;
	width: 100%;
	}



table#maintable td   {
	border-style:none;
	vertical-align:top;
	}

/*Logo and Heading Table*/
#logoandheading {
	border: 1px solid #326D11; /*#006600;*/
	border-collapse: separate;
	width: 943px; /*950px;/*80%*/
	padding: 5px;
	margin: 0;
	}

table#logoandheading td{
	border: 1px solid #326D11;
	}

.headingphotos {
	background-color:#326D11;
	border-color:#326D11;
	/*background-image:url('./images/gradient.png');*/
	}
	
.headingphotos a {
	display:block;
	text-decoration:none;
	white-space:nowrap;
	line-height:1px;
	padding: 10px 10px 8px 10px;
	}
	
.headingphotos img {
	border: 1px solid #000000;
	}

#headinglogo p {
	font-family: Arial, Helvetica, sans-serif;
	font-size:small;
	margin: 1em;
	}

#headinglogo {
	border: 1px solid #326D11;
	}
	
.navigation {
	width: 943px;/*950px;/*80%*/
	background-color:#326D11;
/*  	margin-left: auto;
  	margin-right: auto ;*/
	}	

.spacer {
	clear:both;
	}




h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:x-large;
	color:#326D11;
	margin: .5em;
	text-align:center;
	}
	
table.maincontent {
	border: 1px solid #326D11;
	width: 943px; /*80%*/
	}

table#maintable table.maincontent td{ /*selector needs greater specificity in this case*/
	border: 1px solid #326D11;
	width: 943px; /*sorts out issue of some tables being too narrow */
	vertical-align:top;
	}
	
table#maintable table.maincontent td.frontcontent{ /*selector needs greater specificity in this case*/
	vertical-align:middle;
	}




table.maincontent h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: large;
	font-weight:normal;
	color:#326D11;
	margin: 0;
	/*padding: 0.25em;*/
	}
	
table.maincontent h2 a{
	color:#326D11;
	}

table.maincontent p {
	font-family: Arial, Helvetica, sans-serif;
	padding: 0.25em;
	margin:0 0 .25em 0;
	}

td.gallery {
	margin: 0px auto;
	padding: 5px;
	}

td.gallery a{
	/*float:left;*/
	margin: 5px;
	font-size:0;
	padding: 0px;
	}

td.gallery h2 a{
	font-size: large;
	}


td.gallery a.frontpagethumbs {
	margin:0;
	}
	
td.gallery img{
	margin: 5px 0;
	padding:0;
	border: 1px solid #000000;
	}

td.gallery-centred {
	margin: 0px;
	padding: 10px 0 5px 0;
	}
	
td.gallery-centred a{
	margin:5px;
	font-size:0;
	}
td.gallery-centred img{
	margin: 0;
	padding:0;
	border: 1px solid #000000;
	}

#jsddm
{	margin: 0;
	padding: 0
	}
	
	#jsddm li
	{	float: left;
		list-style: none;
		font: 12px Tahoma, Arial}

	#jsddm li a
	{	display: block;
		background: #326D11; /*#20548E;*/
		padding: 5px 12px; /*was 5px 12px; */
		text-decoration: none;
		border-right: 1px solid white;
		width: 109 px;/*132px;/*120px; /*was 70px*/
		color: #EAFFED;
		white-space: nowrap}

	#jsddm li a.last
	{	border-right: 1px solid #326D11;
		}

	#jsddm li a.navSelected {
	color:#326D11;
	border-left: 1px solid #326D11;
	background: #FFFFF2; 
	border-bottom:0px solid #FFFFF2; /*colour bottom border so it looks invisible*/
	border-right: 1px solid #326D11;
	}

	#jsddm li a:hover
	{	background: #4EA51A;/*#1A4473*/}
		
		#jsddm li ul
		{	margin: 0;
			padding: 0;
			position: absolute;
			visibility: hidden;
			border-top: 1px solid white;}
		
		#jsddm li ul li
		{	float: none;
			display: inline}
		
		#jsddm li ul li a
		{	width: 108px; /*132px; /*118px;/*auto;*/
			background:  #326D11; /*#9F1B1B*/
			border-left: 1px solid #326D11; 
			border-right: 1px solid #326D11;
			}

		#jsddm li ul li a.subNavSelected {
		color:#326D11;
		background: #FFFFF2;  
		}
		
		#jsddm li ul li a:hover
		{	background: #4EA51A;/*#7F1616*/}