@charset "utf-8";
/* CSS Document */

body {
    width:100%;
	height:100%;
}

		/*- ------------------------------------------------colours --------------------------------------------- */

.emal {
	background-color:#CEE3F6;
}

.bg_col, ul#css3menu1, ul#css3menu1 ul, .footr, .top_bot, .innc, ul#css3menu1,ul#css3menu1 ul {
	background-color:#E2F2E1; 					/* #D5EDD3 =  pale parrot-finch green */
}

.outc, body  {
	background-color:#EEF8ED;   				/*  #E3F3E2 = very pale parrot-finch green - nearly white */
}
	
H1, H3, .h5, .col_green, .body12_gr, .body14_fr, .inline_heads, .captions {
	color:#29520C; 								/* #29520C body green */
}

H2,  {
	color:#29520C; 								/* #333333 dark grey */
}
	
.H3P, h4P, H5P, .H5P, .col_pink, .H18P, .body9px, .body11H, h4g, .text_pic_captions, .h5G {
	color:red; 									/* RED */
}

H4, H5 {
	color:#060B05; 								/* nearly black */
}

H6 {
	color:#999999;  							/* #999999 mid-grey */
}

H2, p, .h5, .H18, .H14, .links_int, .captions, li {
	color:#29520C; 								/* #333333 dark grey */
}

.body10, .body11, .body11_all, .body12, .body12_all .body14, .body18, .body12_all, .text_in_box {
	color:#29520C;  							/*  #29520C - dark green */
}

.footer, .capt_pic {
	color:gray;
}

		/* ---------------------------------------------- font family -------------------------------------------*/
		
p, H2, H3, H4, .H4P, H5, .h5P, .h5G, H6, .h18, .h18P, .h14, td, th, captions, .text_in_box, .links_int { 
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

body, .body18, .body14, .body14_pink, body12, .body12_pink, .body12_all, body11, .body11B, body10, .body9pxcssmenu { 
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

		/*------------------------------ upper area -------------------------- title frames----------------------- */

.outc {
	width:100%;
	padding-top:15px;
	padding-bottom:15px;
}

.innc {
	width:1000px;
	padding-left:10px;
	padding-right:10px;
}

.banner {
	width:1000px;
	margin-top:60px;
	margin-left:auto;
	margin-right:auto;
	height:64px;
	text-align:center;
}

.prev_next {
	width:750px;
	margin:20px 125px 15px 125px;
}	

.box1000 {
	width:1000px;
	font-size:11px;
	display:block;
	height:auto;
	margin-left:auto;
	margin-right:auto;
}
		/* -------------------------------------------------- fonts --------------------------------------------- */
		
H1{
	margin:50px 0 10px 0;
	font-size:24px;
	font-weight:700; /* 400 = neutral, 700 = boldest */
}

H2 { 							/* grey */
	margin:10px 0 10px 0;
	font-size:12px;
	font-weight:200;
}

H3 { 							/* green */
	margin:0 0 10px 0;
	font-size:16px;
	font-weight:600;
}

H4{
	margin:0 0 25px 0;
	font-size:14px;
	font-weight:600;
}

H5{
	margin:0 0 5px 0;
	font-size:12px;
	font-weight:600;
}

H6{
	margin:15px 0 50px 0;
	font-size:14px;
	font-weight:700; /* 400 = neutral, 700 = boldest */
}

.inline_heads{ 							/* green */
	font-size:14px;
	margin-bottom:15px;
	font-weight:600;
}

.h4P{
	margin:0 0 10px 0;
	font-size:14px;
	font-weight:600;
}

.h5P{
	margin:0 0 5px 0;
	font-size:12px;
	font-weight:600;
}

.h5G{
	margin:0 0 5px 0;
	font-size:12px;
	font-weight:600;
}

.h18 {
	font-size:18px;
	font-weight:600;
	letter-spacing:-0.05em;
	text-align:center;
}

.h18P {
	font-size:18px;
	font-weight:600;
	letter-spacing:-0.05em;
	text-align:center;
}

.h14 {
	font-size:14px;
}

p {
	margin:0 0 15px 0;
	font-size:12px;
	line-height:150%;
	font-weight:200;
}

.text_in_box { 
	font-size:11px;
	text-align:left;
	padding:15px;
}

.body18 {
	font-size:18px;
}

.body14 {
	font-size:14px;
}

.body14_gr {
	font-size:14px;
}

.body12 {
	font-size:12px;
}

.body12_all {
	font-size:12px;
	text-align:left;
	line-height:150%;
	height:auto;
	margin-left:auto;
	margin-right:auto;
}

.body12_gr {
	font-size:12px;
}

.body11 {
	font-size:11px;
	line-height:133%;
	font-weight:200;
}

.body11_all {
	font-size:11px;
	text-align:left;
	line-height:150%;
	height:auto;
	margin-left:auto;
	margin-right:auto;
}

.body11B {
	font-size:11px;
	line-height:150%;
	font-weight:600;
}

.body10 {
	font-size:10px;
	line-height:150%;
	font-weight:400;
}

.body9pxcssmenu {
	font-weight:100;
	color:red; /* was grey */
	font-size:9px;
	line-height:100%;
}

.captions {
	font-size:10px;
	line-height:150%;
	font-weight:600;
	text-align:center;
	margin-top:7px;
}

body,td,th {
	color:blue;
	font-size:12px;
	margin-right:19px;
}

.no_underline {
	text-decoration:none;
}

.underline {
	text-decoration:underline;
}

.bold {
	font-weight:bold;
}

.footer {
	text-align:left;
	font-size:9px;
	width:960px;
	padding:15px 20px 100px 20px;
}

		/* ---------------------------------------miscellaneous ------------------------------------ */
		
.horiz_line {
	width:auto;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	margin-top:30px;
	margin-bottom:30px;
	text-align:center;
	background-color:white; 		/* #F2F2F2 */
}

.email {
	font-size:11px;
	color:black;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height:133%;
	font-weight:200;
	width:320px;
	padding:15px;
	margin-left:75px;
	margin-right:40px; 
    margin-top:3px;
	float:left;
}

.l_ht {
	line-height:150%;
}

.hmm {
	height:auto;
	margin-left:auto;
	margin-right:auto;
}

.hmmp {
	padding:15px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
}

.p10 {
	padding:10px;
}

.p15 {
	padding:15px;
}

.pbt10 {
	padding-top:10px;
	padding-bottom:10px;
}

.zoom_pad_left_rt_25 {
		padding-left:25px;
		padding-right:25px;
}

.zoom_pad_left25 {
		padding-left:25px;
}

.fleft {
	float:left;
}

.ta_cntr {
	text-align:center;
	margin-bottom: 15px;
}

.ta_lft {
	text-align:left;
}

.gray {
	color:gray;
}
	
.image_aligncentre {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.w1000 {
	width:1000px;
}

.w970 {
	width:970px;
}

.w900 {
	width:900px;
}

.w800 {
	width:800px;
}

.w340 {
	width:340px;
}

.w320 {
	width:320px;
}

.w300 {
	width:300px;
}

.mt50 {
	margin-top:50px;
}

.mt20 {
	margin-top:20px;
}

.mt10 {
	margin-top:10px;
}

.mt5 {
	margin-top:5px;
}

.pictpadtb {
	padding-top:10px;
	padding-bottom:10px;
}

.pb15 {
	padding-bottom:15px;
}


		/* ---------------------------------------------- boxes and frames ---------------------------------------- */

.textbox340 {  					/* total width 340px */
	font-size:11px;
	text-align:left;
	margin-right:20px;
	padding:15px;
	width:290px;
	float:left;
}

.textbox340_left {  			/* total width 340px */
	font-size:11px;
	text-align:left;
	margin-right:20px;
	padding:15px;
	width:290px;
	float:left;
}

.textbox340_mid {  					/* total width 340px */
	font-size:11px;
	text-align:left;
	margin-right:20px;
	padding:15px;
	width:290px;
	float:left;
}

.textbox340_mid_ex_fl {  		/* total width 340px */
	font-size:11px;
	text-align:left;
	margin-right:20px;
	padding:15px;
	width:290px;
}

.textbox320_rt {  				/* total width 320px */
	font-size:11px;
	text-align:left;
	padding:15px;
	width:290px;
	float:left;
}

.textbox500_left {  			/* total width 500px */
	font-size:11px;
	text-align:left;
	margin-left:50px;
	margin-right:35px;
	padding:15px;
	width:385px;
	float:left;
}

.textbox500_rt {  				/* total width 500px */
	font-size:11px;
	text-align:left;
	margin-left:35px;
	margin-right:50px;
	padding:15px;
	width:385px;
	float:left;
}

.picbox680_left {  				/* total width 680px */
	width:630px;
	font-size:10px;
	text-align:center;
	padding:15px 15px 0 15px;
	margin-right:20px;
	text-align:center;
	float:left
}

.picbox660_rt {  				/* total width 660px */
	width:630px;
	font-size:10px;
	text-align:center;
	padding:15px 15px 0 15px;
	text-align:center;
	float:left
}

.picbox340_left {  					/* total width 340px */
	width:310px;
	margin-left:10px;
	margin-right:20px;
	padding-top:15px;
	font-size:10px;
	text-align:center;
	float:left;
}

.picbox340_mid {  					/* total width 340px */
	width:310px;
	padding:15px 5px 0 5px;
	margin-right:20px;
	font-size:10px;
	text-align:center;
	float:left;
}

.picbox340_mid_ex_fl {  					/* total width 340px */
	width:310px;
	padding:15px 5px 0 5px;
	margin-right:20px;
	font-size:10px;
	text-align:center;
}

.picbox320_rt {  				/* total width 320px */
	width:310px;
	margin-right:10px;
	padding-top:15px;
	font-size:10px;
	text-align:center;
	float:left;
}

.picbox340_ex_fleft {  			/* total width 340px */
	width:310px;
	margin-left:10px;
	margin-right:20px;
	text-align:center;
	font-size:10px;
}

.GL_comment {
	width:970px;
	margin:0 30px 0 auto;
	text-align:right;
	font-size:10px;
	font-weight:700;
}


		/* ------------------------------------------------ gallery  ----------------------------------------------------- */

.gallery_frame {
	width:1000px;
	height:auto;
	margin-top:50px;
	margin-left:auto;
	margin-right:auto;
}

.gallery_ctre {
	margin-top:70px;
	margin-bottom:50px;
}

.gallery_ctre_2_lines {
	margin-top:15px;
	margin-bottom:10px;
}

.gallery_ctre_3_lines {
	margin-top:15px;
	margin-bottom:3px;
}

central_img_line1_of_2 {
	color:black;
	font-size:11px;
	line-height:200%;
	font-weight:400;
}

central_img_line2_of_2 {
	color:red;
	font-size:11px;
	line-height:200%;
	font-weight:200;
	height:auto;
}

central_img_line1_of_3 {
	color:black;
	font-size:11px;
	line-height:150%;
	font-weight:200;
	height:auto;
}

central_img_line2_of_3 {
	color:black;
	font-size:11px;
	line-height:200%;
	font-weight:200;
	height:auto;
}
.central_img_bottom_line_grey {
	color:grey;
	font-size:9px;
	line-height:200%;
	font-weight:200;
	height:auto;
}

.gallery_capt {
	width:490px;
	height:auto;
	text-align:left;
	float:left;
	padding-left:10px;
	font:10px;
}

.gallery_headline {
	font-size:12px;
   	line-height:100%;
	font-weight:200;
	padding:10px;
	width:800px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:20px;
	font-style:italic;
}

.caption_dont_read {
	font-weight:600;
	margin-top:150px;
	margin-bottom:30px;
	color:blue;
}

.thumbs_frame_left {
	width:180px;
	height:520px;
	margin-left:20px;
	float:left;
	overflow:auto;
}

.thumbs_frame_right {
	width:180px;
	height:520px;
	margin-right:20px;
	float:left;
	overflow:auto;
}

.gallery_central_img {
	margin-left:8px;
	width:580px;
	height:500px;
	padding:0 3px 0 3px;
	margin-top:20px;
	margin-right:8px;
	float:left;
	border-style:solid;
	z-index:1;
	border-width:2px;
	border-color:#E0E0E0;
}
				

		/* ---------------------------------------------- hyperlinks ---------------------------------------- */
		
		
a:link {
	color:#29520C;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration:underline;
}

a:visited {
	color:#468D15;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration:underline;
}

a:hover {
	text-decoration:underline;
}

a:active {
	text-decoration:none;
}

a img {
	border:none;
}

.links_int {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height:133%;
	font-weight:600;
	text-align:left;
	margin-top:7px;
}

.link {
	color:red;
	font-size:9px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration:underline;
}

.top {
	text-align:left;
	text-decoration:underline;
	font-size:9px;
	margin-left:20px;
}

.top_mb50 {
	text-align:left;
	text-decoration:underline;
	font-size:9px;
	margin:5px 0 50px 20px;
}

.top_10px {
	text-align:left;
	text-decoration:underline;
	font-size:9px;
	margin:10px 0 0 20px;
}

.top_bot {
	text-align:left;
	text-decoration:underline;
	font-size:9px;
	padding:10px 0 100px 20px;
}

	/* ------------------------------------------------- gallery counter ------------------------------------------------ */


.gallerycontainer {
	position:relative;
	width:1000px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	visibility:visible;
	border-bottom-color:white;  
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img {/*CSS for thumbnail image - parrot finches */
	border: 0px solid white;
	margin: 0px 0px 0px 0px;
}

.thumbnail:hover {/*CSS for thumbnail image - parrot finches */
	border: 0px solid white;
	background-color: transparent;
}

.thumbnail:hover img {/*CSS for thumbnail image - parrot finches */
	border: 0px solid blue;
}

.thumbnail span { /*CSS for enlarged image - parrot finches */
	position: absolute;
	background-color: white;
	padding: 0px;
	left: -1000px;
	border:0px dashed gray;
	visibility:hidden;
	color: black;
	text-decoration:none;
}

.thumbnail span img{ /*CSS for enlarged image - parrot finches */
	border-width:0px;
	padding-left:25px;
	padding-right:25px;
	padding-bottom:10px;
}

.thumbnail:hover span{ /*CSS for enlarged image - parrot finches */
	visibility: visible;
	top: +0px; /*position where enlarged image should offset vertically upwards ie top is higher than it would be by default */
	left: -10px; /*position where enlarged image should offset horizontally */
	z-index: 50;
}


		/* ---------------------------------- thumbnnail 2 for focus/ onclick --------------------------------------- */
		

*:focus { 					/* to get rid of the border in Chrome browser */	
	outline: none;
}	

.thumbnail2 img {			/*CSS for thumbnail image - parrot finches */
	border: 0px solid white;
	margin: 0px 0px 0px 0px;
}

.thumbnail2:focus {			/*CSS for thumbnail image - parrot finches */
	background-color: transparent;
}

.thumbnail2:focus img {		/*CSS for thumbnail image - parrot finches */
	border: 0px solid blue;
}

.thumbnail2 span { 			/*CSS for enlarged image - parrot finches */
	position: absolute;
	background-color: white;
	padding: 0px;
	left: -1000px;
	border:0px dashed gray;
	visibility:hidden;
	color: black;
	text-decoration:none;
}

.thumbnail2 span img{ 		/*CSS for enlarged image - parrot finches */
	border-width:0px;
	padding-left:25px;
	padding-right:25px;
	padding-bottom:10px;
}

.thumbnail2:focus span{ 	/*CSS for enlarged image - parrot finches */
	visibility: visible;
	top: +0px; 				/*position where enlarged image offsets vertically upwards ie top is higher than would be by default */
	left: -10px; 			/*position where enlarged image offsets horizontally */
	z-index: 50;
}


		/* --------------------------------------------- CSS for CSS Menu --------------------------------------------- */


ul#css3menu1,ul#css3menu1 ul{ 	/* affects design of main upper menu tabs */
	margin:0;
	list-style:none;
	padding:0;
	/* background-color:red;	/* colour of space between indiviual menu tabs - covered at top under 'colours'  */
	border-width:0;				/* width of border around entire menu */
	border-style:solid;
	border-color:#C4C4C4;
}
	
ul#css3menu1 ul{ 				/* design of drop-down subfolder menus */
	display:none;
	position:absolute;
	left:0; top:100%;
	background-color:#C5E6C1;	/* #C5E6C1 =  lighter than upper menu green */
	border-width:0 1px 1px 1px;
	border-radius:0 4px 4px 4px;
	-moz-border-radius:0 4px 4px 4px;
	-webkit-border-radius:0;
	-webkit-border-top-right-radius:4px;
	-webkit-border-bottom-right-radius:4px;
	-webkit-border-bottom-left-radius:4px;
	border-style:solid;
	border-color:#C4C4C4;  /* mid grey  */
	padding:15px 3px 3px;
}
	
ul#css3menu1 li:hover>* {
	display:block;
	}
	
ul#css3menu1 li {
	position:relative;
	display:block;
	white-space:nowrap;
	font-size:0;
	float:left;
}
	
ul#css3menu1 li:hover {
	z-index:1;
}
	
ul#css3menu1 ul ul {
	position:absolute;
	left:100%;
	top:0;
	border-width:0;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}
	
ul#css3menu1 {
	font-size:0; 
	z-index:999;
	position:relative;
	display:inline-block;
	zoom:1;
	padding:0;
	border-radius:0px;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	*display:inline;
}
	
* html ul#css3menu1 li a {
	display:inline-block;}
	
ul#css3menu1>li {
	margin:0;}
	
ul#css3menu1 a:active, ul#css3menu1 a:focus{
	outline-style:none;}
	
ul#css3menu1 a{ 						/* 	main menu */
	display:block;
	vertical-align:middle;
	text-align:center;
	text-decoration:none;
	font-size:11px;
	color:#333333;
	cursor:pointer;
	padding:0px 5px 0px 4px;
	margin:1px 10px 1px 10px;				/* margin between individual cells of menu  */
	background-color:#91CF8B;			/* #91CF8B = slightly darker than background green */
	background-repeat:repeat;
	border-width:1px;
	border-style:solid;border-color:#C4C4C4;	/* border colour of individual menu cells  */
}
	
ul#css3menu1 ul li{
	float:none;
	margin:0px 0 0;  					/* --- adjusts the upper margin of the main upper menu sub-folders */
}
		
ul#css3menu1 ul a{						/* -----changes the sub-folders */
	text-align:left;
	padding:4px 10px;
	background-color:#FFFFFF;			/* #FFFFFF =  white */
	border-width:1px 0 1px 0;
	border-style:solid;
	border-color:#C5E6C1;				/* #C5E6C1 = same as lower menu padding */
	border-radius:0px;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	font-size:11px;						/* -----changes font size within sub-folders */
	color:#333333;						/* #333333 =  dark grey */
	text-decoration:none;
}
	
ul#css3menu1 li:hover>a,ul#css3menu1 li a.pressed{    /* colour of upper menu tab when pressed */
	background-color:#7DC675;						/* #7DC675 = slightly darker than unpressed tab green */
	border-width:1px;
	border-style:solid;border-color:#424242;		/* #424242 dark grey */
	color:#424242; 									/* dark grey */
	text-decoration:none;
}
	
ul#css3menu1 span{
	display:block;
	overflow:visible;
	background-image:url("../arrowsubn.gif");
	background-position:right center;
	background-repeat:no-repeat;
	padding-right:0px;				/* padding for text in upper menu boxes */
}
	
ul#css3menu1 li:hover>a>span{
	background-image:url("../arrowsub.gif");}
	
ul#css3menu1 ul span{
	background-image:url("../arrowsub.png");
	padding-right:12px;
}
	
ul#css3menu1 ul li:hover > a span{
	background-image:url("../arrowsub_o.png");
}
	
ul#css3menu1 ul li:hover>a,ul#css3menu1 ul li a.pressed{
	background-color:#E6E6E6;	/* #E6E6E6 =  dark grey */
	border-style:solid;
	border-color:#666666;
	color:#424242;
	text-decoration:none;
}
	
ul#css3menu1 li.toproot>a{
	background-color:blue;
	border-width:1px 1px 0 1px;
	border-style:solid;
	border-color:transparent;
	border-radius:4px 4px 0 0;
	-moz-border-radius:4px 4px 0 0;
	-webkit-border-radius:4px;
	-webkit-border-bottom-right-radius:0;
	-webkit-border-bottom-left-radius:0;
}
	
ul#css3menu1 li.toproot:hover>a,ul#css3menu1 li.toproot a.pressed{
	background-color:#FFF;   /* #FFF = red */
	border-style:solid;
	border-color:#C4C4C4;
}


		/* ---------------------------------------------- end of CSS for css menu ---------------------------------------  */