.button_container { text-align: left; margin: auto;}
			
.button4 {
	  display: inline-block;
	  height: 40px;
	  width: 400px;
	  line-height: 40px;
	  padding-right: 20px;
	  padding-left: 50px;
	  position: relative;
	  background-color:rgb(230, 230, 230);
	  color:rgb(0,0,0);
	  text-decoration: none;
	  text-transform: none;
	  font-size: 14px;
	  letter-spacing: 1px;
	  margin-bottom: 5px;
	  
	  border-radius: 5px;
	  -moz-border-radius: 5px;
	  -webkit-border-radius: 5px;
	  text-shadow:0px 1px 0px rgba(0,0,0,0.5);
	-ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#ff123852,Positive=true)";zoom:1;
	filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#ff123852,Positive=true);

    -moz-box-shadow:0px 2px 2px rgba(0,0,0,0.2);
  -webkit-box-shadow:0px 2px 2px rgba(0,0,0,0.2);
  box-shadow:0px 2px 2px rgba(0,0,0,0.2);
  -ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=2,Color=#33000000,Positive=true)";
	filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=2,Color=#33000000,Positive=true);
}

.button4 span {
	  position: absolute;
	  text-align: center;
	  left: 0;
	  width: 40px;
	  background-color:rgba(0,0,0,0.5);
  
	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	border-right: 1px solid  rgba(0,0,0,0.15);
}

.button4:hover span, .button.active span {
	  background-color:rgb(255, 255, 128);
	  border-right: 1px solid  rgba(0,0,0,0.3);
}

.button4:active {
	  margin-top: 2px;
	  margin-bottom: 13px;

	-moz-box-shadow:0px 1px 0px rgba(255,255,255,0.5);
	-webkit-box-shadow:0px 1px 0px rgba(255,255,255,0.5);
	box-shadow:0px 1px 0px rgba(255,255,255,0.5);
	-ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#ccffffff,Positive=true)";
	filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#ccffffff,Positive=true);
}

.button4.orange {
  background: #FF7F00;
}

.button4.purple {
	background: #8e44ad;
}

.button4.turquoise {
	background: #1abc9c;
}

.button4.brown {
	background: #cc9966;
}

.button4.green {
	background: #40bf40;
}

.button4.yellow {
	background: #808000;
}

.button4.geoforms {
  background: #994d00;
}
.button4.geoparks {
  background: #40bf40;
}

.button4.karst {
 background: #669999;
}

.button4.tectonics {
 background: #008000;
}

.button4.paleontology {
 background: #ffcc00;
}

.button4.volcanos {
 background: #ff4000;
}

.button4.hotsprings{
 background: #00e6e6;
}

.button4.museums{
 background: #e60000;
}

.button4.petrology{
 background: #990099;
}

.button4.watersystems{
 background: #0000cc;
}

 .button4.mountain{
 background: #f2f2f2;
}

.button4.islands{
 background: #80b3ff;
}

.button4.trail_creator{
 background: #ffb366;
}



  
  