body{
	background-color:#fff;	
	text-align:center;
}

#twmbar{
	border-bottom:9px solid #000;
	background-color:#aa175d;
}

	.inner{
		margin:0 auto 0 auto;
		height:45px;
		width:867px;
		text-align:left;
	}

	#twmbar h2{ float:left; margin-top:6px; margin-left:0; }
	#twmbar h2 a{
		background:url(../img/h2-twm.gif) left top no-repeat;
		width:65px;
		height:34px;
		display:block;
		text-indent:-999em;
	}

#header{
	margin:0 auto 0 auto;
	height:140px;
	text-align:left;
	width:867px;
	border-bottom:3px solid #f26c23;
	background-position:right bottom;
	background-repeat:no-repeat;
	/* new */
	_position:relative;
         _z-index:100;

}

	.content #header{ background-image:url(../img/header/map.gif); }
	.explore #header{ background-image:url(../img/header/map.gif); }
	.species #header{ background-image:url(../img/header/species.gif); }
	.home #header{ background-image:url(../img/header/home.gif); }
	.map #header{ background-image:url(../img/header/map.gif); }
	.record #header{ background-image:url(../img/header/record.gif); }
	.summary #header{ background-image:url(../img/header/record.gif); }
	.register #header{ background-image:url(../img/header/search-results.gif); }
	.search-results #header{ background-image:url(../img/header/search-results.gif); }
	.more-about-your-sighting #header{ background-image:url(../img/header/more-about-your-sighting.gif); }

	#header h1{
		float:left;
		margin:29px 0 0 13px;
		/*new*/
		_position:relative;
         _z-index:100;

	}

		#header h1 a{
			background:url(../img/h1-logo.gif) left top no-repeat;
			height:97px;
			width:189px;
			display:block;
			text-indent:-999em;
			/*new*/
		_position:relative;
         _z-index:100;
		}

	#header ul{
		float:left;
		margin:108px 0 0 75px;
		/*new*/
		_position:relative;
         _z-index:100;
	}

		#header ul li{
			float:left;
			list-style:none;
			padding:0;
			margin:0;
			/*new*/
		_position:relative;
         _z-index:100;
		}

		#header ul a{
			text-decoration:none;
			font-weight:bold;
			padding:4px 16px 4px 16px;
			float:left;
			color:#754c28;
			border-left:1px solid #f36b21;
			/*new*/
		_position:relative;
         _z-index:100;
		}
			#header ul .first a{ border-left:none; /*new*/
		_position:relative;
         _z-index:100;}

		#header ul a:hover,
		#header ul .selected a:hover{ text-decoration:underline; color:#f36b21; /*new*/
		_position:relative;
         _z-index:100;}

p span{ color:#f36b21; }

#content{
	margin:0 auto 0 auto;
	padding:12px 0 0 0;
	text-align:left;
	width:867px;
}

	#content div.left{
		float:left;
		width:580px;
		clear:both;
	}

	#content div.left_reverse{
		float:left;
		width:276px;
		clear:both;
	}

	#content div.right{
		float:right;
		width:276px;
	}
	
	#content div.right_reverse{
		float:right;
		width:580px;
	}
	
	#content div.large{
		width:664px;
	}

	#content div.full{
		
	}

		/*.map #content div.full{ background:url(../img/content/fullmap.gif) right 26px no-repeat; }*/

		#content div.full h2{
			/*margin-left:0;*/
		}

div.hr{
	height:3px;
	width:567px;
	background-color:#f26c23;
	clear:both;
}
	div.hr-large{ width:auto; margin-top:12px; }

hr{ display:none; }

.what-do-next{
	background:url(../img/what-do-next.gif) left top no-repeat;
	height:227px;
	margin:18px 0 0 14px;
	width:650px;
}

	.what-do-next h2{
		height:31px;
		padding:9px 0 0 9px;
		margin:0;
	}

	.what-do-next ul{
		list-style-type:none;
	}

		.what-do-next ul li a{ text-decoration:none; }
		.what-do-next ul li a:hover{ text-decoration:underline; }
		.what-do-next ul li{
			list-style-type:none;
			font-size:90%;
			padding:2px 0 2px 0;
			margin:0;
		}

.home-welcome{
	background:url(../img/content/home/welcome.gif) left top no-repeat;
	width:567px;
	height:202px;
}
	.home-welcome h2,
	.home-explore h2,
	.home-record h2{ display:none; }

	.home-welcome p{
		margin:0;
		font-size:110%;
		font-weight:bold;
		color:#FFF;
		padding:65px 235px 0 12px;
	}

.home-explore{
	background:url(../img/content/home/explore-record.jpg) left top no-repeat;
	width:571px;
	height:131px;
}

	.home-explore p{ margin:0; color:#603813; }

.home-record{
	background:url(../img/content/home/explore-record.jpg) left bottom no-repeat;
	width:571px;
	height:120px;
	margin-bottom:25px;
}

	.home-explore p,
	.home-record p{
		margin:0;
		padding:43px 275px 0 12px;
		line-height:1.2em;
		font-size:90%;
	}

	.home-record p{ margin:0; color:#FFF; }

.block-top{
	background:url(../img/left-block-top.gif) left top no-repeat #efebea;
	width:567px;
	margin:15px 0 15px 0;
}

	.right .block-top{ background-image:url(../img/right-block-top.gif); width:276px; }

.block-top .tab{
	margin-left:11px;
	background:url(../img/left-block-top.gif) right 19px #fff no-repeat;
}

	.right .block-top .tab{ background-image:url(../img/right-block-top.gif); }

	.block-top .tab h3{
		background:url(../img/tag-right.gif) right top #efebea no-repeat;
		float:left;
		padding:7px 31px 0 0;
		margin:0;
	}

.block-bottom{
	background:url(../img/left-block-bottom.gif) left bottom no-repeat;
	padding-bottom:2px;
}
	.right .block-bottom{ background:url(../img/left-block-bottom.gif) left bottom no-repeat; }

ul.entity-list{
	margin:0;
	padding:0;
}

	ul.entity-list li{
		margin:7px 11px 12px 11px;
		padding:7px 0 0 0;
		width:255px;
		float:left;
		border-top:1px solid #d7d7d7;
		list-style:none;
		font-size:100%;
	}
	ul.entity-list li.left{ margin-right:22px; }
	ul.entity-list li.first{ border-top:none; padding-top:0; }

		ul.entity-list li h4{
			margin:0 0 0 0;
		}
		
		ul.entity-list li div.image{
			width:72px;
			overflow:hidden;
			float:right;
			margin:17px 0 0 20px;
			height:72px;
		}

		ul.entity-list li p{
			line-height:1.3em;
			margin:3px 0 0 0;
		}

		ul.entity-list li p a{
			border-bottom:1px solid #f26c23;
			text-decoration:none;
			color:#764d2a;
		}
			ul.entity-list li p a:hover{ border-bottom-color:#764d2a; }

.mini-search{
	padding:13px 0 0 0;
}

	.mini-search label{
		display:block;
		float:left;
		padding-top:7px;
	}

	.mini-search input.text{
		height:24px;
		width:148px;
		padding-top:8px;
		margin:0 10px 0 10px;
	}

	.mini-search input.text{
		display:block;
		float:left;
	}

ul.feature-buttons{
	margin:0;
	padding:8px 0 0 0;
}

	ul.feature-buttons li{
		margin:0 0 16px 0;
		padding:0;
		list-style:none;
	}

	ul.feature-buttons li a{
		display:block;
		text-indent:-999em;
	}
	
	ul.feature-buttons li.signup a{
		background:url(../img/content/home/feature-signup.gif) left top no-repeat;
		height:71px;
	}
	
	ul.feature-buttons li.howarewe a{
		background:url(../img/content/home/feature-howarewedoing.gif) left top no-repeat;
		height:38px;
	}

ul.feature-buttons-small{
	margin:-28px 0 0 0;
	padding:8px 0 0 0;
	width:137px;
	height:350px;
	float:right;
	background:url(../img/content/record/tree.gif) center bottom no-repeat;
}

	ul.feature-buttons-small li{
		margin:0 0 16px 0;
		padding:0;
		list-style:none;
	}

	ul.feature-buttons-small li a{
		display:block;
		text-indent:-999em;
	}
	
	ul.feature-buttons-small li.signup a{
		background:url(../img/content/feature-signup.gif) left top no-repeat;
		height:95px;
	}
	
	ul.feature-buttons-small li.howarewe a{
		background:url(../img/content/feature-howwedoing.gif) left top no-repeat;
		height:64px;
	}

ul.record-steps{
	width:712px;	
	height:308px;
	margin:9px 0 0 0;
	background:url(../img/content/record/steps.gif) left top no-repeat;
	padding:0;
}
	
	ul.record-steps li{
		margin:0;
		font-size:100%;
		padding:40px 0 0 0;
		float:left;
		list-style:none;
	}
	ul.record-steps li form{
		padding:7px 10px 0 10px;
	}
	
		ul.record-steps li form label{ display:none; }

		ul.record-steps li form input.text{
			height:25px;
			padding:10px 5px 0 5px;
			width:160px;
			color:#6d6f71;
		}

		ul.record-steps li form input.submit{
			float:right;
			margin-top:8px;
		}
		
		p.submit-text{
			text-align:right;
			float:right;
			margin:8px 20px 0 0;
		}

	ul.record-steps li h2{ display:none; }

	ul.record-steps li.step-1{
		width:192px;
		padding-top:70px;
	}

		ul.record-steps li.step-1 p{
			color:#FFF;
		}

	ul.record-steps li.step-2{
		width:167px;
	}

	ul.record-steps li.step-3{
		width:175px;
	}

	ul.record-steps li.step-4{
		width:178px;
	}

form.map-search input{
	float:left;
	margin-top:10px;
}

form.map-search label{
	float:left;
	margin-top:18px;
	margin-right:8px;
}

form.map-search input.text{
	margin-right:8px;
}

form.map-search input.image{
	margin-top:10px;
}

form.map-search input#r_next{
	float:right;
}

form input.text{
	height:22px;
	padding:10px 5px 0 5px;
	width:160px;
	color:#6d6f71;	
}

form select.small{
	height:32px;
	padding:2px 2px 2px 0;
	width:160px;
	color:#6d6f71;	
}

form select.small option{
	padding:1px 2px 1px 2px;
}

form textarea{
	height:110px;
	width:250px;
	padding:10px 5px 0 5px;
	color:#6d6f71;
}

form .field{
		
}

div.summary{
	background:url(../img/form/bg-summary-top.gif) left top no-repeat #efebea;
	padding:37px 0 0 0;
}
div.summary form{
	background:url(../img/form/bg-summary-bottom.gif) left bottom no-repeat;	
	width:868px;
	padding:0 0 37px 0;
}
	div.summary form input{
		margin-left:12px;
		margin-top:60px;
	}

div.register{
	background:url(../img/form/bg-register-top.gif) left top no-repeat #efebea;	
	margin-top:20px;
}

div.register form{
	background:url(../img/form/bg-register-bottom.gif) left bottom no-repeat;	
	width:848px;
	padding:37px 0 80px 20px;
}

	div.register .field{
		width:526px;
		padding-bottom:10px;
	}

	div.register label{
		float:left;
		text-align:right;
		width:249px;
		color:#c82f7c;
		margin-right:15px;
		padding:7px 0 0 0;
	}
	
	div.register label span{ color:#754c29; }
	div.register a{ color:#c82f7c; }

	div.register input.text{
		width:250px;
		float:left;
	}

	div.register input.image{
		float:right;
	}

form.step-4{
	background:url(../img/form/bg-more-about-your-sighting.gif) left top no-repeat;	
	height:358px;
	width:868px;
	padding:37px 0 0 65px;
}

	form.step-4 .field{
		width:526px;
		padding-bottom:10px;
	}

	form.step-4 label{
		float:left;
		text-align:right;
		width:249px;
		margin-right:15px;
		padding:7px 0 0 0;
	}
	
	form.step-4 label span{ color:#754c29; }

	form.step-4 input.text{
		width:250px;
		float:left;
	}

	form.step-4 textarea{
		float:left;
		height:100px;
	}

	form.step-4 .image{
		float:right;
	}

.explore ul.left-search{
	background-image:url(../img/explore-bottom.gif);
	background-position:left bottom;
	background-color:#ded9c8;
	height:auto;
	padding-bottom:70px;
}

.explore ul li ul.results{
	background:#fff;
	margin:10px 0 0 0;
	padding:0;
}

	.explore ul li ul.results li{
		background-color:#fff;
		margin:0;
		padding:1px 0 7px 0;
		list-style:none;
		background:none;
		border-top:1px solid #d7d7d7;
	}
	.explore ul li ul.results li.first,
	.explore ul li ul.results li.more{ border-top:none; }

	.explore ul li ul.results li.more p{
		font-size:60%;
		text-align:right;
	}
		.explore ul li ul.results li.more p a{ border-bottom:1px solid #f26c23; text-decoration:none; color:#764d2a; }
			.explore ul li ul.results li.more p a:hover{ border-bottom:none; }

	.explore ul li ul.results li span{ font-style:italic; }
	.explore ul li ul.results li .image{
		float:left;
		margin:7px 10px 0 10px;
	}

	.explore ul li ul.results li .image a{
		background:url(../img/species-image-tiny.png) left top no-repeat;
		display:block;
		height:43px;
		width:42px;
	}

	.explore ul.left-search li form{ padding-top:0; }
	.explore ul.left-search li p{ color:#231f20;}
	.explore ul.left-search li{
		padding-top:40px;		
		background:url(../img/explore-top.gif) left top no-repeat;
	}

	.explore ul.left-search label{
		display:block;
		padding:8px 0 4px 0;
	}

ul.left-search{
	float:left;
	background:url(../img/content/record/steps.gif) left top no-repeat;
	width:192px;
	margin:0 0 20px 0;
	padding:0;
	height:308px;
}

	ul.left-search li{
		font-size:100%;
		list-style:none;
		margin:0;
		padding:70px 0 0 0;
	}
	
	ul.left-search li h2{
        width:192px;
        height:37px;
        border:none;
        text-indent:-999em;
        margin:0px;
        background: url(../img/explore-top.gif) no-repeat 0 0;
    }

	
	ul.left-search li h2{ display:none; }
	ul.left-search li p{ color:#FFF;  margin:7px 12px 5px 12px;}

	ul.left-search li form{
		padding:7px 0 0 0;
	}
	
		ul.left-search li form label{ display:none; margin-left:10px; }

		ul.left-search li form input.text{
			height:25px;
			padding:10px 5px 0 5px;
			width:160px;
			color:#6d6f71;
			margin-left:10px;
		}

		ul.left-search li form input.submit{
			float:right;
			margin-top:8px;
			margin-right:10px;
		}

ul.feature-buttons-large{
	margin:-21px 0 7px 0;
	padding:0;
	float:right;
}

	ul.feature-buttons-large li{
		margin:0;
		padding:0;
		list-style:none;
	}

	ul.feature-buttons-large li a{
		display:block;
		background:url(../img/content/feature-signup-large.gif) left top no-repeat;
		width:276px;
		float:right;
		height:71px;
		text-indent:-999em;
		/*new*/
		_position:relative;
        _z-index:200;

	}

ul.events-list{
	margin:0 14px 15px 0;
	padding:0;
}
	
	ul.events-list li{
		margin:0;
		font-size:100%;
		padding:0 0 15px 0;
		float:left;
		list-style:none;
		width:268px;
	}

	ul.events-list li p.details{ clear:none; }
	ul.events-list li p{
		margin-left:0;
		clear:both;
	}

	ul.events-list li.large{
		border-bottom:1px solid #d7d7d7;
		width:auto;
		padding-top:5px;
		margin-bottom:15px;
	}
	
	ul.events-list li div.hr{
		height:1px;
		background-color:#d7d7d7;
		margin-top:15px;
		width:auto;
	}

	ul.events-list li.left{
		border-right:1px solid #d7d7d7;
		width:267px;
		padding-right:15px;
		margin-right:15px;
	}

	ul.events-list li.large p{ clear:none;	}

	ul.events-list li h2{
		margin-left:0;
		margin-top:0;
	}

	ul.events-list li .image{
		background-repeat:no-repeat;
		background-position:left top;
		float:left;
		margin-right:10px;
	}

		ul.events-list li .image a{
			display:block;
			height:72px;
			width:72px;
			background:url(../img/species-image-medium.png) left top no-repeat;
		}

	ul.events-list li.large .image{
		float:right;
		margin-right:0;
		margin-left:10px;
	}

		ul.events-list li.large .image a{
			height:193px;
			width:271px;
			background-image:url(../img/species-image-xlarge.png);
		}

ul.news-list{
	margin:0 14px 15px 0;
	padding:0;
}
	
	ul.news-list li{
		margin:0;
		font-size:100%;
		padding:0 0 15px 0;
		float:left;
		list-style:none;
		width:268px;
	}

	ul.news-list li p.details{ clear:none; }
	ul.news-list li p{
		margin-left:0;
		clear:both;
	}

	ul.news-list li.large{
		border-bottom:1px solid #d7d7d7;
		width:auto;
		padding-top:5px;
		margin-bottom:15px;
	}
	
	ul.news-list li div.hr{
		height:1px;
		background-color:#d7d7d7;
		margin-top:15px;
		width:auto;
	}

	ul.news-list li.left{
		border-right:1px solid #d7d7d7;
		width:267px;
		padding-right:15px;
		margin-right:15px;
	}

	ul.news-list li.large p{ clear:none;	}

	ul.news-list li h2{
		margin-left:0;
		margin-top:0;
		margin-bottom:10px;
	}

	ul.news-list li .image{
		background-repeat:no-repeat;
		background-position:left top;
	}

		ul.news-list li .image a{
			display:block;
			height:120px;
			width:268px;
			background:url(../img/news-image.png) left top no-repeat;
		}

	ul.news-list li.large .image{
		float:right;
		margin-right:0;
		margin-left:10px;
	}

		ul.news-list li.large .image a{
			height:193px;
			width:271px;
			background-image:url(../img/species-image-xlarge.png);
		}

.content p,
.content h2{
	margin-left:0;	
}

div.welcome h2,
div.welcome p{ display:none; }
div.welcome{
	width:568px;
	height:402px;
	background:url(../img/welcome.gif) left top no-repeat;
	margin-top:10px;
}

ul.search-results{
	margin:0;
	padding:16px 0 0 0;
}

	ul.search-results li{
		margin:0 0 30px 10px;
		padding:0 0 9px 0;
		list-style:none;
		font-size:100%;
		border-bottom:3px solid #f36b21;
		float:left;
	}
		
	ul.search-results li div.image{
		background-position:left top;
		background-repeat:no-repeat;
		background-image:url(../img/content/search.results.image.blank.png)
	}

	ul.search-results li div.image-border{
		background:url(../img/content/search.results.image.border.png) left top no-repeat;
		width:156px;
		height:119px;
	}

	ul.search-results li p{ padding:9px 0 0 0; margin:0; }
		ul.search-results li p em{ color:#f36b21; }

.species-left{
	float:left;
	margin-right:14px;
	width:218px;
}

	.species-left ul{
		padding:0 0 10px 0;
		margin:0;
		width:218px;
	}

	.species-left ul li a{
		display:block;
		width:104px;
		height:100px;
		background:url(../img/species-image.png) left top no-repeat;
	}

	.species-left ul li.large a{
		width:218px;
		height:214px;
		background:url(../img/species-image-large.png) left top no-repeat;
	}
	.species-left ul li.large{ clear:both; margin-bottom:11px; }
	.species-left ul li.left{ margin-right:10px; }
	.species-left ul li{
		background-position:left top;
		background-repeat:no-repeat;
		padding:0;		
		float:left;
		margin:0;
		list-style:none;
	}
	
	.species-left a.back,
	.species-left a.next{
		display:block;
		background-position:left top;
		background-repeat:no-repeat;
		height:34px;
		width:104px;
		text-indent:-999em;
		float:left;
	}
	.species-left a.back{ background-image:url(../img/form/submit-back.gif); }
	.species-left a.next{ background-image:url(../img/form/submit-next-species.gif); float:right; }

.species-right{
	float:left;
	background:#f5f3f2 url(../img/species-top.gif) left top no-repeat;
	width:336px;
}

	.species-right p {
		padding-left:5px;
	}

	.species-right h2{
		color:#754c29;
		font-size:150%;
		margin-bottom:1px;
		padding-left:5px;
	}
	.species-right p.source{ color:#f36b21; margin-top:0; }

	.species-right-inner{
		background:transparent url(../img/species-bottom.gif) left bottom no-repeat;
		padding:1px 5px 19px 0;
	}

.events-header{
	background:url(../img/events-header.gif) left top no-repeat;
	width:566px;
	height:36px;
	margin-bottom:2px;
	margin-top:12px;
	padding:1px 0 1px 0;
}
	.events-header h2{
		color:#fff;
		font-size:150%;
		margin-top:5px;
		margin-left:8px;
	}

	.events-links {
		float:right;
		margin-right:10px;
		margin-top:5px;
	}	

	.events-links a{
		margin-right:5px;
	}

/*new - DAlderson 19/01/10*/
.pages-header{
	background:url(../img/generic-header.gif) left top repeat-x;
	/*width:580px;*/
	width:100%;
	height:36px;
	margin-bottom:2px;
	margin-top:12px;
	padding:1px 0 1px 0;
}

.pages-header h2{
	color:#fff;
		font-size:150%;
		margin-top:5px;
		margin-left:8px;
}

.news-header{
	background:url(../img/news-header.gif) left top no-repeat;
	width:566px;
	height:63px;
	margin-bottom:10px;
	margin-top:12px;
	padding:1px 0 1px 0;
}
	.news-header h2{
		color:#4aabd0;
		font-size:150%;
		margin-top:21px;
		margin-left:8px;
	}

	.news-links{
		float:right;
		margin-right:10px;
	}

	.news-links a{
		margin-right:5px;
	}

.highlight-header{
	background:url(../img/species-header.gif) left top no-repeat;
	width:568px;
	height:61px;
	margin-bottom:10px;
	margin-top:12px;
	padding:2px;
}

	.highlight-header p.left{
		float:left;
		font-size:105%;
		margin-left:2px;		
	}

	.highlight-header p.right{
		float:right;
		font-size:105%;
		margin-left:0;		
		padding-right:2px;
	}

	.highlight-header .right span{ font-style:italic; }
	.highlight-header h2{ font-size:150%; margin-top:4px;  }
	.highlight-header p{ font-size:90%; }
	.highlight-header a{ text-decoration:none; border-bottom:1px solid #754c29; }
		.highlight-header a:hover{ border-bottom:none; }

.explore table{ margin-left:12px; width:652px; }
.explore .right{
	background:url(../img/map-container-top.gif) 290px 17px no-repeat;	
}
.explore .map-container{
	width:auto;
	height:570px;
	/*margin-left:12px;*/
}

table.record-view td{
	padding-top:10px;
	padding-bottom:10px;
}

table.record-view{
	border-top:3px solid #F26C23;	
	margin-top:21px;
}

.map-container{
	width:867px;
	background-color:#CCC;
	height:379px;
	position:relative;
	margin-top:20px;
	border-bottom:3px solid #f26c23;
}

.location-dropper{
	width:291px;
	height:113px;
	background:url(../img/error-box.png) left top no-repeat;
	position:absolute;
	left:50%;
	top:50%;
	margin:-56px 0 0 -145px;
}

.error{
	width:258px;
	height:103px;
	background:url(../img/error-box.png) left top no-repeat;
	position:absolute;
	left:50%;
	top:50%;
	margin:-50px 0 0 -129px;
}

	.error a{
		display:block;
		float:right;
		background:url(../img/error-close.gif) left top no-repeat;
		height:10px;
		width:39px;
		margin:16px 17px 0 0;
		text-indent:-999em;
	}

	.error p{
		color:#fff;
		padding:30px 0 0 40px;
	}