/* OverheadSmash Tennis & Apparel style sheet
	Last revision: 2009-02-17 */
/* Company colors
	rgb(0,140,212) - med blue
	rgb(253,210,6) - mustard yellow
	rgb(255,255,140) - pale yellow (for background-color)
	rgb(201,38,22) - flame red
 */
body {
	margin: 2ex 1em;
	width: 700px;	/* IE treats as minimum width */
	font-family:Arial, Helvetica, sans-serif;
	background-color: white;
	color: black;
}
html>body {	/* IE doesn't understand child-selectors;
				this is for non-IE browsers */
	width: auto;
	min-width: 700px;
}
h1 {
	margin-left: 3em;
	font-size: 120%;
}
h2 {
	margin-left: 3em;
	font-size: 110%;
}
h3 {
	font-size: 100%;
	font-weight: bold;
}
h4 {
	margin-left: 3em;
	font-size: 90%;
	font-weight: bold;
}
/* px-formatted styles for logo text */
h1.logo { font-family: Impact, sans-serif;
	font-weight:lighter; font-size: 50px;
	margin:0; padding:0;
	background-color: white;
	color: black;
}
p.logo { font-size: 18px;
	font-family:Georgia, "Times New Roman", Times, serif;
	letter-spacing: +11px;
	margin-top:-6px;
	/* IE7 paints this over the top of the higher z-index floated logo image */
	/* background-color: white; */
	color: black;
	z-index: 1;
}
.ostaBlue { color: rgb(0,140,212); }
.pastDate { color: #999999 }
.sig {
	margin-left: 2em;
	font-family: Comic Sans MS, Papyrus, cursive;
	font-style: italic;
}
/* ---------- navigation ---------- */
.dnav {
	background-color:white;
	clear:both;
	height: 1px;	/* for IE buggy; we'll override for others */
	margin-top: -25px;
	position:relative;	/* sets up abs positioning for contained elems */
	text-align:center;
}
/*	CSS hack for IE's minimum height bugginess:
	Other browsers recognize the child-selector
	and apply it as more specific. */
html>body .dnav {
	height: auto;
	min-height: 10px;
	margin-top: -10px;
}
.nav {
	margin: 0;
	padding: 5px;
	border: white solid 1px;
	color: rgb(255,214,8);
	background-color: rgb(0,140,212);
	font-size: 85%;
	font-weight: bold;
	/* this forces "layout" to fix IE bugs; c.f.
	http://www.satzansatz.de/cssd/onhavinglayout.html */
	display: inline-block;
}
.navbg {
	margin: 0; padding: 0 10px 5px 10px;
	color: white;
	background-color: black;
	border-bottom: white solid 5px;
	font-size: 50%;
	display: inline-block;
}
.nav a {
	color: white;
	background-color: rgb(0,140,212);
	text-decoration: none;
	margin:0; padding:0;
}
.nav a:hover {
	text-decoration: underline;
}
.footer {
	clear: both;
	font-size: 85%;
	text-align: center;
}
hr {
	border-top: 1px solid rgb(253,210,6);
	height: 1px;
}
hr.short {
	border: none; 
	border-top: 1px solid rgb(253,210,6);
	width: 80%;
	text-align: center;
	height: 1px;
}
#specials {
	padding: 0.5ex 1em;
	border: 2px outset rgb(253,210,6);
}
.special {
	color:rgb(201,38,22);
	font-weight: bold;
}
.goldbox {
	padding: 0.5ex 1em;
	border: 1px solid rgb(253,210,6);
	width: auto;
}
tr.stripe {
	background-color: rgb(255,255,140);
}
.blueemph {
	color: rgb(0,140,212);
	font-weight:bold;
}