a:visited {color:#336633; }
a:link {color:#330000; }

.outer-frame {
    background-color:#99cc99;
    color:#000000;
    border-spacing: 0.5em;
}

dt {
    font-size: 150%;
    font-weight: bold;
}

tr {
    background-color:#f0fff0;
}

td {
    padding: 1em
}

.banner {
    font-weight: bold;
    font-size: 150%;
    text-align: center;
    background-color: #FF5555;
    color: #550055;
}


@font-face { font-family: Gawain; src: url('../GAWAIN__.TTF'); }

.bodytitle {
    text-align: center;
    font-family: Gawain;
    font-size: 400%;
    margin-top: 0.5ex;
    margin-bottom: 0.25ex;
}

h1 {
    text-align: left;
    font-family: Gawain;
    font-weight: lighter;
    padding-top: 1ex;
}

/* Video play button overlay, based on
 * http://douglasgreen.com/demo/responsive-video-play-button/ */
.videos {
    position: relative;
    text-align: left;
}

.videos img {
    width:100%;
    height:auto;
}

.videos a span {
    width: 360px;
    height: 100%;
    position: absolute;
    background: url("graphics/play-btn.png") no-repeat;
    background-position: 50% 50%;
    background-size: 150%;
}

@media screen and (max-width: 480px) {
    a.video span {
	background-size: 400%;
    }
}

.fineprint {
    font-size: 75%;
}