body
{
margin-left:0%;
margin-right:0%;
color:#000000;
background-color:#cccccc;
font-family: Arial, Tahoma, sans-serif;
}

div.wrapper /* All content in here. Allows maximum width to be set */
{
max-width:1000px;
margin:auto; /* ensures content is centred */
}

div.image
{
font-size:0.9em;
font-size: clamp(14px, 2vw, 18px);
font-weight:bold;
text-align:center;
color:#000000;
padding-top:1em;
padding-bottom:1.5em;
}

div.disclaimer
{
font-size:0.9em;
font-size: clamp(14px, 2vw, 18px);
color:#cc0000;
background-color:#ffffff;
padding: 0em 3em 0em 3em;
border-style:ridge;
border-width:3px;
border-color:#cc0000;
text-align:center;
}

div.boxed
{
text-align:center;
color:#000000;
background-color:#ffffff;
padding:0em 1em 0em 1em;
padding:0vw 1vw 0vw 1vw;
border-style:ridge;
border-width:7px;
border-color:#996600;
}

h1
{
font-family: 'Times New Roman', Garamond, Georgia, serif;
font-size:3em;
font-size: clamp(23px, 5vw, 50px);
text-align:center;
color:#cc0000;
}

h2
{
font-family: 'Times New Roman', Garamond, Georgia, serif;
text-align:center;
font-size:1.5em;
font-size: clamp(18px, 4vw, 35px);
font-weight:bold;
color:#990000;
}

h3 /* used as subheadings on home and plan */
{
font-family: 'Times New Roman', Garamond, Georgia, serif;
margin-left:10%;
margin-right:10%;
font-size:1.7em;
font-size: clamp(15px, 3vw, 28px);
text-align:center;
color:#000000;
background-color:#ffffff;
padding:0.3em 1em 0.3em 1em;
border-style:solid;
border-width:2px 0px 2px 0px;
border-color:#009999
}

h4 /* used on officers page */
{
font-family: 'Times New Roman', Garamond, Georgia, serif;
text-align:center;
font-size:1.5em;
font-size: clamp(18px, 3vw, 25px);
font-weight:bold;
color:#990000;
}

h5 /* used on merchandise page */
{
font-family: 'Times New Roman', Garamond, Georgia, serif;
text-align:center;
font-size:1.5em;
font-size: clamp(18px, 4vw, 28px);
font-weight:bold;
color:#990000;
text-decoration:underline;
text-decoration-thickness: 1px;
}
	
a:link img,
a:visited img,
a:hover img{border-color:black;}

#linkeffect a:hover
{
color:#00ff00;
background-color:#000000;
}

p
{
font-size:1.25em;
font-size: clamp(14px, 2vw, 18px);
padding-left:1.5vw;
padding-right:1.5vw;
}

p.padded
{
padding-bottom:1.5em;
}

p.middle
{
text-align:center;
}

p.toplinks
{
color:#000000;
background-color:#ffffff;
text-align:center;
font-size:1em;
font-size: clamp(14px, 2.5vw, 20px);
padding:0.5em 0.5em 0.5em 0.5em;
padding:1vw 1vw 1vw 1vw;
border-style:ridge;
border-width:4px;
border-color:#6666ff
}

p.nojava
{
font-size:1.1em;
font-size: clamp(14px, 2vw, 18px);
color:#ff0000;
text-align:center;
font-style:italic;
}

img
{
max-width: 98%;
height: auto;
border-style:solid;
border-width:1px 1px 1px 1px;
border-color:#000000
}

div.figureleft
{
float:left;
text-align:center;
font-weight:normal;
text-indent:0;
border:none;
padding:1em 1em 0em 0em;
padding:1vw 1vw 1vw 0vw;
}

div.figureright
{
float:right;
text-align:center;
font-weight:normal;
text-indent:0;
border:none;
padding:1em 0em 1em 1em;
padding:1vw 0vw 1vw 1vw;
}

table.text
{
margin:auto;
width:98%;
max-width:600px;
border-collapse:collapse; /* collapses borders into one. Opposite is 'separate' */
}

td.text-black
{
font-weight:bold;
text-align:center;
padding:3px;
border:1px solid #000000;
font-size:clamp(14px, 2.5vw, 20px);
color:#000000;
background-color:#ffffff;
}

td.text-green
{
font-weight:bold;
text-align:center;
padding:3px;
border:1px solid #000000;
font-size:clamp(14px, 2.5vw, 20px);
color:#006600;
background-color:#ffffff;
}

td.text-red
{
font-weight:bold;
text-align:center;
padding:3px;
border:1px solid #000000;
font-size:clamp(14px, 2.5vw, 20px);
color:#990000;
background-color:#ffffff;
}