/*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;*/
    color: purple;
	font-size: 100%;  /* Enables font size scaling in MSIE */
    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 }



#header {
  color: blue;
  background-color: aqua;
  margin-top: 0;
  margin-bottom: 2em;
  padding:  1ex 3mm;
  border-bottom: 2px solid blue;
}

.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
}
  h2 {
    font-family: Helvetica, Geneva, Arial,
  SunSans-Regular, sans-serif;
	position:
	relative; 
	left: 2em
   
}
  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: verdana;
	line-height: 1.5;
	width: 45%;	
}

  table {
   margin: 1em 1em 1em 1em; 
   background: #FFF8DC;
}
  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: 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;
}