@charset "utf-8";
/*Default style sheet*/

div.container {
width: 992px;
margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
border-right: 3px solid #f4f6d4; /*Same colour as second menu bar*/
border-top: 3px solid #f4f6d4; 
border-left: 3px solid #f4f6d4; 
border-bottom: 3px solid #f4f6d4; 
background-color: #F4F8F9; /*This should be the page colour. F4F8F9;*/
text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the div.body. I hope i got this right.*/
}


/*Top menu*/
div.menubar  {
width: 992px;
height: 0px;  /*Was 28px*/
margin: 0 auto;
border-right: 0px;
border-top: 0px;
border-left: 0px;
border-bottom: 0px;
text-align: left; 
background-color: #ffffff;
}


/*Just the banner image*/
div.bannerimage  {
width: 992px;
height: 120px;
margin: 0 auto;
border-right: 0px;
border-top: 0px;
border-left: 0px;
border-bottom: 0px;
text-align: center; 
}


/*Top menu 2 and the address bar*/
div.bannermenu2 {
width: 992px;
height: 40px;
margin: 0 auto;
border-right: 0px;
border-top: 0px;
border-left: 0px;
border-bottom: 0px;
text-align: center; 
}


/*The main 3 column body table sits inside this div.*/
/*Can't use overflow: hidden; tag*/
div.body {
width: 992px;
margin: 0 auto;
border-right: 0px;
border-top: 0px;
border-left: 0px;
border-bottom: 0px;
text-align: left; /* this overrides the text-align: center on the div.container. I hope i got this right*/
padding-top: 20px;
}


div.footer {
width: 992px;
border-right: 0px;
border-top: 0px;
border-left: 0px;
border-bottom: 0px;
text-align: center;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 10px;
padding-left: 0px;
background-color: #F4F8F9;
}


/*layout for the main 3 column body table*/

table#body {          
width: 992px;
height: 600px;
}
table#body td {    
padding: 0px;    
}
.leftcolumn {    
width: 160px; 
}
.middlecolumn {    
width: 672px;
}
.rightcolumn {    
width: 160px; 
}
/*end layout table*/



body { 
background-color: #8CAAB3; /*This should be the colour that extends beyond the page.*/
background-attachment:scroll;
background-repeat:repeat-y;
background-position:center center;
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
}


/*Links style*/
a:link {
color: blue; 
text-decoration: underline;
}
a:visited {
color: orange;
text-decoration: underline;
}
a:hover {
color: red;
text-decoration: none;
}
a:active {
color: #666666;
text-decoration: underline;
}