body
{
font-family: arial, helvetica, sans-serif;
margin-top: 2px;
}

p
{
padding-left: 15px;
padding-right: 20px;
text-align: justify;
}
h1
{
font-size: 1.2em;
padding-top: 15px;
padding-left: 15px;
}

img
{
border: solid black 1px;
}

a:link
{
color: #039af6; /* blue*/
font-weight: bold;
}
a:visited
{
color: #7b7e80; /* silver*/
font-weight: bold;
}
a:hover
{
color: #85c226; /* green*/
font-weight: bold;
}

#wrapper /* this centres the page */
{
width: 975px;
margin: 0 auto;
}

#header
{
height: 130px;
width: 975px;
}

#navbar ul, #navbar li
{
margin: 0;
padding: 0;
list-style: none;
}
#navbar ul
{
padding-left: 15px;
}
#navbar li
{
float: left;
}

#navbar ul li a
{
display: block;
padding-right: 25px;
padding-top: 20px;
padding-bottom: 15px;
text-decoration: none;
}

#leftcol /* Establishes the left col for the
home page. */
{
width: 475px;
float: left;
}
#leftcol1 /* Provides space for a secondary navigation bar. */
{
width: 100px;
float: left;
}

#secnavbar ul, li /*styles the secondary navigation bar*/
{
list-style-type: none;
margin: 0;
padding-top: 30px;
padding-left: 5px;
}
#secnavbar ul li a
{
text-decoration: none;
padding-bottom: 30px;
}

#rightcol /* Establishes the right hand col on the front page and the text on the find us page*/
{
width: 500px;
float: right;
padding-top: 30px;
}
#rightcol1 /* Establishes the right hand col where there is a seconday navigation bar */
{
width: 800px;
float: right;
}

#text /* positions the block of text on the home page */
{
padding-top: 12px;
padding-right: 100px;
padding-left: 15px;
}

#footer
{
clear: both;
padding-top: 20px;
}

p#breadcrumb /* this styles the breadcrumb trails*/
{
clear: both;
font-size: 0.80em;
padding-top: 0px;
padding-left: 17px;
}

img#map  /* this positions the map on the find us page*/
{
margin-top: 15px;
margin-left: 15px;
}

#righttext /* this positions the text on the find us page*/
{
width: 450px;
float: right;
padding-top: 20px;
padding-left: 50px;
}

p#logos /* these control the placement of the 3 logos on the affiliations page*/
{
padding-top: 60px;
padding-bottom: 130px;
}
p#logos1
{
padding-top: 163px;
}

#padding /* brings the text slightly to the left */
{
padding-right: 20px;
}

#mshipphoto /*this and next 4 divs position the photos and text on the membership page*/
{
position: relative;
height: 130px;
padding: 0;
margin: 0;
}

#photo1
{
position: absolute;
top: 10px; 
left: 15px;
}
#phototext1
{
position: absolute;
top: 10px;
left: 150px;
}

#photo2
{
position: absolute;
top: 10px; 
left: 400px;
}
#phototext2
{
position: absolute;
top: 10px;
left: 535px;
}

h1#heading /* for some reason this does not work on pages where there are no columns
eg membership, hence heading1 below */
{
clear: both;
padding-top: 20px;
padding-left: 20px;
}

h1#heading1 
{
clear: both;
padding-top: 0px;
}

p.indent /* positions the ref tp pdf copy on the prog page*/
{
padding-left: 20px;
padding-bottom: 0px;
margin-bottom: 0px;
}

table#cttee
{
margin-left: 75px;
}
table#cttee td
{
text-align: left;
vertical-align: top;
padding-right: 55px;
padding-top: 10px;
padding-bottom: 10px;
}
.email
{
font-size: 0.8em;
}

ul#intnav li /*relates to the links page*/
{
padding: 0px;
margin: 0px;
}

p#note
{
padding-top: 10px;
padding-left: 18px;
padding-bottom: 15px;
}


table.linkstable
{
table-layout: fixed;
margin-left: 16px;
margin-top:25px;
margin-right: 15px;
margin-bottom: 20px;
}

table.linkstable caption
{
text-align: left;
font-size: 1.2em;
padding-bottom: 15px;
}

table.linkstable td
{
text-align: left;
vertical-align: top;
padding-bottom: 5px;
}

td.width /* with width1 establish the width of the links table */
{
width: 150px;
}

td.width1
{
width: 750px;
}

p.top /* back to top on links page */
{
text-align: right;
font-size: 0.80em;
padding-right: 40px;
}

.gallery
{
position: relative;
height: 200px;
width: 950px;
margin: 0;
padding: 0;
}
.image1
{
position: absolute;
top: 10px;
left: 15px;
}

.name1
{
position: absolute;
top: 10px;
left: 224px;
}

.image2
{
position: absolute;
top: 10px;
left: 450px;
}

.name2
{
position: absolute;
top: 10px;
left: 610px;
padding: 0;
margin: 0;
}

h1.gall
{
padding-top: 10px;
padding-bottom: 10px;
padding-left: 35px;
}
p.align
{
padding-top: 0;
margin-top: 0;
padding-left: 35px;
padding-bottom: 300px;/* this is needed to ensure the list of pics displays OK when
a high resolution screen is used eg 1280 x 1024 */
font-size: 0.90em;
}

p.align a:visited
{
color: #cccccc;
}

table.gally
{
table-layout: fixed;
margin: auto;
width: 610px;
}

table.gally td
{
background-color: #666666;
text-align: center;
vertical-align: middle;
padding-top: 20px;
padding-bottom: 20px;
border: groove 2px #666666;
}
table.images
{
width: 950px;
height: 480px;
}

table.images td
{
text-align: center;
vertical-align: top;
}

.center 
{
text-align: center;
}
.right 
{
text-align: right;
font-size: 0.80em;
}

table.gally1
{
table-layout: fixed;
margin: auto;
width: 610px;
}

table.gally1 td
{
background-color: #666666;
text-align: center;
vertical-align: middle;
border: groove 2px #666666;
padding-top: 15px;
}

table.gally1 a:visited
{
color: #cccccc;
}

table.news /* styles the table on the news and events page*/
{
table-layout: fixed;
width: 900px;
margin-left: 15px;
margin-top: 15px;
}

.pic /* styles the pics on the news and events page*/
{
width: 160px;
padding: 15px;
background-color: #666666;
text-align: center;
border: solid black 1px;
}

.text1 /* styles the text boxes on the news and events page*/
{
background-color: white;
border: solid black 1px;
text-align: left;
vertical-align: top;
padding: 15px;
}
span.title
{
font-size: 1.2em;
}

img.left
{
border: 0; /*  need to turn the image border off here or the padding leaves a gap round the image*/
float: left;
padding-right: 15px;
padding-bottom: 30px;
}
img.right
{
border: 0;
padding-right: 15px;
padding-bottom: 30px;
padding-left: 15px;
float: right;
}

p.clearfix /* needed to clear the floats on the images*/
{
clear: both;
}
p#back
{
text-align: right;
font-size: 0.80em;
padding-right: 30px;
}

#darkspace
{
background-color: #666666;
}
p.title
{
margin-top: 0;
padding-top: 0;
padding-left: 170px;
}
.spacing
{
font-size: 0.80em;
}

p.small
{
font-size: 0.80em;
text-align: center;
margin: 0;
padding: 0;
padding: 5px;
}

#list li
{
padding-top: 15px;
list-style-type: disc;
}
#opening li
{
list-style-type: none;
padding-top: 15px;
}