html, body { 
        height: 100%; width: 100%; margin: 0; 
    }
	
    body{
		background-color:white; overflow:hidden; 
        font-family: "Century Gothic",arial,sans-serif;
		color:#7A0019;
    }
	
		  
    #header {
		position:relative;
		margin: 2px;
		height:70px;
		padding-left:10px;
		min-width:660px;
      }
	 
	.header-text-div{
		display:inline-block;
		position:absolute;			
		top:5px;
		left:10px;
		min-width:300px;
	}
	
	.header-text{
		color:#7A0019; 
		font-weight:bold;
		letter-spacing:3px;
		
		display:inline-block;
		position:absolute;			

	}
	
	a.UML_logo {
		display:inline-block;
		position:absolute;
		right:10px;
	}
	
	img.UML_logo {
		width: 130px;
		height: 40px;
		border: 0;
		padding-top:10px;
	}
	
	
	#instructions {
		font-weight:bold;
		text-align:center;
		line-height:1.5;	
	}
	
	@media (max-width: 730px) {
		.header-text{
			font-size:1em;
			line-height:3;
		}
		
		
		#instructions {
			font-size:10pt;
			line-height:1.1;
		}
	}
	
	@media (min-width: 731px) and (max-width: 850px) {
		.header-text{
			font-size:1.2em;
			line-height:2;
		}
		
		
		#instructions {
			font-size:11pt;
			line-height:1.2;
		}
	}
	@media (min-width: 851px) and (max-width: 1100px) {
		.header-text{
			font-size:1.4em;
			line-height:2;
		}
		
		
		#instructions {
			font-size:13pt;
			line-height:2;
		}
	}
	  
	@media (min-width: 1100px) {
		.header-text{
			font-size:2em;
			line-height:1;
		}
		
		#instructions {
			font-size:13pt;
			line-height:2;
		}
		   
	}
	.esriLegendLayerLabel{
		display:none;
	}
	

		
	#tooltip {
		font-size: 10pt;
		pointer-events:none;
		cursor: default;
		position:absolute;
		z-index:10;
		opacity:0;
		overflow:visble;
		width:auto;
		padding:2px;
		font-size:10pt;
		background-color:white;
	   -moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	 -khtml-border-radius: 4px;
			border-radius: 4px;
	   -moz-box-shadow: 3px 3px 1px 2px rgba(0,0,0,0.5);
	-webkit-box-shadow: 3px 3px 1px 2px rgba(0,0,0,0.5);
			box-shadow: 3px 3px 1px 2px rgba(0,0,0,0.5);
	}

	
	#yearDiv {
		float:left;
		display:inline-block;
	}

	#legend{
		position:absolute;
		right:0;	
		display:inline-block;
	}  
	#search {
        display: block;
		position: absolute;
		z-index: 2;
		top: 20px;
		left: 74px;
      }

	 
	
      #subheader {
		bottom:0px;
		left:25px;
		font-size:9pt;
		color:#7A0019;
		padding-left:25px;
		position:absolute;
      }
      #rightPane{
		background-color:white;
		color:#7A0019;
		border: solid 2px #7A0019;
		width:20%;
      }
      #leftPane{
		margin: 5px;
		padding:2px;
		background-color:white;
		color:#3f3f3f;
		border: solid 2px #7A0019;
		width:15%;
		min-width:165px;
		max-width:250px;
     }
      #map-div {
		margin: 5px;
		border:solid 2px #7A0019;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
		border-radius: 4px;
		height:100%;
		width:100%;
      }
      #footer {
		margin: 2px;
		border: solid 2px #7A0019;
		background-color:#ecefe4;color:#7A0019;
		font-size:10pt; 
		height:40px;
		position:relative;
      }

      #tabs{
        padding:5px;
      }
	  
	  #umnhf-f.umnhf{
		background-color:#f0f0f0;
		}
		
	.control-wrapper{
		padding:6px;
	}
	.checkbox-wrapper,.sliderdiv{
		padding:3px;
	}
	.slider {
		width:90%;
	}
	
	.chk, .rad {
		line-height:200%;
	}
	
	.help_a{
		display:block;
		bottom:0px;
		position:absolute;
	}

	.basemap-gallery {
		top:20px;
		right:20px;
		position:absolute;
		z-index: 99;

	}
	
/*
 * Basic CSS classes for positioning elements within the map div. The top-left "left"
 * property differs from the others due to the presence of the zoom control
 */

	.top-left{
		left:60px;
		top:20px;
	}
	
	.top-right{
		top:20px;
		right:20px;
	}
	
	.bottom-left{
	    left: 20px;
	    bottom: 20px;
	}

	/*Unused so far but I'd feel an odd sense of dissymetry without it*/
	.bottom-right{
	    right: 20px;
	    bottom: 20px;
	}
/*
 * Base class for elements within map div (such as basemap menu). Z-index is what
 * determines which elements appear "on top" (higher z-index is on top, thus the 99)
 */
	.overlay-map {
		position:absolute;
		z-index: 99;
	}

/*
 * place the loading animated gif in the middle of the map div
 */
	.loading {
		right: 50%; 
		top: 50%;
		pointer-events:none;
	}


/*
 * More specific stuff
 */

.info-title {
	font-size: 12pt;
	font-weight:bold;
}