body{
 font-family: Garamond, sans-serif;
}

h1{
 font-family: Georgia, serif;
}

h3{
 font-family: Georgia, serif;
 font-size: 25px
}

h4 {
 font-family: Verdana, sans-serif;
}

h5 {
    font-family: Verdana, sans-serif;
    font-size: 16px;
}


#wrapper{
 width: 90%;
 margin: 5px auto;
 padding: 5px 30px;
 border: none;
 color: #5B5B5B;
}

#header{
 width: 100%; 
}

.airedale {
 text-decoration: none;
 color: inherit;  
}

#navigation {
 clear: both;
 padding: 5px 15px;
 margin: 0 -30px;
 text-align: center;
 list-style-type: none;
 background-color: #3d5a80;
 color: white;
}

.primarynav {  
 display: inline-block;
 padding: 2px 59px;
 text-align: center;
}

.primarynav a {
 text-decoration: none;
 color: white;
 font-weight: bolder;
 padding: 4px;
}

.primarynav a: hover {
 text-decoration: underline;
 background-color: #5B5B5B;
}

.current { 
 border-bottom: solid 3px white;
}

#content {
 width: 100%;
 margin: 0;
 padding: 0;
}

#main-content {
 width: 72%;
 float:left;
 margin: 0;
 padding: 0 3% 10 0;
}

.routes {
 text-decoration: none;
 color: inherit; 
}

#secondary-content {
 width: 25%;
 float: left;
 margin: 3.5em 0;
 padding: 0;
 border-radius: 10px;
 background-color: #98c1d9;
 color: white;
}

#footer {
 width:72%;
 float: left;
 margin: 0.9em 0;
 padding: 10;  
 clear:both;
 text-align:center;   
 border: solid 5px #e0fbfc;
 border-collapse: collapse;
 border-radius: 10px;   
 background-color: #3d5a80;   
 color: white;
}

h1 {
    color: #293241;
}

h2 {
 color: #ee6c4d;
}

h3 {
    color: #293241;
}

h4 {
    color: #293241;
}

.textbox {
    position: absolute;
    line-height: 125%;
    left: 240px;
    width: 320px;
}
.textfield {
    position: absolute;
    left: 240px;
    width: 320px;
    height: 120px;
    display: inline;
}
    
.events img{
    width: 226px
}