/* height causes a vertical scrollbar on all pages to prevent short page jumping to the left in Firefox, add a color and tiled image to background */
html, body {
margin:0;
padding:0;
font-family: Arial, Helvetica, sans-serif;
color:#000000;
text-align:center;
background-image:url(../images/noise.gif);
}

/* set width of wrapper to same as title jpg. no top or bottom margin. auto on both sides to centre wrapper */
#wrapper {
width:700px;
height:auto;
margin:0 auto;
background-color:#9EC7B7 ; /* colour of panel under nav bar */
}
#title {
display:block;
background-color:#000;
margin:0;
height:88px;
width:700px;
}

/* -----------------------------------  Navigation  ------------------------------------ */
#nav {
background-color:#222; /* general bg color #9EC7B7 */
}
#nav ul {
margin:0;
padding:0;
list-style:none; /* gets rid of list dots */
width:110px;
float:left;
}
#nav ul li {
float:left;/*  - shunts all items to the left, without it this will centre the menu*/
}
#nav ul a {
display:block; /* makes whole box active */
width:159px;  /* 100px width of the box min to text*/
text-align:center;
height:25px;
line-height:24px;
color:#003366;   /* font color  */
text-decoration:none; /* remove the undeline for all the links */
font-size:0.8em;
background-color:#9EC7B7; /* color/border each box to see where it is active */
/* padding-left:6px;   12px fills box ...makes each item a box, sets the height and width */
border-top: 1px solid #9EC7B7; /* #9EC7B7 #D7E7E8; */
/*border-left: 1px solid #D7E7E8;
border-right: 1px solid #217674;*/
border-bottom: 1px solid #9EC7B7;  /*#9EC7B7 #217674; */
}
#nav a:hover {
color:#003366;
background-color:#b6d5c9; /* color/border each box to see where it is active */
border-top: 1px solid #D7E7E8;
/*border-left: 1px solid #D7E7E8;
border-right: 1px solid #217674; */
border-bottom: 1px solid #217674;
}

/* -----------------------------------  Content  ------------------------------------ */

/* ---------------- maincontent bg to white, slightly narrower to allow for border? */
#content {
margin:0;
padding:0;
font-size:10pt;
vertical-align:top;
color:#003366;
width:540px;
float:right;
background-color:#fff;
border-right:1px solid #dddddd;
}
/* set margins padding and line height for maincontent paragraphs */
#content p {
font-size:10pt;
padding:5px;
}
#content h3 {
text-align:left;
color:#ffffff;
font-size:14px;
padding-left:3px;
}
#content p a{
text-align:justify;
line-height:1.2;
text-decoration:none;
color:#003366;
}
.white { 
font:9pt Arial, Helvetica, sans-serif;
color:#ffffff;
line-height:1.3;
}
#content p.centre {
text-align:center;
margin: 2px;
}
td .links{
font:bold 10pt Arial, Helvetica, sans-serif;
line-height:1.2;
padding:0;
}



/* -----------------------------------  contact ------------------------------------ */
#content p.addresshead {
font:bold 12pt Arial, Helvetica, sans-serif;
line-height:1.3;
color:#ffffff;
padding:0;
}

.address {
font:bold 10pt Arial, Helvetica, sans-serif;
color:#003399;
padding:5px;
text-align:right;
}

/* -----------------------------------  footer ------------------------------------ */
#footer{ 
font:8pt Arial, Helvetica, sans-serif;
color:#666666;
background-color:#ffcc00;
line-height:25px;
height:25px;
clear:both;
}