@charset "UTF-8";
/*CSS Document */

body { 
       font-family: 'Lato', sans-serif;
      background:grey;
      
       
}

p{ color: white;
  width:600px;
  font-family: 'Lato', sans-serif;
}

h2{color:white;
font-family: 'Lato', sans-serif;}
h3{color:white;
font-family: 'Lato', sans-serif;}
h5{color:white;}
header {
	       height: 60px;
	       background-color: grey;
	       padding: 5px;
	       border-top-left-radius: 12px;
        border-top-right-radius: 12px;
        border-bottom-left-radius: 12px;
        border-bottom-right-radius: 12px;
      
	       
}
article {  margin-left:15px;
	       padding:1px;
	       margin-top:10px;
	       background-color: #999999;
	       width: 650px;
	       
	        border-top-left-radius: 12px;
        border-top-right-radius: 12px;
        border-bottom-left-radius: 12px;
        border-bottom-right-radius: 12px;
	       
	     
	       
	       
}
section {
	       padding-left: 25px;
	       background-color: #999999;
	       
	      
	       
}
footer  {
								text-align: center;
	        height: 100px;
	        background-color: gray;
	        padding: 5px;
	        
}
aside {
	        float: right;
	        width: 200px;
	        background-color: grey;
	        padding: 15px;
	       
	       
	        }
	        
ul{ padding-left: 15px;
    color:white;}        
	        
li.nav{
	display: inline;
	position:relative;

	
	}
li a{
 text-decoration: none;
 color: black;
 padding: 6px;
 background-color: silver;
 border-top-left-radius: 12px;
 border-top-right-radius: 12px;
 border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;

 	}	         
 	
 	li a:hover{
  color: black;
  background-color:  Gold;		
 		}
 		
 		nav {
 			    height: 50px;
 			    background-color: gray;
 			    padding-top: 2px;
 			    
 			
 			}
 			
 			.title {
 				color: white;
 				position: absolute;
 				top:15px;
 				left:25px;
 				
 				font-size: 36pt;
 				}
 				#container {
 					width: 980px;
 					
 				}
 				
 				p {
 					padding-right:200px;
 				}
 				
    a:link {color: #454545;
            font-weight: bold;
            text-decoration: none;
  
            }
    a:visited {color: dimgrey;
            font-weight: bold;
            text-decoration: none;
         }
    a:hover {color:  #FDD017;
             text-decoration: none;
             
    	}
    	
    img { 
    }
    #bio{
    
    margin-right: 100px;
    width: 200px;
    float:right;
    background: grey;
    }
    p.biotxt{
    white-space:pre;
    font-size:75%
   }
     img.bio{
      border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
     
     }
    #soundlocs{
    width: 960px;
    background: #999999;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
    padding-left:20px;
    margin-left:15px;
    padding-top: 1px;
    height: 550px;
    margin-top: 10px;
    position:absolute;
    top:130px;
    
    }
    
    #imagesound{
    background:#999999;
    width:400px;
    position:absolute;
    left:450px;
    margin-top:10px;
    z-index:1;
   
    }
    img.imagelocs{
    margin-left:30px;
    margin-top: 80px;
    }
    p.imagelocs{
    width:400px;
    margin-left:30px;
    }
    audio{
    margin-left:30px;
    }
    #map{
    width:687px;
    background:dimgrey;
    height:532px;
    padding-top:50px;
    padding-left:15px;
    padding-right:15px;
    padding-bottom:15px;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
    margin-left:15px;
    margin-top:10px;
    
    }
    #howto{
   
    width:460px;
    height:45px;
    position: absolute;
    left: 50px;
    top: 145px;
    
    
    }
    p.howtotxt{
    
    width:500px;
    
    }