@page {
  size: auto;
  margin: 1 cm;
  padding: 0 0;
  border-top: thin solid black;
  border-left: thin solid black;
  border-bottom: solid red;
}

#footer{
	position: static;
	float:right;
	width: 100%;
	letter-spacing: 2px;
	word-spacing: 3px;
	Margin: 0px 0px 0px 0px;
	font-style: normal;
	font-size: 10px;
	color: blue;
	text-align: right;
}
.title {
	background-image: none;
	background-color: none; /*no comment*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20pt;
	text-indent: 0px;
	margin: 0px;
	color: black; /* #003333 Colour code for a dark green colour of the title text)*/
}
body {
	margin-top: 0;
	font-family: Arial, Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: normal;
	background : none;
	background-color: #FFFF00;
	Color: black;
	Margin: 3px 3px 1px 0px;
	text-align: justify;
	border-bottom: 1px;
	font-style: normal;
	page-break-inside: avoid;
}
p {
	text-indent: 0px;
	margin: 5px 5px;
	page-break-inside: avoid;
}
.floatright {
	float: right;
	margin: 0px 20px 10px 10px;
	padding: 2px 2px 2px 2px;
	clear: right;
}

td, th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	Color: red;
	line-height: 16px;
}

a {
	font-size: 12px;
}


.subtitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 30px;
 	color: #003300;
}
.header {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	background-image: none;
	background-color: #669900;
}
.navLink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	background-color: #DEDECA;
}
#nav{
   white-space : nowrap;
   background-color : #CCFF99;  /*#CCFF99    #003399*/
   float : left;
   color : White;
   width : 100%;
   border-style : solid; 
   border-color : #0066CC;   /* #0066CC  */
   border-width : 0px 0 0px 0; 
} 
#nav ul{
   padding : 0;
   margin : 0;
   float : left;
}
#nav ul li{
	display : inline;
	list-style-position: outside;
}
#nav ul li a{
   padding-left : 1em;
   padding-right : 1em;
   background-color : #CCFF99;
   color : Green;
   font-weight : bold;
   text-decoration : none;
   float : left;
   border-right-color : red;
   border-right-style : solid;
   border-right-width : 0px;
}
#nav ul li a:hover{
   background-color : yellow;
   color : red;
}
.nav ul li a:visited {
	color: #666666;		/*gray colour to show that the linked was visited*/
	text-decoration: none;
}
.box1 {
	border-width: thin;
	border-color: #99FF99 #003300 #003300 #99FF99;
 	border-style: double;
}

A:link {
	COLOR: red;
	TEXT-DECORATION: none
}
A:visited {
	COLOR: blue;
	TEXT-DECORATION: none
}

A:hover {
	background-color : #FF6600;
  	color : red;
}

A:active {
	COLOR: blue;
	TEXT-DECORATION: none;
	left: auto;
}
.secondleveltitle { font-family: Verdana, Arial, Helvetica, sans-serif; 
					font-size: 14px;
					font-style: normal;
					font-weight: bold; 
					margin: 10px;
					background-position: left; 
					color: #FF0000
}
.bodytext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: justify;
	line-height: 18px;
	color: blue;   /* was #0000FF before */
	Margin: 20px;    /*this is only to do abour indenting the first line of the paragraph */
}
.schooladdress {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #0000FF;
	right: auto;
}
/* defines footer selectors and properties */
#footer{
	position: static;
	float:right;
	width: 100%;
	letter-spacing: 2px;
	word-spacing: 3px;
	Margin: 0px 0px 0px 0px;
	font-style: normal;
	font-size: 10px;
	color: #FFFF99;
	text-align: right;
}
.GreenText {
	color: #00FF00;
}
.RedText {
	color: #FF0000;
}
.yellowbox {
	position: relative;
	top: 10px;
	left: auto;
	width: 90%;
	height: auto;
	font-family: sans-serif, Arial;
	font-size: 12px;
	text-indent: 0px;
	text-align: justify;
	letter-spacing: 1px;
	word-spacing: 3px;
	margin: 10px 10px 0px 10px;
	padding: 10px 10px 10px 10px;
	background-image: none;
	background-color: yellow;
	border: ridge green 2px;
	font-style: normal;
	color: #000000;
	page-break-inside: avoid;
}
.greenbox {
	position: relative;
	top: 10px;
	left: auto;
	width: 90%;
	height: auto;
	font-family: sans-serif, Arial;
	font-size: 12px;
	text-indent: 0px;
	text-align: justify;
	letter-spacing: 1px;
	word-spacing: 1em;
	margin: 10px 10px 0px 10px;
	padding: 10px 10px 10px 10px;
	background-image: none;
	background-color: green;
	border: ridge red 2px;
	color: #FFFFFF;
	page-break-inside: avoid;
}