/* CSS Document */

body {
    background-color: white;
    color: black;
    margin: 15px;
	font-size: 12px;
    font-family: 'lucida sans', arial, geneva, sans-serif;
}

h1, h2, h3, h4 {
    color: #2C4B9B;
}

h1 { font-size: 20px; }
h2 { font-size: 18px; }
h3 { font-size: 16px; }
h4 { font-size: 14px; }

a, a:link, a:active, a:visited, a:hover {
	color: #7A4123;
	text-decoration: underline;
}

a:hover {
	color: #9D6240;
	text-decoration: underline;
}


img {
    border: none;
}

div.content {
    max-width: 50em;
}

div.navinline {
    text-align: center;
    padding-left: 20%;
    padding-right: 20%;
}

div.navinline img {
    padding-left: 7%;
    padding-right: 7%;
}

div.navbottom {
    background-color: rgb(187, 238, 187); 
    margin-top: 3em;
    padding-top: 2px;
    padding-bottom: 5px;
    padding-left: 10%;
    padding-right: 10%;
    text-align: center;
	clear: both;
}

div.navbottom a {
    padding-left: 5%;
    padding-right: 5%;
}

/* Homepage head control */

div.indexpagehead {
    position: relative;	/* Make this a valid thing to position from */
    height: 320px;
    width: 100%;
}

div.indexswash {
    position: absolute;
    top: 220px;
    left: 15px;
    z-index: 50;
}

div.indexlogo {
    position: absolute;
    top: 0px;
    left: 580px;
    z-index: 10;
}

div.indexlogo img {
    width=300;
    height=126;
}

div.indexhead {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 30;
}

div.indexhead img {
    width=562;
    height=250;
}

/* Interior page head control */

div.pagehead {
    position: relative;	/* Make this a valid thing to position from */
    height: 150px;
    width: 100%;
}

div.interiorswash {
    position: absolute;
    top: 60px;
    left: 15px;
    z-index: 50;
}

div.logo {
    position: absolute;
    top: 5px;
    left: 515px;
    z-index: 70;
}

div.logo img {
    width=150;
    height=63;
}

div.head {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 70;
}

div.head img {
    width=170;
    height=130;
}

/* Standard site-wide button format.  Can change all sizes here plus */
/* replacing the actual image files. */
img.button {
    width: 85;
    height: 25;
}

th {
    background-color: #9ED2FF; 
    font-family: "lucida sans", vidilex, arial, sans-serif;
    font-weight: 600;
    vertical-align: bottom;
    color: #2F4A9B;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
}

td {
    font-family: "lucida sans", vidilex, arial, sans-serif;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
}

tr.stripeeven {
    background-color: rgb(210,210,210);
}

tr.stripeevenlight {
    background-color: rgb(240,240,240);
}

tr.stripeodd {
    background-color: #9ED2FF; 
}

tr.stripeoddlight {
    background-color: #AAD8FF; 
}

div.error {
    color: red;
    max-width: 50em;
} 

div.error h1 {
    color: rgb(128,0,0);
}

p.error {
    color: red;
}

tr.tblerrabove {
   text-align: center;
   color: red;
}

.debug {
    background-color: pink;
    color: black;
    border: thin solid black;
    padding: 5px;
    font-family: "lucida sans", arial, sans-serif;
}

table.loose td {
    padding-left: 4px;
    padding-right: 4px;
}

span.checkboxlabel {
    white-space: nowrap;
}

div.addrline {
    margin-left: 5em;
}
.hidden {
    color: gray;
    text-align: right;
    font-family: sans-serif;
}

/* Trainer page formatting */
div.trainerblock {
    margin-left: 2em;
    margin-top: 1.5em;
    margin-bottom: 1.5em;
}
p.trainerbody {
    margin: 0;
    padding: 0;
    margin-left: 2em;
    text-indent: -2em;
}
span.traineremail {
    white-space: nowrap;
}
span.trainerphone {
    white-space: nowrap;
}
span.trainerurl {
    white-space: nowrap;
}
span.phonenumber {
    white-space: nowrap;
}
img.leftillo {
    border: 0;
    margin: 5px 15px 5px 0px;
    float: left;
}
img.rightillo {
    border: 0;
    margin: 5px 0px 5px 15px;
    float: right;
}

.warning {
    color: red;
    margin-top: 2em;
    margin-bottom: 2em;
    text-align: center;
    max-width: 35em;
    font-family: "lucida sans", arial, sans-serif;
}

div.linkbar {
    background-color: #2F4A9B;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 1em;
    padding-right: 1em;
}

div.linkbar a:link, div.linkbar a:active, div.linkbar a:visited, div.linkbar a:hover {
    color: white;
    padding-left: .5em;
    padding-right: .5em;
    text-decoration: none;
}

div.linkbaradmin {
    background-color: #CB2229;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 1em;
    padding-right: 1em;
}

div.linkbaradmin a:link, div.linkbaradmin a:active, div.linkbaradmin a:visited, div.linkbaradmin a:hover {
    color: white;
    padding-left: .5em;
    padding-right: .5em;
    text-decoration: none;
}

img.linkbar {
    float: right;
}


p.version {
    color: gray;
    font-family: sans-serif;
}

table.list {
    margin-top: 2em;
    border: thin solid black;
    font-family: sans-serif;
    margin-bottom: 2em;
}

table.list th {
    text-align: left;
    text-decoration: underline;
}

td.error {
    color: red;
}

div.newsbody {
    border: medium solid rgb(85,68,119);
    background-color: rgb(187,238,187);
    width: 40em;
    padding: 1em;
    margin: 2em;
}

div.newshead {
    font-family: garamond, times, "times new roman", serif;
    font-weight: 800;
    color: rgb(34,85,39);
    margin-top: 0;
    padding-top: 0;
    margin-bottom: .7em;
}

span.newstime {
    font-weight: 600;
}