/*Pages stylesheet for www.overystaithesc.org.uk
valid CSS ??-??-??.  Written by David Cooper*/ 



body {
    font-family: verdana, sans-serif;
		/*Georgia, "Times New Roman",
          Times, serif;*/
		font-size: 100%;
    color: purple;
	  background-color: #FFF8DC;}

img {
		margin-right: 2%;
		margin-left: 2%;
		}	
	
p.indent{ 
	text-indent: 1.5em; 
}

div.indent10em{
   padding:0;
   position: relative;
   left:10em;
}  

div.indent20em{
   padding:0;
   position: relative;
   left:20em;   
}  
div.print_only{
 visibility: hidden;
}
div.comment{
background: #ffffff;
}
 ul.navbar {
 list-style-type: none;
    padding: 0;
    margin: 0;

    position: absolute;
    top: 0em;
    left: 1em;
    width: 9em 
}


 ul.navbar li {
    background: pink;
    margin: 0.5em 0;
    padding: 0.3em;
    border: medium double #FFFFFF
}

 ul.navbar a {
    text-decoration: none }
/*		
div.navbar {
    padding: 0.5em;
    margin: 0;

    position: fixed;
    top: 4em;
    left: 1em; 
}

div.navbar span {
		padding: 2px;
		margin: 2px;
		border-color: #000000;
		border-style: thin, solid;
}
div.navbar a:link {
		background-color: #8F8F8F;
		color: #FFFFFF;
}
div.navbar a:visited {
		background-color: #8F8F8F;
		color: #FFFFFF;
}
div.navbar a:hover {
		background-color: #8F8F8F;
		color: yellow;
}
div.navbar a:active {
		background-color: #DFDFDF;
		color: #000000;
}

#header {
  color: blue;
  background-color: aqua;
  margin-top: 0;
  margin-bottom: 2em;
  padding:  1ex 3mm;
  border-bottom: 2px solid blue;
}
*/
#header {
  color: blue;
  background-color: aqua;
  margin-top: 0;
  margin-bottom: 2em;
	padding-top: 1em;
	padding-left: 0;
	padding-right:	0;
	padding-bottom:		1.5em;
	border-bottom: 2px solid blue;
}
div.navbar {
    padding: 0.5em;
    margin: 0;

    position: fixed;
    top: 1em;
    left: 1em; 
}
 div.navbar span {
		color: #FFFFFF;
    background: #E0E0E0;
    margin: 0.5em 0;
    padding: 0.1em;
    border: thin solid #ffffff;  
		/* #6495ed */ 
}
 div.navbar span.current {
		color: #FFFFFF;
    background-color: #A0A0A0;
    margin: 0.5em 0;
    padding: 0.1em;
    border: thin solid #ffffff;
		/*#6495ed;*/
} 

.headerTitle {
  margin: 0;
  padding: 0;
}

.headerTitle a {
  color: rgb(205,219,205);
  background-color: transparent;
  text-decoration: none;
  font-size: 83%;
  font-weight: bold;
  font-style: italic;
}

.headerLinks {
  font-size: 89%;
  position: absolute;
  right: 2px;
  top: 2.25em;
}
  h1 {
    font-family: "New Century Schoolbook", serif;
    font-size: 110%;
	position:
	relative; 
	left: 1em;
	top: 1.5em;
  }
  h2 {
    font-family: Helvetica, Geneva, Arial,
  SunSans-Regular, sans-serif;
	position:
	relative; 
	left: 2em;
	top: 1em;
	}
  h3  {
	position:
	relative; 
	left: 3em;
}
img.inline_lt{
 float:left;
 padding-right: 2%;
}
img.inline_rt{
 float:right;
 padding-left: 2%;
}

 div.main-copy {
  background: #50FFD0;
 /* background: #00FF99;*/
  text-align: left;
  line-height: 1.5em;
  margin: 1em 3em 1em 3em;
  padding: 0 1em 1ex 1em;}
	
	a:link {color: blue;} 
	a:hover {color: #DAA520; }
	a:visited {color: red;}


 div.bigger-text {
  background: #00FF99;
  font-size: 125%;
  text-align: left;
  line-height: 1.1em;
  margin: 1em 3em 1em 3em;
  padding: 0 1em 1ex 1em;
}

  div.box {
  margin: 2em 2em 2em 2em; 
	padding: 1em; 
	border: solid; 
	border-width: thin;
	width: 90%;
}

td.adpic{

	width: 45%; 
}

div.adtext{
	text-align: center;
	font-size: 125%;
	font-family: verdana;
	line-height: 1.5;
	width: 45%;	
}

  table {
   margin: 1em 1em 1em 1em; 
   background: #FFF8DC;
}
td.a {
		 background-color:  inherit;
}
td.open {
		 background-color:  yellow;
}
td.spare {
		 background-color:  #ffffff;
}
td.junior {
		 background-color: pink;
}
td.restricted {
		 background-color:  #9F9FFF;
}
td.rega {
		 background-color:  #99CC66;
}
td.notsail {
		 background-color: #66FFCC;
}
  table.centered {
   margin: 1em 1em 1em 1em; 
   background-color: #FFF8DC;
	 margin: auto;

}
 
   table.centered  td {
	 background-color: #E0E0E0;
	 } 
  table.halfleft {
   margin-left: 10em;
}
  tr.silver {
    background: silver;
    font-weight: bold;
}
  tr.ltgrey {
    background: #DFDFDF;
}
  tr.racetable {
    background: #DFDFDF; 
}
  td.bold {
    font-weight: bold;
    padding:  2px 5px 2px 5px ;
}

  td {
    padding:  2px 5px 2px 5px ;
}
  th {
    background-color: silver;
    font-weight: bold;
}

 span.photocredit {
	font-family: inherit;
  font-style: inherit;
  font-size: 70%;
}

  span.racename {
	color: blue;
	font-size: large;
}
  span.right {
	position:
	absolute;
	right: 5px;
}
  span.strong {
    font-weight: bold;
}
 span.ital {
   font-style: italic;
}
 span.center {
   text-align: center;
}

  address {
	position:
	absolute; 
	bottom: 20px;
    margin-bottom: 1em;
    padding-top: 1em;
    border-top: thin dotted }

#footer {
  color: white;
  background-color: aqua;
  font-size: 100%;
  margin-top: 1em;
  margin-bottom: 0;
  padding: 1.25ex 4mm;
  clear: both;
  border-top: 2px solid blue;
}

#footer .right {
  text-align: right;
}

#footer .center {
  text-align: center;
}
 
#footer .left {
  text-align: left;
}
.future {
	background-color: aqua;
	color: inherit;
}
.past {
	background-color: #E0E0E0;/*very light grey*/
	color: #909090;
}