body { font-family: "Lucida Sans Unicode", Optima, "Lucida Grande",
		sans-serif;
	margin: 0; padding: 0; background-color: white; color: #9f0015;
	font-size: 88%; min-width: 980px }
a { text-decoration: none; outline: none }
a:hover { text-decoration: underline }
img { border: 0 }


.blue { background-color: #8bccee }

#red-bar { background : #a11 url(images/redbeveltop.gif) repeat-x;
	color: #ffd925; text-align:center;
	height:31px; padding-top: 8px }
#red-bar a { font-weight: bold;color: #ffd925; }

#header { text-align: center; font-size: 300%; color: #ffd925;
	font-weight: bold; font-family: "Times New Roman", Times, serif;
	height: 132px; background-color: #8bccee;
	white-space: nowrap }
#header img { vertical-align: middle }

#smalllogo { height: 88px; width: 180px; }

/*

blue background: #8bccee
red text: #9f0015
yellow text: #ffd925

*/

.stroke { position:relative; margin-top: .5em; margin-bottom:.5em }
.stroke td { padding: 0;}
.stroke img { vertical-align:middle; margin-top:11px }
.tl { background: url(edges/tl.gif); top:0; left: 0; height:11px;
	width:11px }
.t { background: url(edges/t.gif) repeat-x top; }
.tr { background: url(edges/tr.gif); top:0; right: 0; height: 22px;
	width: 11px }
.l { background: url(edges/l.gif); vertical-align:top}
.r { background: url(edges/r.gif); vertical-align:top }
.stroke table { width: 100% } /* bottom row */
.bl { background: url(edges/bl.gif); width:21px;
	height:11px;}
.b { background: url(edges/b.gif); height:11px ;}
.br { background: url(edges/br.gif) right no-repeat; line-height: 0;
	height:11px; }

.fix { height:1px; width:11px } /* This is an img inside a table cell */
                                /* that turns on that cellŐs background. */


