body {
    background: #3d5ef2;
    font: 100% veranda, Arial, Helvetica; 
    color: black; 
    margin: 0px; 
    padding: 0px;
} 
#container { 
    background: #3d5ef2; 
    margin: 10px auto; 
    width: 770px; 
    border: 1px solid #000000; 
    color: aqua; 
} 
header { 
    background-image:url('../images/Te-Puke-header.jpg'); 
    background-repeat:no-repeat; 
    height: 110px; 
    border-bottom: 1px solid #000;
} 
nav { 
    border-bottom: 1px solid #000000;
} 
nav ul { 
    background: #41b342; 
    margin: 0px; 
    padding: 0px;
} 
nav ul li { 
    display: inline; 
    margin: 0px; 
    padding: 0px;
} 
nav ul li a { 
    color: #FFFFFF; 
    background: #abcbff; 
    text-decoration: none; 
    padding: 0px 25px; 
    border-right: 1px solid #000000;
} 
nav ul li a:hover { 
    background: #41b342;
} 
nav ul li a:hover { 
    background: #04c9cc;
} 
p { 
    font-size: 90%; 
    margin: 20px;
} 
h1 { 
    font-size: 130%; 
    color: #06aae2; 
    margin: 20px; 
    padding: 0px; 
} 
h2 { 
    font-size: 110%; 
    color: #06aae2; 
    margin: 20px; 
    padding: 0px;
} 
.rightimage { 
    float: right; 
    margin: 10px 10px 10px 20px; 
    border: 1px solid #000000;
} 
.leftimage {  
    float: left;
    margin: 10px 20px 10px 10px; 
    border: 1px solid #000000; 
} 
hr { 
    visibility: hidden; 
    clear: both;
}
footer { 
    color: #FFFFFF; 
    background: #315338; 
    border-top: #000000;
} 
footer p { 
    font-size: 70%; 
    margin: 0px; padding: 10px; 
    text-align: center;
} 
article ul { 
    font-size: 90%; 
    float: left; 
    margin-left: -20px;
}
article ol { 
    font-size: 90%;
}