/* BOXES THAT BEGIN WITH A LETTER AT THE TOP 'A', 'B', 'C' */
.letter-box{
	width:140px; margin-right:18px;
	float:left;
	position:relative;
}
.letter-box .box-header{
	width:140px; height:44px;
	background:url(../images/letterbox-header-bg.gif) no-repeat;
}
	#a-box .box-header{
		background:url(../images/letterbox-header-a.gif) no-repeat;
	}
	#b-box .box-header{
		background:url(../images/letterbox-header-b.gif) no-repeat;
	}
	#c-box .box-header{
		background:url(../images/letterbox-header-c.gif) no-repeat;
	}
.letter-box .box-body{
	width:140px; height:110px;
	padding-top:10px;
	background:url(../images/letterbox-body-bg.gif) repeat-y; 
        
}
	.letter-box .box-body p{
		margin:0 10px 0 10px;
		padding:0px;
	}
.letter-box .box-footer{
	width:140px; height:17px;
	background:url(../images/letterbox-footer-bg.gif) no-repeat;
}
.letter-box-button{
	width:54px; height:20px;
	border:none;
	background:url(../images/letter-box-button-bg.gif) no-repeat;
	margin:0 43px;
	position:absolute;
	top:140px;
}

/* INTACTNESS BOXES see. p37 of specs document */
.intactness-readout{
	width:195px; height:65px;
	margin:10px 0 5px 0;
}
.intactness-readout .intactness-icon{
	width:53px; height:65px;
	float:left;
}
	#intactness-species .intactness-icon{
		background-image:url(../images/home/intactness-species-icon.gif);
	}
	#intactness-habitat .intactness-icon{
		background-image:url(../images/home/intactness-habitat-icon.gif);
	}
	#intactness-footprint .intactness-icon{
		background-image:url(../images/home/intactness-footprint-icon.gif);
	}
.intactness-readout .intactness-label{
	width:77px; height:65px;
	float:left;
}
	#intactness-species .intactness-label{
		background:url(../images/home/intactness-species-bg.gif) repeat-x;
	}
	#intactness-habitat .intactness-label{
		background:url(../images/home/intactness-habitat-bg.gif) repeat-x;
	}
	#intactness-footprint .intactness-label{
		background:url(../images/home/intactness-footprint-bg.gif) repeat-x;
	}
.intactness-readout .intactness-percent{
	width:65px; height:65px;
	float:left;
}
	#intactness-species .intactness-percent{
		background-image:url(../images/home/intactness-species-percent.gif);
	}
	#intactness-habitat .intactness-percent{
		background-image:url(../images/home/intactness-habitat-percent.gif);
	}
	#intactness-footprint .intactness-percent{
		background-image:url(../images/home/intactness-footprint-percent.gif);
	}
.intactness-readout .intactness-number{
	font-size:18px;
	margin-top:20px;
	text-align:center;
}

/* SPECIES BUTTONS */
#species-button a{
	text-decoration:none;
	}
#species-button .button-container{
	float:left;
	width:auto;
	}
	#species-button .button-leftedge{
		float:left;
		width:12px;	height:25px;
		background:url(../images/button-species-leftedge.jpg) no-repeat;
                
		}
	#species-button .button-label{
		float:left;
		height:25px;
		background-image:url(../images/button-species-bg.jpg);
		background-position:top right;
		background-repeat:no-repeat;
		margin:0 4px 10px -2px;
		}
                
#species-button.button-container .button-label a{
    	text-decoration:none;     
	}
        
.button-label a{
	margin:4px 12px 0 0;
	display:block;
	text-decoration:none;         
	}
        
#species-button.button-selected .button-leftedge{
		float:left;
		width:12px;	height:25px;
		background:url(../images/button-species-selected-leftedge.jpg) no-repeat;
		}
#species-button.button-selected .button-label{
		float:left;
		height:25px;
		background-image:url(../images/button-species-selected-bg.jpg);
		background-position:top right;
		background-repeat:no-repeat;
		margin:0 4px 10px -2px;
		}
#species-button.button-selected .button-label a{
	font-weight:bold;
	color:#000;
	text-decoration:none;
	}

.categoryButtons{
		float:left;
		height:25px;
		background-image:url(../images/button-species-bg.jpg);
		background-position:top right;
		background-repeat:no-repeat;
		margin:0 4px 10px 0;    
}

.categoryButtons-leftedge{
		float:left;
		width:12px;	height:25px;
		background:url(../images/button-species-leftedge.jpg) no-repeat;
		}    


.noUnderline{
    text-decoration:none;
}

/**/

#aboutabmi-button a{
	text-decoration:none;
	}
.big_button-container{
	float:left;
	width:auto;
	}
	.big_button-leftedge{
		float:left;
		width:18px;	height:50px;
		background:url(../images/customButton/customButton-leftedge.gif) no-repeat;
              /*  padding:15px 0 0 6px;*/
                		}
	 .big_button-label{
		float:left;
		height:50px;
		background-image:url(../images/customButton/customButton-rightedge.gif);
		background-position:top right;
		background-repeat:no-repeat;
		margin:0 0px 0px -2px;
              /*   padding:3px 0 0 10px;*/
               width:120px;
		}
             .mid_button-label{
		float:left;
		height:50px;
		background-image:url(../images/customButton/customButton-rightedge.gif);
		background-position:top right;
		background-repeat:no-repeat;
		margin:0 0px 0px -2px;
              /*   padding:3px 0 0 10px;*/
               width:80px;
		}
                
 #column2 a.noUnderline:visited, #column2  a.noUnderline:hover,  #column2 a.noUnderline:link{
    	text-decoration:none; 
    }

  
   
.big_button-selected .big_button-leftedge{
		float:left;
		width:12px;	height:25px;
		background:url(../images/button-species-selected-leftedge.jpg) no-repeat;
		}
.big_button-selected .big_button-label{
		float:left;
		height:25px;
		background-image:url(../images/button-species-selected-bg.jpg);
		background-position:top right;
		background-repeat:no-repeat;
		margin:0 4px 10px -2px;
		}
.big_button-selected .big_button-label a{
	font-weight:bold;
	color:#000;
	text-decoration:none;
	}