/********************
 *      Contents of this file may be reproduced without
 *  permission of the author (also known as 'me').
 *      In other words, I don't really care what you do with it.
 *      I spent barely any effort on it.
 *      And if you put it to good use, I would be happy.
 ********************/ 
/*/*/a{ }
@media screen, projection {
/* end slash hacks */
body {
	color: black ;
	background-color: white ;
}

/* Why is it that IE doesn't like fixed, but actually tries some of the stuff amd hopelessly fails on other stuff.  Netscape at least doesn't attempt to do it, saving me from stopping it.*/

h1 {
	border: solid 1px white ;
	margin: 1px ;
	background-color: #9999CC ;
	text-align: center ;
	font-weight: bold ;
	position: relative ;
}

/*/*/
h1 {
	margin-right: 5px ;
	margin-top: 5px ;
	margin-bottom: 5px ;
	margin-left: .75em ;
	border: none ;
}

div > h1 {
	margin-left: 5px ;
}

/* end slash hacks */

h2 {
	color: green ;
}

b {
	color: #000033 ;
	font-weight: bold ;
}

img {
	border-style: none ;
	border-width: 0em ;
	text-align: center ;
	overflow: scroll ;
}

address {
	text-align: center ;
	font-size: smaller ;
	font-family: serif ;
}

q {
	font-style: italic ;
	font-family: serif ;
}

p {
}

a {
	font-weight: bold ;
}

a:link {
	color: red ;
	text-decoration: none ;
}

a:visited {
	color: red ;
	text-decoration: none ;
}

a:visited:active {
	color: blue ;
	text-decoration: underline ;
}

a:active {
	color: blue ;
	text-decoration: underline ;
}

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

#skiplink {
	display: none;
}

div.links #alreadythere {
	border-width: 3px;
	border-style: inset;
	border-color: #444444;
	margin: 1px;
}

div.links #alreadythere a {
	color: green;
	text-decoration: none;
}

div.links ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

div.links li {
}

div.links li a {
	display: block;
	color: blue;
	text-decoration: underline;
}

div.links li:hover a:hover {
	display: block;
	color: purple;
}

div.links li:hover li:hover a:hover {
	display: block;
	color: purple;
}

div.links li:hover li a {
	display: block;
	color: blue;
}

/* These next two selectors set up the roll-out menus */
div.links ul li.mainlink ul {
	display: none;
	position: absolute;
	left: 40px;
	width: 10em;
	top: auto;
	margin-top: -1em;
	margin-left: 90px;
	margin-right: 0;
	margin-bottom: 0;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 0;
	padding-right: 0;
	background-color: #fffff9;
	/* Mozilla 1.7+ and Firefox 0.9+ now support CSS3 opacity! */
	opacity: .7;
	border-width: 2px;
	border-color: blue;
	border-style: solid;
	z-index: 10;
}

div.links ul li.mainlink:hover ul {
	display: block;
	position: absolute;
}

div.links ul li.mainlink ul a {
	text-align: left;
}

div.links ul li.mainlink ul li.mainlink ul {
	display: none;
	position: absolute;
	top: auto;
	left: -10px;
	margin-left: 10em;
	margin-top: -1em;
	width: 10em;
}

div.links ul li.mainlink ul li.mainlink:hover ul {
	display: block;
}
div.links li:hover {
	border: 3px double #ff6600;
}

div.links li {
	border: 3px solid #EEEEFF; 
}

div.mainlink {
	display: block ;
}

div.links {
	text-align: center;
	position: fixed ;
	left: 5px ;
	width: 10em ;
/*	height: 12em; */
	padding: 0 ;
	border-style: double ;
	border-color: black ;
	border-width: 3px ;
	background-color: #EEEEFF ;
	display: block ;
/*	float: left ;*/

}

div.logo {
	z-index: 5;
	position: fixed;
	right: 0;
	top: 0;
}

.dummy {  }

div.title {
	background-color: white ;
	border: solid 1px white ;
	margin: 1px ;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
}

/*/*/
div.centered {
	position: absolute ;
	margin-right: 0em ;
	margin-top: 0em ;
	margin-bottom: 0em ;
	margin-left: -7em ;
	border: none ;
	top: 0;
	width: 100% ;
}

div>div.centered {
	margin-left: 0em ;
	position: fixed ;
}
/* End Slash hacks */

div.footer {
	text-align: center;
	font-size: xx-small;
}

div.bodycon {
	margin-top: -1em ;
	margin-bottom: 0em ;
	margin-right: 0em ;
	margin-left: 0em ;
	padding: 10px ;
}

/*/*/
div.bodycon {
	margin-top: 4em ;
	padding-top: 15px ;
	margin-left: 10.5em ;
	margin-right: 80px ;
}

/* end slash hacks */

div.innerimg {
	text-align: center;
}

div.outerimg {
	text-align: left;
	margin-left: auto;
	margin-right: auto;
}

div.bodycon div.innercentered {
	background-color: white ;
	border-style: solid ;
	border-width: 1px ;
	border-color: green ;
	margin-left: 0 ;
	padding: 5px 5px 5px 5px ;
}

div.importantnews {
	background-color: #ffeeee ;
	border-style: double ;
	border-width: 3px ;
	border-color: red ;
	margin-left: 20% ;
	margin-right: 20% ;
	padding: 5px 5px 5px 5px ;
}

div.oldevents {
	border-style: solid;
	border-width: 1px ;
	border-color: #550000 ;
	background-color: white ;
}

div.oldevents, div.upcomingevents {
	margin-left: 0em ;
	margin-right: 0em ;
	padding-bottom: 1em ;
	padding-left: 1em ;
	padding-right: 1em ;
	background-color: white ;
}

div.event, div.completedevent {
	padding: 5px 5px 5px 5px ;
	border-width: 1px ;
	border-style: solid ;
	background-color: white ;
	margin-left: 20% ;
	margin-right: 20% ;
	display: block ;
	color: #330033 ;
}

div.event {
	border-color: #993300 ;
}

div.completedevent {
	border-color: #339933 ;
}

p.picdesc {
	text-align: center;
	color: #997755 ;
}

h3.eventdate {
	color: maroon ;
	font-size: larger ;
}
	
div.eventitem {
}

div.picture {
	margin-left: 20% ;
	margin-right: 20% ;
	background-color: white ;
	padding: 5px 5px 5px 5px ;
	border-width: 1px ;
	border-color: #339900 ;
	border-style: solid ;
	display: block ;
}

span.firstname {
	color: blue ;
}

div.mainlink:after {
	content: "" ;
}

span.lastname {
	color: #9900FF ;
}

td {
	padding: 3px 10px ;
	color: black ;
}

td.name {
	background-color: #EEEEFF ;
}

td.email {
	color: #FF6600 ; 
}

td.grade {
}

td.phone {
	color: green ; 
}

td.score {
}

td.sigscore {
	background-color: #FFFFFF ;
}

td.thirdscore {
	background-color: #EEFFEE ;
}

td.secondscore {
	background-color: #CCFFCC ;
}

td.firstscore {
	font-weight: bold ;
	background-color: #99FF99 ;
}

th.rosterth {
	padding: 3px 10px ;
	color: blue ;
	font-weight: bold ;
	font-variant: small-caps ;
	font-style: oblique ;
}

th.contestinfoth {
	padding: 3px 10px ;
	color: red ;
	background-color: #FAFFFA ;
	font-weight: bold ;
	font-variant: small-caps ;
	font-style: oblique ;
}

tr.important {
	background-color: #FFEEEE ;
	font-weight: bold ;
}

table.roster {
	border-color: #FF9900 ;
	width: 100% ;
	overflow: scroll ;
}

table.contestinfo {
	border-color: purple ;
	width: 100% ;
	overflow: scroll ;
}

th, td, table {
	border-style: dotted ;
	border-width: 1px ;
	border-color: black ;
	margin: 0em ;
}

/*/*/a{ }
}
/* end slash hacks */

@media all {
  div.links {
 	top: 0em ;
	margin-top: 4em ;
	margin-bottom: 60% ;
	margin-left: 0% ;
	margin-right: 0% ;
  }
}

@media projection {
  div.links {
 	top: 0em ;
	margin-top: 0% ;
	margin-bottom: 60% ;
	margin-left: 0% ;
	margin-right: 0% ;
              
  }
}

@media screen {
  acronym {
	cursor: help ;
	border-bottom-style: dotted ;
	border-bottom-width: 1px ;
	border-bottom-color: black ;
  }

  span.abbr {
	cursor: help ;
	border-bottom-style: dotted ;
	border-bottom-width: 1px ;
	border-bottom-color: black ;
  }

  abbr {
	cursor: help ;
	border-bottom-style: dotted ;
	border-bottom-width: 1px ;
	border-bottom-color: black ;
  }

  body {
	overflow: hidden;
	margin-top: 0em;
	margin-bottom: 0em;
	margin-right: 0em;
	padding: 0em;
  }
  div.bodycon {
	height: 100%;
	overflow: auto;
  }
  body>div.bodycon {
	height: 100%;
	overflow: visible;
  }
  body>div.links {
	position: fixed;
  }
  html>body {
	overflow: visible;
	margin: inherit;
	padding: inherit;
  }
}