body{
    background-color:#FFF8DC; 
    font-family:Tahoma,Arial,sans-serif;
    font-size: 90%;
}

p {
    text-align: justify;  
}

td {
    font-size: 90%;
}

img {
    max-width: 100%;
    height: auto;
    *width: 100%;
}

h1 {
    font-family: COPPERPLATE GOTHIC BOLD, Tahoma, Arial, sans-serif;
    color: #046404;
    font-size: 200%;
    font-weight: bold;
    text-align: center;
}

h2 {color:#DAA624;
    text-align:center;
    font-size:170%;
}

h3 {font-family:Tahoma, Arial, sans-serif; 
    color:#000000; font-size:100%; 
    font-weight:bold; 
    margin-bottom:0; 
    margin-top:0;
}

/*Header*/
.header {
    text-align:center;
}

.headerleft {
    text-align: left;
   margin-left: -10px;

}

/*navigation*/

a:link { 
    text-decoration:none;
     font-weight:bold; 
     color:#046404; 
}

a:visited {
     text-decoration:none; 
     font-weight:bold; 
     color:#046404; 
}

a:hover { 
    text-decoration:underline; 
    font-weight:bold; 
    color:#000000;}


ul.nav {
    text-align:center; 
    background-color:#DAA624; 
    padding:4px 4px 4px 4px;
}

ul.nav li {
    display:inline;
}

ul.nav a { 
    margin-right:30px;
     text-decoration:none; 
     font-weight:bold; 
     color:#046404;
} 

ul.nav a:hover {
    text-decoration:underline; 
    font-weight:bold; 
    color:#000000;}


/*main content Divs*/

.mainbody {
    width:90%;
    margin:0 auto;
}

.mainbodycontact {
    width:90%;
    margin:0 auto;
}

.mainbodyevents {
    width:90%;
    margin:0 auto;
}

.contentleft {
    float: left;
    width: 48%;
    margin: 2px;
}

.contentleftcentre {
    float: left;
    width: 48%;
    margin: 2px;
    text-align: center;
}

.contentrightcentre {
    float: right;
    width: 48%;
    margin: 2px;
    text-align: center;
}

.contentleftsixty {
    float: left;
    width: 58%;
    margin: 2px;
}

.contentright {
    float: right;
    width: 48%;
    margin: 2px;
}

.contentrightforty {
    float: right;
    width: 38%;
    margin: 2px;
}

.clear {
    clear:both;
}

/*Formatting*/

.center {
    text-align:center;
}

.smallerfont {
    font-size:90%;
}

.italic {
    font-size:70%; 
    font-style:italic; 
    text-align:center;
}



.black {
    color: #000000;
    font-weight: bold;
    text-align:center;
}

.left {
    float: left;
    margin-right:10px; 
    margin-top:5px; 
    margin-bottom:5px;
}

.right {
    float: right;
    margin-left:10px;
   margin-top:5px; 
   margin-bottom:5px;
}

/*tables */

.fullwidth {
    width:100%; 
    vertical-align:top;
}

.normalborder {
    border-width:1px;
    border-color:#000000;
    border-style:solid;
    padding: 2px;
    margin: auto;
}

.latest {
    background-color:#DAA624;
    color:#046404;
    text-align:left;
    width:70%;
    font-size:110%;
    margin:auto;
    border-width: 6px; border-style:double; border-color:#046404;
}

.position {
    width: 20%;
    font-weight: bold;
}

.forty {
    width:40%; 
    vertical-align:top; 
    text-align:left;
}

.twenty {
    width:20%; 
    vertical-align:top; 
    text-align:left;
}

.clubevent {
    background-color:#FFFF66; 
    font-size: large; 
    font-weight:bold;
}

.sixty {
    width:60%; 
    vertical-align:top;
     text-align:left;
}

.photolist {
    margin: auto;
    width: 100%;
    background-color: #DAA624;
}

.role {
    font-size: 120%;
    text-align:center;
}

.half {
    width:50%; 
    vertical-align:top;
}

 /* Maximum queries */

@media all and ( max-width: 480px ) {

.mainbodyevents {
    width:100%;
}

.mainbodycontact {
    width:100%;
}

.contentleft {
    float: none;
    width: 100%;
    margin: 2px;
}

.contentright {
    float: none;
    width: 100%;
    clear: both;
    margin: 2px;
}

.contentleftcentre {
    float: none;
    width: 100%;
    margin: 2px;
    text-align: center;
}

.contentrightcentre {
    float: none;
    width: 100%;
    margin: 2px;
    text-align: center;
}

.contentleftsixty {
    float: none;
    width: 100%;
    margin: 2px;
    clear: both;
}

.contentrightforty {
    float: none;
    width: 100%;
    margin: 2px;
    clear: both;
}

h1 {
        font-size: 110%;
    }

h2 {
    font-size:110%;
}

ul.nav a { margin-right:3px; 
           text-decoration:none; 
           font-weight:bold; 
           color:#046404;
} 

.latest {
    width:100%;
    font-size:90%;
    border-width: 2px; border-style:double; border-color:#046404;
}

.clubevent 
{
    font-size: 90%;
 }


.role {
    
    font-size: 90%;
}

 .normalborder {
        font-size: smaller;
 }


}



 /* Minimum queries */

@media all and ( min-width: 1000px ) {


.mainbody {
    width:75%;
    margin:0 auto;
}

}

@media all and ( min-width: 1500px ) {


.mainbody {
    width:50%;
    margin:0 auto;
}

.headerleft {
    
    margin-right:50px;
}

}