body {
	background-color: #F5F5DC;	
	font-family: Arial, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	Color: black;
	Margin: 3px 3px 1px 1px;
	text-align: justify;
}

p {
	text-indent: 0px;
	margin: 5px 10px;
	border-bottom-color: #000000;
	padding: 0px 5px 0px 0px;
}

.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: #FF0000;
	line-height: 16px;
	top: auto;
}

a {
	font-size: 12px;
}

.title {
	background-color: #99CC00; /*this is the code for the dark green background*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	text-indent: 10px;
	line-height: 27px;
	margin: 0px;
	color: #003333; /* #003333 Colour code for a dark green colour of the title text)*/
}

.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-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;
}
A:visited {
	COLOR: blue;
}

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

A:active {
	COLOR: blue;
	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 */
}
.GreenText {
	color: #00FF00;
}
.RedText {
	color: #FF0000;
}
.yellowbox {
	position: relative;
	top: 10px;
	left: auto;
	width: 75%;
	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-color: yellow;
	border: ridge green 2px;
	font-style: normal;
	color: #000000;
}
.greenbox {
	position: relative;
	top: 10px;
	left: auto;
	width: 75%;
	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-color: green;
	border: ridge red 2px;
	color: #FFFFFF;
}
.redbox {
	position: relative;
	top: 10px;
	left: auto;
	width: 75%;
	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-color: yellow;
	border: ridge red 2px;
	font-style: normal;
	color: #000000;
}

/*- Items to be identified as id="" */

#sectionhead {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: blue;
	Margin: 5px 5px 5px 15px;
}

#header{
	width: 100%;
	letter-spacing: 2px;
	word-spacing: 3px;
	Margin: 0px 0px 0px 0px;
	font-style: normal;
	font-size: 10px;
	color: #FFFF99;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
}

#footer{
	position: static;
	background-color: black;
	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;
}