#innertable{
	width:		815px;
}

#centralimage{
	text-align:	center;
	margin:		15px;
}

#centralimage img{
	max-width:		250px;
	max-height:	250px;
	width: 		expression(this.width >= this.height ? 250: true);
	height:		expression(this.height >= this.width ? 250: true);
	border:		1px dotted black;
}

#centralimage a:hover img{
	border: 1px solid #0000ff;
}

#centralimage div.photographer{
	text-align:	right;
  	margin: 		2px;
	margin-right:	20px;
	font-size:		75%;
}

/*Text Description*/
td.desc{
	vertical-align:	top;
	width:		525px;
	height:		300px;
}

div.sptab{
	height:		270px;
	width:		480px;
	overflow: 		auto;
}

div.spptab{
	height:		200px;
	width:		500px;
	overflow: 		auto;
}

#descsource{
	padding:		7px;
}

#clinfo{
	margin:				5px;
	padding:			5px;
	text-align:			center;
	vertical-align:		middle;
	background-color:	lightgreen;
	overflow: 			auto;
}

div.imgthumb{
  margin: 		2px;
  margin-top:	5px;
  width: 		140px;
  height:		230px;
  float:	 	left;
  text-align: 	center;
  position:	relative;
}

div.imgthumb div.centertext{
	text-align:	center;
	font-weight:	bold;
  	border:		1px dotted grey;
  	width:		100%;
	height:		100%;
  	position:		absolute;
	top:			30%;
	left:			25%;
}

div.imgthumb img{
  	display: 	inline;
  	width: 	130px;
  	margin: 	0px;
	border:	1px dotted grey;
}

div.imgthumb a:hover img {
	border: 1px solid #0000ff;
}

div.imgthumb div.photographer{
	font-size:		75%;
  	text-align: 	right;
  	width: 			auto;
  	margin:			2px;
  	margin-right:	15px;
}

div.mapthumb{
  margin: 2px;
  border: 0px;
  width: 145px;
  float: right;
  text-align: center;
}

div.mapthumb img{
  width: 130px;
  margin: 0px;
  border: 1px dotted black;
}

div.mapthumb a:hover img {
	border: 1px solid #0000ff;
}

div.spptaxon{
	text-align: center;
	width:		147px;
	float:	 	left;
  	border: 	1px dotted gray;
  	margin:		3px;
}

div.sppimg{
  	width:	140px;
  	height:	145px
}

div.sppimg img{
	margin-left: 	8px;
	margin-right: 	8px;
	margin-top: 	5px;
	margin-bottom: 	5px;
  	border:			1px dotted gray;
	max-width:		135px;
	max-height:		135px;
	width: 			expression(this.width >= this.height ? 135: true);
	height:			expression(this.height >= this.width ? 135: true);
}

div.sppmap{
  margin: 	2px;
  border: 	0px;
  width: 	145px;
  height:	145px;
  float: 	right;
  text-align: center;
}

div.sppmap img{
  width: 130px;
  height:	120px;
  margin: 0px;
  border: 1px dotted black;
}

div.sppmap a:hover img {
	border: 1px solid #0000ff;
}

div.spptext{
	font-weight:		bold;
	margin-top:			7px;
	margin-left:		10px;
	margin-right:		10px;
	padding-top:		25px;
	padding-bottom:		50px;
	border:				1px dotted grey;
  	width:				125px;
}

div.imgpopup{
	position:				absolute;
	display:				none;
	background-color:		#EFEFEF;
	text-align:				left;
	padding:				10px;
	-moz-border-radius: 	5px;
	-webkit-border-radius: 	5px;
	border:					#006633 solid 3px;
}