@charset "utf-8";
/* CSS - Suffolk Wildlife Trust */
/* colours
BLUE			#0042ad 
MID GREEN		#587411
DARK GREEN		#3a5005
LIGHT GREEN		#d5ddb9
MID LIGHT GREEN	#a3b66b
*/
body											{margin: 0 0 0 0; padding:0 0 0 0; font-size: 70%; font-family:Georgia, "Times New Roman", Times, serif;}
form, img										{margin:0 0 0 0; padding: 0 0 0 0; border:0;}
/*div#container 									{position: absolute; left: 50%; margin-left: -491px; width: 982px; padding: 0; background-color:#fff; min-height:100%;}*/
div#container  									{margin:0 auto;width:982px;}

p												{margin:0 0 0 0; padding: 0 0 0 0; font-size: 120%; color:#587411; line-height:1.3em;}
h1, h2, h3, h4, h5								{margin:0 0 0 0; padding:0 0 0 0;  color:#3a5005;}
a 												{color: #3a5005; text-decoration: underline;}
a:hover 										{color: #3a5005; text-decoration: none; }
.invisibleLabel 								{height: 0px;width: 0px;overflow: hidden;}
.clearfix:after 								{visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}
.clearfix 										{display: block;}
.fl												{float:left;}
.fr												{float:right;}
.cb												{clear:both;}
.midGreen										{color:#587411;}
a.imageHover									{opacity: 1; -moz-opacity:1; filter:alpha(opacity=100);}
a.imageHover:hover								{opacity: 0.7; -moz-opacity:0.7; filter:alpha(opacity=70);}

/* HEADER AREA ----------------------------------------------------------------------------- */
div#header											{width:982px; height:101px;}
	div#header img									{border: 0; padding: 0; margin: 0;}
	div#swt_logo									{width:127px; height:101px; float:left;}
	div#wlt_logo									{float:left; padding:10px 0 0 0; width:75px;}
	div#headerNav									{float:left; width:780px; }
		div#optionsHolder								{width:288px; height:101px; float:right;}
		
/* TOP SIDE NAV 3 options ------------------------------------------------------------------ */
		div#optionsHolder a span							{display: none;}
		div#optionsHolder a.what-we-do 						{background:url(../images/navHeader.jpg) 0px 0px; width: 281px; display: block; height:36px; clear:both; }
		div#optionsHolder a.what-we-do-selected 			{background:url(../images/navHeader.jpg) -281px 0px; width: 281px; display: block; height:36px; clear:both; }
		div#optionsHolder a.what-we-do:hover				{background:url(../images/navHeader.jpg) -281px 0px;}
		div#optionsHolder a.how-you-can-help 				{background:url(../images/navHeader.jpg) 0px -36px; width: 281px; display: block; height:25px; clear:both; }
		div#optionsHolder a.how-you-can-help-selected 		{background:url(../images/navHeader.jpg) -281px -36px; width: 281px; display: block; height:25px; clear:both; }
		div#optionsHolder a.how-you-can-help:hover			{background:url(../images/navHeader.jpg) -281px -36px;}
		div#optionsHolder a.living-landscapes 				{background:url(../images/navHeader.jpg) 0px -61px; width: 281px; display: block; height:40px; clear:both; }
		div#optionsHolder a.living-landscapes-selected 		{background:url(../images/navHeader.jpg) -281px -61px; width: 281px; display: block; height:40px; clear:both; }
		div#optionsHolder a.living-landscapes:hover			{background:url(../images/navHeader.jpg) -281px -61px;}

/* MAIN NAV------------------------------------------------------------------------------ */
div#navHolder									{font-family:Arial, Helvetica, sans-serif; background:url(../images/topNavBG.jpg); width:982px; height:42px;}
	div#mainNav										{float:left; width:765px; height:42px; }
	div#mainNav ul									{padding: 0; margin: 0; color: #fff; float: left; width: 100%;}
	div#mainNav ul li 								{list-style-type:none; float: left;}
	div#mainNav ul li a								{background: #88ac2e url(../images/navBG_off.gif) top right; color: #fff; text-decoration: none; width:85px; text-align:center; font-size:110%; font-weight:normal; display:block; line-height:12px; float:left; height:34px; padding:8px 5px 0 5px; }	
	div#mainNav ul li a:hover						{background: #e9ecd3 url(../images/navBG.jpg) top right; color: #587510; font-weight:bold;}	
	div#mainNav a.selected							{background: #e9ecd3 url(../images/navBG.jpg) top right; color: #587510; font-weight:bold;}
	div#mainNav a.doubleLine 						{height:32px; line-height:12px; padding:10px 25px 0 25px;}
	
/* SEARCH BOX TOP ---------------------------------------------------------------------- */
div#searchHolder										{float:left; width:212px; padding:0px 0px 0px 0px; height:42px; text-align:right;}
	div#searchHolder form 								{display: inline; margin: 0 0 0 0; padding: 0 0 0 0;}
	div#searchHolder form input.mnSearch 					{background-color: #f3f4e7; color:#587510; border: none; padding: 3px 3px 3px 3px; width: 140px; font-size: 100%; font-weight:bold; margin: 0px 0 0 0;}
	div#searchHolder form input.mnSubmit					{border: none; margin: 0; padding: 0px 12px 0 6px; cursor: pointer;}
	div.formObjectSearch							{float:right; width:162px; padding: 11px 6px 0 0px;}
	div.formObjectSubmit							{float:right; padding: 8px 0px 0 0px;}
	
/* BREADCRUMB -------------------------------------------------------------------------- */
div#breadCrumb									{width:969px; padding:10px 0 10px 13px; border-bottom:1px dotted #55730b; font-size:95%; color:#999;}
div#breadCrumb a								{text-decoration:none; color:#55730b;}
div#breadCrumb a:hover							{text-decoration:underline;}	
	
/* RIGHT COLUMN NAV HOME PAGE------------------------------------------------------------------- */
div#homeRightCol a span							{display: none;}
div#homeRightCol a.wildlife-for-kids 			{background:url(../images/nav_rightCol.jpg) 0 0; width: 322px; display: block; height:93px; clear:both; }
div#homeRightCol a.wildlife-for-kids:hover		{background:url(../images/nav_rightCol.jpg) -322px 0;}
div#homeRightCol ul									{padding: 0; margin: 0; color: #fff; float: left; width: 322px;}
div#homeRightCol ul li 								{list-style-type:none; float: left; font-family:Georgia, "Times New Roman", Times, serif; font-size:170%; }
div#homeRightCol ul li a.navOne							{background: #e9ebd3 url(../images/nav_rightCol.jpg) 0 -93px; color: #55730b; text-decoration: none;  display:block; line-height:56px; width:305px; padding:0 0 0 17px;}	
div#homeRightCol ul li a.navOne:hover					{background: #e9ebd3 url(../images/nav_rightCol.jpg) -322px -93px; color: #88ac2e;}	
div#homeRightCol ul li a.navTwo							{background: #e9ebd3 url(../images/nav_rightCol.jpg) 0 -149px; color: #55730b; text-decoration: none;  display:block; line-height:56px; width:305px; padding:0 0 0 17px;}	
div#homeRightCol ul li a.navTwo:hover					{background: #e9ebd3 url(../images/nav_rightCol.jpg) -322px -149px; color: #88ac2e;}	
div#homeRightCol ul li a.navThree						{background: #e9ebd3 url(../images/nav_rightCol.jpg) 0 -205px; color: #55730b; text-decoration: none;  display:block; line-height:57px; width:305px; padding:0 0 0 17px;}	
div#homeRightCol ul li a.navThree:hover					{background: #e9ebd3 url(../images/nav_rightCol.jpg) -322px -205px; color: #88ac2e;}	
/* pullout columns nav */
ul#pullout										{padding: 0; margin: 0px 0 5px 0; color: #fff; float: left; width: 207px;}
ul#pullout li 									{list-style-type:none; float: left; font-family:Georgia, "Times New Roman", Times, serif; font-size:110%;}
ul#pullout li a.navOnep							{background: #e9ebd3 url(../images/nav_rightCol.jpg) -110px -208px; color: #55730b; text-decoration: none;  display:block; line-height:56px; width:190px; padding:0 0 0 17px;}	
ul#pullout li a.navOnep:hover					{background: #e9ebd3 url(../images/nav_rightCol.jpg) -432px -208px; color: #88ac2e;}	
ul#pullout li a.navTwop							{background: #e9ebd3 url(../images/nav_rightCol.jpg) -110px -208px; color: #55730b; text-decoration: none;  display:block; line-height:56px; width:190px; padding:0 0 0 17px;}	
ul#pullout li a.navTwop:hover					{background: #e9ebd3 url(../images/nav_rightCol.jpg) -432px -208px; color: #88ac2e;}	
ul#pullout li a.navThreep						{background: #e9ebd3 url(../images/nav_rightCol.jpg) -110px -208px; color: #55730b; text-decoration: none;  display:block; line-height:57px; width:190px; padding:0 0 0 17px;}	
ul#pullout li a.navThreep:hover					{background: #e9ebd3 url(../images/nav_rightCol.jpg) -432px -208px; color: #88ac2e;}	
/* right column list */
ul#rColList										{ clear:both; padding:0; margin:0px 0 5px 0; width:207px; border-bottom: 1px dotted #55730b;}
ul#rColList	li									{list-style-type:none;    }
ul#rColList	li a								{font-size:100%; color:#587411; text-decoration:none; background:#FFF; border-top: 1px dotted #55730b; padding:6px 25px 6px 9px; line-height:130%; display:block; width: 173px;}
ul#rColList	li a:hover							{color:#3a5005; text-decoration:none; background:#e9f1d4; border-top: 1px dotted #55730b;}

/* GENERIC ------------------------------------------------------------------------------------ */
#content										{clear:both;}
#homeFlashObject								{float:left; width:647px;/* height:249px;*/ margin:13px 13px 0 0;/* overflow:hidden;*/}
	#homeFlashObject h1							{display:none;}
#homeRightCol									{float:left; background-color:#fff; width:auto; width:322px;}
#imageSwitcher 									{width: 647px;height: 249px; padding: 0; margin:  0 auto; background: #000; overflow:hidden;} 
#imageSwitcher img 								{padding: 0px; width: 647px; height: 249px; top:  0; left: 0; overflow:hidden;}
#imageNav 										{margin: -25px 0; text-align: right;  position: absolute; z-index: 10; width: 637px; font-family:Arial, Helvetica, sans-serif; font-size:9px;}
#imageNav a 									{margin: 0 2px; padding: 1px 4px; border: 1px solid #3b4601; background: #ffffff; text-decoration: none; color: #ffffff;}
#imageNav a.activeSlide 						{background: #88ac2e; color:#88ac2e; }
#imageNav a:focus 								{outline: none; }
/* form styles */
form#frmbook label 								{float:left; width:200px;}
form#frmbook input 								{width:250px;}
form#frmbook textarea 							{width:250px;}
form#frmbook div.clrEl 							{clear:both;padding-bottom:5px;}
div.enq_form_formtitle 												{background: #d5ddb9 url(../images/rcolInfoBG.jpg) 0 0; width: 530px; padding: 15px 0 8px 20px; font-size:120%; font-weight:bold;}
div.enq_form_formbg 												{width: 510px; background: #d5ddb9 url(../images/rcolInfoBG.jpg) 0 0; padding: 1px 20px 30px 20px;}
div.enq_form_formbg p 												{color: #475e7f;}
div.enq_form_formbg div.fieldset_desc 								{color: #333333; padding: 0 0 10px 0; font-size: 110%;}
div.enq_form_formbg form 											{display: inline;}
div.enq_form_formbg form fieldset 									{border: none; margin: 0;padding: 0;}
div.enq_form_formbg form fieldset legend 							{display: none;}
div.enq_form_formbg form fieldset div.form_row 						{clear: both; background-color: #f3f4e7; margin-bottom: 3px; padding: 5px 10px; overflow: auto;/*height:22px;*/}
div.enq_form_formbg form fieldset div.form_row label 				{float: left; width: 190px; font-size: 110%; padding: 4px 0 0 0; color: #3a5005; font-weight: bold;}
div.enq_form_formbg form fieldset div.form_row input, 
div.enq_form_formbg form fieldset div.form_row textarea, 
/*div.enq_form_formbg form fieldset div.form_row select 				{float: left; border: 1px solid #3a5005; width:225px;padding: 3px; font-size: 100%; color: #475e7f; font-family: Arial, Helvetica, sans-serif;}*/
div.enq_form_formbg form fieldset div.form_row select 				{float: left; border: 1px solid #3a5005; /*width:90px;*/padding: 3px; font-size: 100%; color: #475e7f; font-family: Arial, Helvetica, sans-serif;}
div.enq_form_formbg form fieldset div.form_row fieldset legend 		{display:block; font-size: 110%; padding: 4px 0 0 0; color: #475e7f; font-weight: bold;}
div.enq_form_formbg form fieldset div.form_row fieldset div label 	{font-weight: normal; font-size: 100%; }
div.enq_form_formbg form fieldset div.form_row fieldset div input 	{margin-left: 190px;}
div.enq_form_formbg form div.enq_Btn 								{width: 360px; text-align: right; margin-top: 7px;}
	
div.donate_formtitle 												{background: #d5ddb9 url(../images/rcolInfoBG.jpg) 0 0; width: 530px; padding: 15px 0 8px 20px; font-size:120%; font-weight:bold;}
div.donate_formbg 													{width: 510px; background: #d5ddb9 url(../images/rcolInfoBG.jpg) 0 0; padding: 1px 20px 30px 20px;}
div.donate_formbg p 												{color: #475e7f;}
div.donate_formbg div.fieldset_desc 								{color: #333333; padding: 0 0 10px 0; font-size: 110%;}
div.donate_formbg form 												{display: inline;}
div.donate_formbg form fieldset 									{border: none; margin: 0;padding: 0;}
div.donate_formbg form fieldset legend 								{display: none;}
div.donate_formbg form fieldset div.form_row 						{clear: both; background-color: #f3f4e7; margin-bottom: 3px; padding: 5px 10px; height:22px;}
div.donate_formbg form fieldset div.form_row label 					{float: left; width: 210px; font-size: 110%; padding: 4px 0 0 0; color: #3a5005; font-weight: bold;}
div.donate_formbg form fieldset div.form_row input, 
div.donate_formbg form fieldset div.form_row textarea, 
/*div.donate_formbg form fieldset div.form_row select 				{float: left; border: 1px solid #3a5005; width:225px;padding: 3px; font-size: 100%; color: #475e7f; font-family: Arial, Helvetica, sans-serif;}*/
div.donate_formbg form fieldset div.form_row select 				{float: left; border: 1px solid #3a5005; /*width:90px;*/padding: 3px; font-size: 100%; color: #475e7f; font-family: Arial, Helvetica, sans-serif;}
div.donate_formbg form fieldset div.form_row fieldset legend 		{display:block; font-size: 110%; padding: 4px 0 0 0; color: #475e7f; font-weight: bold;}
div.donate_formbg form fieldset div.form_row fieldset div label 	{font-weight: normal; font-size: 100%; }
div.donate_formbg form fieldset div.form_row fieldset div input 	{margin-left: 190px;}
div.donate_formbg form div.enq_Btn 									{width: 360px; text-align: right; margin-top: 7px;}

/* SITEMAP --------------------------------------- */
div#siteMap															{}
div#siteMap ul														{margin:0 0 0px 0; padding:0 0 0px 0;}
div#siteMap ul li													{margin:0 0 0 0; padding:10px 0 10px 0; font-size: 120%;}
div#siteMap ul li a													{margin:0 0 0 0; padding:0px 0 0px 0;}
div#siteMap ul li ul												{margin:0 0 0 0; padding:0 0 0 0; border-bottom: 0px solid #fff; }
div#siteMap ul li ul li												{margin:0 0 0 15px; padding:5px 0 5px 0px; font-size: 80%; border-bottom: 0px solid #fff; list-style-type:none; font-weight:normal; list-style-type:circle;}
div#siteMap ul li ul li a											{margin:0 0 0 0; font-weight:normal;}


/* FOOTER ---------------------------------------- */
div#footer										{clear:both; width:982px; height:276px; margin:0 0 0 0; padding:0 0 0 0; background:url(../images/footer-image.gif) 0 0 no-repeat; }
div#footerContent								{clear:both; width:982px;font-family:Verdana, Geneva, sans-serif; font-size:90%; line-height:1.3em;}
	div#footerContent div						{float:left; width:491px; }
	div#footerContent div h3					{padding:16px 0px 10px 0; color:#a3b66b; text-align:right; font-family:Arial, Helvetica, sans-serif; font-size:170%;}				
div.swtFooterLinks								{color:#CCC;}	
div.swtFooterLinks ul 							{list-style: none;margin: 16px 0 0 0px;padding: 0; font-family:Arial, Helvetica, sans-serif; font-size:120%; }
div.swtFooterLinks ul li						{display: inline;}
div.swtFooterLinks ul li a 						{color: #587411;text-decoration: none;}	
div.footerAddress								{padding:13px 0 13px 0; color: #666; font-size:90%; }
div.footerAddress a								{text-decoration:none; color:#3a5005;}
div.footerAddress a:hover						{text-decoration:none; color:#587411;}
div.footerLinksOut								{text-align:right; font-size:90%; color: #666; }
div.footerLinksOut img							{border-left:1px solid #fff;}	

/* refresh content stylings ----------------------- */
div#centreColFull a.pdfLink, div#centreColLeft a.pdfLink, div#centreColRight a.pdfLink, div#centreColLeftInt a.pdfLink	{margin:3px 0 3px 10px; font-family:Arial, Helvetica, sans-serif; font-size:110%; font-weight:normal;}
a.pdfLink:link									{color:#666; text-decoration:underline; font-weight:normal;}
a.pdfLink:hover									{color:#666; text-decoration:none; font-weight:normal;}
.imageStack										{float:left; margin:0 10px 10px 0;}
.imageStackNarrow								{float:left; margin:0 5px 5px 0;}
.image_left 									{ margin: 5px 15px 5px 0; float:left; }
.image_right 									{ margin: 5px 0 5px 15px; float:right}
.notes											{width:747px; padding:60px 15px 5px 15px; margin:0 0 15px 0; background:url(../images/notes-bg.jpg) top left no-repeat;}
.subTitle										{margin:0 0 0 0; padding:0 0 0 0; color:#C30;}