@charset "utf-8";
/* whsca3.css - for http://www.whsca.org/ */
/* Barry Hansen, barry@electromagneticsoftware.com */

body {
	font: 100% Verdana,Arial,Helvetica,sans-serif;
	background: #444444;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 12px 0 0 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}
#container {
/*	width: 850px;  /* using 70px less than a full 1024px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	max-width: 960px;
	border: 1px solid #000000;
	text-align: left; /* override the "text-align:center" on the body element. */
	font-size: 13px;
}
/* ----- banner ----- */
#banner { 
	margin-bottom: 6px;
}
#banner3 {
	border-bottom: 1px solid #333;
	background-image: url(../images/whsca-bannergradient.png);
	background-repeat: repeat-x;
}
#bannerleft { float: left; }
#bannerright { float: right; }
#bannertext {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 32px;
	color: #00C;
	text-align: center;
}
@media (max-width: 620px) {
	#bannerleft { display: none; }
	#bannerright { display: none; }
	#bannertext { }
}

/* ----- sitenav ----- */
#sitenav {
	text-align: left;
	padding: 4px 14px;
	background-color: #ffffe8;
	line-height: 1.5em;
	border-bottom: 1px solid #808080;
}
ul.sitenav {
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	cursor: default;
}
/* Menu item containers, position children relative to this container */
ul.sitenav li {
	margin: 0;
	padding: 0 10px 0 10px; 
	display: inline-block;
	list-style-type: none;
	font-weight: normal;
	cursor: pointer;
}
ul.sitenav li.active {
	font-weight: normal;
}
/* Submenus appear below their parent  */
ul.sitenav ul {
	margin: 0;
	padding: 0;
	list-style-type: disc;
	font-size: 100%;
	cursor: default;
}
#sitenav a { 
	padding: 0 10px 0 10px; 
}
/* Submenu items are un-bold to contrast with top level items */
ul.sitenav  ul li {
	font-weight: normal;
}
/* Links are undecorated blue, and highlight on mouseover */
ul.sitenav a {
	color: blue;
	text-decoration: none;
}
/* Menu items that have mouse over or focus have a blue background and white text */
ul.sitenav a:hover, ul.sitenav a:focus {
	text-decoration: underline;
}
ul.sitenav li.active {
	margin-left: -3px;	/* same as #sitenav a */
	padding-right: 12px; /* hack */
}

/* ----- mainContent ----- */
#mainContent {
	padding: 0 20px 20px 20px;
	clear: both; /* don't allow content to reflow into top nav bar */
}
#mainContent li {
	padding: 6px 0 6px 0;
}
#mainContent p {
	padding-left: 36px;
	margin: 0 0 1.1em 0;
}
#mainContent .intro { 
	padding-left: 0; /* first sentence in content body is NOT indented */
}
#mainContent .floatleft { float: left;  margin-right: 10px; margin-bottom: 6px; }
#mainContent .floatright { float: right; margin-left: 10px; }
#mainContent h2 { clear: left; }

dt { font-style:italic; padding-top: 6px; }
dl { margin: 0; }
h1 { font-size: 20px; text-align: center; }
h2 { font-size: 14px; }
h3 { font-size: 13px;
	font-style: italic;
	font-weight: normal;
	margin: 12px 0 0 0;
	padding-left: 36px; /* same as <p> */
}
#mainContent table {
	margin-left: 36px; /* same as <p> */
	margin-bottom: 12px; 
}
/* table row highlight for even/odd numbered rows */
.even { }
.odd { background-color: #e5ffff; }
.center { text-align: center; }

/* display 90x90 thumbnails of people on WHSCAhome.html */
div.portrait {
	padding-left: 36px; 
	width: 110px; 
	height: 90px;
	float: left;
}
/* online registration page (stateteam/StateTeam.html) */
.warning { color: #800; font-weight:normal; }
.label { color: black; font-weight:normal; }

/* tournament report page (tournreport.html) */
table.report {
	color: black;
	background-color: white;
	border-spacing: 2px;
	border-collapse: separate;
	border: 1px outset black; 
}
table.report th {
	text-align: center;
	color:yellow; 
	background-color: #900; /* DarkRed */
	padding: 4px;
	border: 1px inset black; 
}
table.report td {
	text-align:center;
	color: black;
	background-color:#faebd7; 
	padding: 6px 4px;
	border: 1px inset black; 
}
/* school report page (schoolreport.php) */
span.id { border-bottom: 1px dotted red;  }

/* individual ratings page (ratingsXX.php) */
pre.ratings {
	font-size: 13px;
}
pre.ratings b {
	background-color: #e5ffff;
	border: 1px solid #666;
	padding: 6px 12px 1px 4px;	/* add space between text and border (cannot change box size in <pre> tags) */
}

/* one tournament report (1report.php) */
.giant {
	border: 1px solid #666;
	padding: 6px 0 6px 16px;
	background-color: #d2ffff;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 18px;
	text-align: center;
}
td.images img { margin: 4px; border: 1px solid #666; }
.blue { color: #06C; }

/* school code list (allcodes.html) */
table.schools .code { text-align:center; }
table.schools .level { text-align:center; }

/* ----- autocomplete ----- */
/* From http://developer.yahoo.com/yui/examples/autocomplete/ac_xhr_customrequest.html */
label {
    color:#E76300;
    font-weight:bold;
}
#myAutoComplete {
    width:40em; /* set width here or else widget will expand to fit its container */
    padding-bottom:2em;
}

/* ----- footer ----- */
#footer {
	padding: 2px 0 2px 22px;
	color: #505050;
	background-color:#b2ffff;
	text-align: left;
	border-top: 1px solid black;
	font-size: smaller;
}
/* ----- printer-friendly formatting ----- */
@media print {
	div#sitenav { display: none; }
	form#schoolForm { display: none; }
	.noprint { display: none; }
}