body {
margin: 0px;
padding: 0px;
width: 100%;
font-family: Verdana, Helvetica, Arial, sans-serif;
background-color: #405374;
color: black;
font-size:62.5%;
}

.header {
width: 100%;
height: 153px;
background:  url(grafs/headertile.jpg) top left repeat-x;
}

table.footer {
width: 100%;
height: 153px;
background-color: #405374;
}

div.progress {
background-color: white;
width: 200px;
margin: 15px auto;
}

td.figure {
width: 150px;
}

td.leftcol {
width: 15%;
min-width: 180px;
max-width: 292px;
background:  url(grafs/whenlightstrip2.jpg) top left repeat-y;
}

td.rightcol {
width: 15%;
max-width: 292px;
background:  url(grafs/whenlightstrip2.jpg) top left repeat-y;
}

td.content {
width: 70%;
padding: 15px;
background-color: #d6d6d6;
}

div.nav {
background-color: #405374;
margin: 50px auto;
width: 150px;
}

a:link {
color: #405374;
background-color: #d6d6d6;
text-decoration: underline;
}

a:visited {
color: #405374;
background-color: #d6d6d6;
text-decoration: underline;
}

a:hover {
background-color: #405374;
color: #d6d6d6;
text-decoration: none;
}

a:active {
background-color: white;
color: black;
text-decoration: none;
}

li {
font-size: 1.6em;
margin-left: 3em;
margin-top: 5px;
}

ul.navigate {
margin: 50px 0px 0px 0px;
padding: 20px 0px;
}

ul.navigate li {
color: white;
list-style-type: none;
text-align: center;
font-size: 1.6em;
font-weight: bold;
font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
margin: 15px 0px;
padding: 5px;
line-height: 1.0;
}

ul.navigate li a:link {
color: #DEC3B0;
background-color: #405374;
text-decoration: none;
}

ul.navigate li a:visited {
color: #DEC3B0;
background-color: #405374;
text-decoration: none;
}

ul.navigate li a:hover {
background-color: #DEC3B0;
color: #405374;
text-decoration: none;
}

ul.navigate li a:active {
background-color: white;
color: black;
text-decoration: none;
}

ul.sub {
display: none;
}

ul.sub li {
font-size: 11px;
text-align: right;
margin-left: 0em;
margin-top: 3px;
line-height: 1.0;
}

ol.second li {
font-size: 1.0em;
margin-left: 3em;
list-style-type: lower-alpha;
}

h1 {
font-weight: normal;
font-size: 2.6em;
text-align: center;
}

h2 {
font-weight: normal;
font-size: 2.3em;
}

h3 {
font-weight: bold;
font-size: 1.8em;
}

h3.events {
margin-top: 50px;
text-align: center;
}

h4 {
font-weight: 500;
font-size: 1.7em;
background-color: #405374;
color: white;
text-align: center;
}

p {
font-size: 1.6em;
margin: 15px 0px 10px 0px;
}

p.photocaption {
font-size: 1.2em;
text-align: center;
margin-top: 0px;
margin-bottom: 30px;
}

.bigger {
font-size: 135%;
}

.smaller {
font-size: 75%;
}

.centre {
text-align: center;
}

.attribute {
margin-left: 4em;
margin-top: -5px;
}

ul.credit {
list-style-type: none;
}

caption {
text-align: center;
font-size: 1.6em;
margin-top: 20px;
margin-bottom: 0px;
}

h5 {
font-size: 1.7em;
font-weight: normal;
}

img.clickable {
padding: 3px;
background-color: white;
border: 1px solid #d6d6d6;
}

/* linked image behavior */
a:link img.clickable {
padding: 5px;
background-color: white !important;
border: 1px solid black;
}

a:visited img.clickable {
padding: 5px;
background-color: white !important;
border: 1px solid #d6d6d6;
}

a:hover img.clickable {
padding: 5px;
background-color: black !important;
border: 1px solid red;
color: #d6d6d6;
}

a:active img.clickable {
padding: 5px;
background-color: white;
border: 1px solid black;
}

img.bigimg {
padding: 10px;
background-color: white;
border: 2px solid black;
}

form.vcart {
margin: 0px auto 20px auto;
}

img.extendfloat {
padding-bottom: 50px;
}

img.bumpdown {
position:relative;
top:5px;
}

h3.announce {
color: red;
background-color: white;
padding: 5px;
text-align: center;
}

table.gallery {
width: 80%;
margin: 20px auto;
}