#nav li a { font-size: 1.1em; }
/* CSS Document */
#mainContent {
    width: 97%;
    margin: 0 auto;
    padding: 1em;
    background-color: #fff;
}

.button {
    cursor: pointer; /*forces the cursor to change to a hand when the button is hovered*/
    background: #35b128; /*the colour of the button*/
    border: 1px solid #33842a; /*required or the default border for the browser will appear*/
    /*give the button curved corners, alter the size as required*/
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    /*style the text*/
    color: #f3f3f3;
    font-size: 1em;
    font-weight: normal;
    text-decoration: none;
    padding: .3em .5em; /*add some padding to the inside of the button*/
    margin: 0 .2em;
}
/***NOW STYLE THE BUTTON'S HOVER AND FOCUS STATES***/
.button:hover, .button:focus {
    background-color : #399630; /*make the background a little darker*/
    /*reduce the drop shadow size to give a pushed button effect*/
    -webkit-box-shadow: 0 0 1px rgba(0,0,0, .75);
    -moz-box-shadow: 0 0 1px rgba(0,0,0, .75);
    box-shadow: 0 0 1px rgba(0,0,0, .75);
}