/* MAIN BODY STYLING */

body{
    margin: 0;
    padding: 0;
    background-image: url(images/background1.gif);
    background-repeat: repeat;
    background-color: #574a5c; 
    }

p{
    margin: 30px;
    font-size: 1.1em;
    font-family: ariel, 'Times New Roman';
    }                             
    
a, a:visited{color: #fff;}

/* THE SHADOW */

.shadow{
    background-image: url(images/shadow.gif);
    background-repeat: repeat-y;
    width: 950px;
    margin: 0 auto; 
    padding: 0; 
    }

/* WRAPPER */

.wrapper{
    width: 900px;
    margin: 0 auto;
    padding: 0;
    background-color: #766467; 
    color: #f8f8f8;    
    }
    
/* HEADER */
.header{
    background-image: url(images/whiteGrad.gif);
    background-repeat: repeat-x;     
    background-color: #fbfbfb;  
    }

/* NAVIGATION */
 #navcontainer{  
      width: 900px;     
      height: 50px;   
      margin: -5px 0 0 0;
      padding: 0 1px;
      border-top: solid 2px #462b00;
      border-bottom: solid 2px #462b00;
      background-color: #441a16; 
      background-image: url(images/navGrad2.gif);
      background-repeat: repeat-x;  
      }
 
 #navcontainer ul{margin: 0; width: 900px; height: 50px; padding: 0;}

#navcontainer ul li{
    list-style-type: none;
    padding: 0;
    margin: 0;
    display: block;
    float: left;
    background-image: url(images/navGrad2.gif); 
    background-repeat: repeat-x;
    font-weight: bold;
    text-align: center;
    color: #fff;
    height: 50px;
}

#navcontainer a{
    text-decoration: none;
    display: block;
    width: 148px;
    border-top: 1px solid #A8B090;
    border-bottom: 1px solid #A8B090;
    border-left: 1px solid #A8B090;
    font: 16px/50px verdana, Georgia, Ariel;
        background-image: url(images/navGrad2.gif); 
    background-repeat: repeat-x; 
    margin: 0;
    color: #fff;
    height: 50px;
}

#navcontainer a:hover{
    width: 148px;
    background-image: url(images/navGrad2Down.gif); 
    background-repeat: repeat-x;
    font: 20px/50px verdana, Georgia, Ariel;
    color: #fff;
}

.leftBit{margin: 0; padding: 0;}
.rightText{
    float: right;
    margin: 0px;
    padding: 0;
    }

/* to add the background colour of the text boxes on the contact form */
#boxColour{background-color: #ddd; color: #300; font-size: 1em;}
#boxColour:focus{background-color: #f0f0f0; }

/* FOOTER */
.footer{
    background-image: url(images/navGrad2Down.gif);
    background-repeat: repeat-x;
    background-color: #441a16;
    padding: 10px;
    margin: 0; 
    border-top: double;    
    }
    
.footer p{font-size: .8em; text-align: right;}

.footer a, .footer a:visited{color: #fff;}

/* THE LINKS PAGE */
.linksLegend{width: 700px; margin: 0 auto;}
.linksLegend h2{font-family: 'monotype corsiva';}
.linkImage img{border: solid 3px #e9e3ea;}
.linksDiv h3{font-style: italic; text-decoration: underline; }
.linkText{width: 300px; float: right; margin-top: -30px;}
.linkContact{width: 250px; float: right;}
.boldLink{font-weight: bold;}
.linkContact p{margin: 5px;}

/* THE AWARDS PAGE */
.awardDate{width: 120px;}
.linksLegend table{font-size: 1.3em; width: 700px;}
.linksLegend table td{padding-bottom: 15px; }
.awardDetails{width: 300px;}
.view{text-align: right; }