body {
 font-family: Helvetica, sans-serif;
 color: navy;
 background-color: #c0ffff;
 padding-top: 0px;
 padding-left: 0px;
 padding-right: 0px;
 padding-bottom: 10px;
 margin: 0px;
}

body.solo {
 font-family: Helvetica, sans-serif;
 color: navy;
 background-color: #c0ffff;
 padding-top: 10px;
 padding-left: 10px;
 padding-right: 10px;
 padding-bottom: 10px;
 margin: 10px;
}

h1 {
 font-family: "Trebouchet MS", Helvetica, sans-serif;
 font-size: xx-large;
 font-weight: bold;
 text-align: center;
 color: navy;
}

h2 {
 font-family: sans-serif;
 font-size: x-large;
 font-weight: bold;
 color: navy;
}

h3 {
 font-family: sans-serif;
 font-size: large;
 font-weight: bold;
 color: navy;
}

h4 {
 font-family: sans-serif;
 font-size: medium;
 font-style: italic;
 font-weight: bold;
 color: navy;
}

p {
 font-size: medium;
 color: navy;
}

p.question {
 font-size: medium;
 color: navy;
 font-style: italic;
}

p.small {
 font-size: small;
}

table {
 border-collapse: collapse;
 border: 2px navy solid;
 margin-left: auto;
 margin-right: auto;
}

th {
 text-align: center;
 background: gray;
 color: white;
 padding: 0.2em;
 border: 1px navy solid;
}

td {
 border: 1px navy solid;
 text-align: center;
 padding: 0.2em;
}

table.fullwidth {
 width: 100%;
}

table.narrow {
 width: 60%;
}

.centre {
 text-align: center;
}

.title {
 text-align: center;
 border-top-style: solid;
 border-top-width: 2px;
 border-top-color: navy;
}

.tiny {
 font-size: small;
}

.vtiny {
 font-size: x-small;
}

.line {
 border-top: 2px solid navy;
}

.centreline {
 border-top: 2px solid navy;
 text-align: center;
 padding-top: 5px;
}

p.pic {
 color: navy;
 font-family: sans-serif;
 text-align: center;
 border: 0px;
 padding: 4px;
 margin: 0px; 
}

.red {
 color: red;
}

.redcentre {
 color: red;
 text-align: center;
 font-weight: bold;
}

a:link { color: #0000FF; text-decoration: none; font-weight: bold }
a:visited { color: #0000F0; text-decoration: none; font-weight: bold  }
a:active { color: #ff0000; text-decoration: none; font-weight: bold }
a:hover { text-decoration: underline; }

#header {
 text-align: center;
 border: 1px solid;
 background-color: #80ffff;
 margin: 0px;
 width: 100%
}

#tagline {
 text-align: center;
}

#tagline h3 {
 font-style: italic;
 background-color: navy;
 color: white;
 margin: 0px;
}

#navigation {
 float: left;
 width: 180px;
 font-weight: bold;
 border: 1px solid navy;
 margin-left: 0px;
 padding-left: 10px;
 margin-right: 10px;
 padding-right: 10px;
 padding-top: 1em;
 background-color: navy;
 min-height: 400px;
}

#navigation p {
 display: none;
}

#navigation ul {
 list-style: none;
 margin: 0;
 padding: 0;
}
#navigation ul li {
 margin: 0;
 border-top: 1px solid #ffd;
}
#navigation ul li a {
 display: block;
 padding: 2px 2px 2px 0.5em;
 font-size: 10pt;
 background-color: navy;
 color: #ff8;
 text-decoration: none;
 width: 100%;
}
#navigation ul li a:hover {
 background-color: #800;
 color: #ffd;
}

#navigation h4 {
 color: #ff8;
 font-size: 12pt;
 font-weight: bold;
}

#bodycontent {
 margin-left: 200px;
 min-height: 260px;
 border: 1px solid navy;
 padding: 5px;
 margin-bottom: 10px;
}

#lefthand {
 float: left;
 width: 190px;
 top: 5px;
 left: 5px;
 margin: 5px;
}

#righthand {
 float: right;
 width: 190px;
 top: 5px;
 right: 5px; 
 margin: 5px;
}
#centre {
 text-align: center;
}

#picturetable {
 margin-top: 2px;
 padding-left: 5px;
 padding-right: 15px;
}

#picturetable h3 {
 text-align: center;
 color: navy;
 font-size: large;
}

#picturetable table {
 border: 2px solid navy;
 border-collapse: collapse;
 width: 100%;

}

#picturetable table td {
 text-align: center;
 border: 1px solid navy;
}

#picturetable table td.vsmall {
 text-align: center;
 border: 1px solid navy;
 font-size: xx-small;
}

#gallery table {
 border-collapse: collapse;
 border: 2px solid navy;
 width: 99%;
}

#gallery table td {
 text-align: center;
 border: 1px solid navy;
}

#whatsnew {
 text-align: center;
 min-height: 250px;
}

#whatsnew table {
 border: 2px solid navy;
 border-collapse: collapse;
 width: 40%;
 margin-left: auto;
 margin-right: auto;
}

#whatsnew table td {
 text-align: center;
 border: 1px solid navy;
 vertical-align: top;
 width: 33%;
}

#newvideos table {
 border: 2px solid navy;
 border-collapse: collapse;
 width: 60%;
 margin-left: auto;
 margin-right: auto;
}

#newvideos table td {
 text-align: center;
 border: 1px solid navy;
 vertical-align: top;
 width: 25%;
}

#arrows {
 text-align: center;
 background: #800000;
 padding: 2px;
 border: 2px solid white;
}

#footnote {
 text-align: center;
}

#footer h5 {
 text-align: center;
 color: #ff8;
 font-size: small;
 font-weight: bold;
 font-style: sans-serif;
 border: 2px solid white;
 background: #800000;
 padding: 2px;
}

ul.about { font-family: sans-serif; font-size: medium; font-weight: normal;
     list-style-type: disc; list-style-image: url(graphics/bullets/ylwdiamd.gif);
}

ul.vid { font-family: sans-serif; font-size: medium; font-weight: normal;
     list-style-type: disc; list-style-image: url(graphics/bullets/reddiamd.gif); }

form.contact label {
 font-weight: bold;
 font-size: small;
 color: navy;
 line-height: 150%;
}

form.contact label.fixedwidth {
 display: block;
 width: 250px;
 float: left;
}

form.contact input {
 color: navy;
 background-color: #ffffdd;
}

form.contact textarea {
 color: navy;
 background-color: #ffffdd;
}

form.contact .buttonarea input {
 background: navy;
 color: yellow;
 font-weight: bold;
 padding: 5px;
 border: 1px solid white;
}

form.contact .buttonarea {
 text-align: center;
 padding: 6px;
 margin: 3px;
 background-color: #00bbdd;
}