body				 
		{/*Sets the font size, colour, background image, removes the margins, text alignment*/		
				margin: 0;
				padding: 0;
				font: 75% arial, helvetica, sans-serif;
				text-align: center;
				color: #000; /*black*/
				background-image: url(images/background.gif)
		}
				
.boldgreen  
		{/*controls colour/font in the table - calendar.html*/
				font-family: Arial, Helvetica, sans-serif;
				color: #666633; /*dark green*/
				font-weight: bold
		}
		
.boldred   
		 {	/*controls colour/font in the content pages*/
				font-family: Arial, Helvetica, sans-serif;
				color: #F00; /*red*/
				font-weight: bold
		}	
.boldblack 	
		{/*controls colour/font in the content pages*/
				font-family: Arial, Helvetica, sans-serif;
				color:#000; /* black*/
				font-weight: bold;
		}
		
#q1 p, #q2 p, #q3 p, #q4 p, #q5 p, #q6 p, #q7 p, #q8 p, #q9 p, #q10 p  
		{/*sets the padding and margins in quiz.html*/
				padding: 0;
				margin: 10px 0 0 0;
		}
	
#container
		{/* Sets the size of the container within the body*/
				margin: 1em auto;
				margin-top: 0;
				width: 750px;
				text-align: left;
				background-color: white;
		}
				
#header h1
		{/*Aligns the header image to the container*/
				background-image: url(images/header.gif);
				background-repeat: no-repeat;
				background-position: 0 0;
				position: absolute;
				top: 0;
				right: 0;
				font-size: 1px;
				text-align: right;
				color: #fff;
				margin: 0;
				padding: 0;
		}
		
a 
		{/*no underlining of text in navigation*/
				text-decoration: none;
		}
		 
a:link
		{/*colour style to links */
				color: #f00; /*red*/
				
		}
		
a:visited
		{/*colour style to visited links */
				color: #f00; /*red*/
				
		}
		
a:active
		{/*colour style links */
				color: #f00; /*red*/ 
				font-weight: bold;
		}
a:hover
		{/*hover state set to red and underlined */
				color:#F00; /*red*/
				text-decoration: underline;				
		}
		
h2
		{/*Controls subheadings*/
				
				color:#F00; /*red*/
		}

h1
		{/*Controls subheadings*/
				text-align: center;
				padding: 0 0 0.25em 0;
				margin: 0;
		}
		
ul
		{/*hiding the bullets in the list*/
				list-style: none;
				padding: 0;
				margin: 0;
		}
		
#nav	
		{/*Sets styles for navigation container*/
				width: auto; /*sets width of page within the container */
				font-weight: bold;/**/
				font-size: 120%;
				color: #f00; /*red*/
				height: 20px;
				background-color: #000; 
				padding: 5px 5px 5px 20px;
				margin-bottom: 22px;
				
		}
		
#nav li a
		{/*Turns off the underline in the dropdown menu for the first level navigation*/
				text-decoration: none;
				color: #fff; /*white*/ 
		}
		
#nav li a:hover
		{/*colours of first level links when mouseover*/
				color: #f00; /*red*/
		}

#nav li li a 
		{/*Sets colour in navigation dropdown */
				display: block;
				padding: 0.2em 10px;
				color: #000; /*black*/
				text-decoration: none;
				font-weight: bold;
		}
		
#nav li li a:hover
		{/*hover state set to red navigation dropdown */
				color: #f00; /*red*/
		} 
		
li
		{/*Sets the dropdown menu in the main navigation*/
				float: left;
				position: relative;
				padding: 0px 30px;
				z-index:5;
		}
		
h3
		{
				font-size: 14px;
				color:#F00; /*red*/
		}
		
li#first 
		{/*sets border*/
				border-left-width: 1em;
		}
		
li#last
		{/*sets border*/
				border-right-width: 1em;
		}
	
li ul
		{/*sets width font of dropdown navigation*/
				width: 11em;
				display: none;
				position: absolute;
				top: 1.2em;
				left: 2em;
				font-weight: normal;
				font-size: 90%;  
				background-color: #fff; /*white*/
				padding:  0.5em 0 0.8em 0;
				border: 2px solid #000;
		}				
			
/*Fixes a bug in IE and hides it from IE Mac to set the navigation*/
* html ul li {float: left; height: 2%;}
* html ul li a {height: 2%;}		
/* End */
		
#nav ul
		{/*Sets the style within the dropdown menu*/
				margin: 0;
				padding: 0;
				list-style: none;
		}

li li
		{/*Sets the dropdown menu*/
				display: block;
				float: none;
				background-color: #fff;
				border: 0;
				padding: 0;
				margin: 0;
		}
	
li:hover ul, li.over ul
		{ /*releases the dropdown menu*/
				display: block;
		}
		
.submenuitem 
		{/*indent the third level navigation in dropdown*/
				font-size: 95%;
				text-indent: 20px;
		}

#content
		{/*sets the padding and margins - index.html*/
				width:650px; 
				margin-top: 10px;
				padding: 20px 20px 0 0;
		}
		
.imagefloat
		{/*sets the image within the content of index.html*/		
				float: left;
				padding: 20px 20px 0px 40px;
		}
		
#aboutcontent
		{/*sets the padding and margins*/
				width:650px;
				margin-left: 50px;
				margin-top: 40px;
		}
	
.aboutimagefloat
		{/*sets an image*/		 
				float: right;
				margin: 0 0 10px 20px;
				border: 3px solid #666;
		}
				
#faqcontent
		{/*sets the padding and margins*/
				width:650px;
				color: #000;
				margin-left: 50px;
				margin-top: 40px;
				background-image: url(images/bgflt.jpg);
				background-position: top right;
				background-repeat: no-repeat;
		}
.red
		{/*sets the colour in the answers of the quiz*/
				color: #f00;
		}	
		
		
.question
		{/*sets the colour and text in faq*/
				color: #000;
				font-weight: bold;
		}
		
.galleryimagefloat
		{/*Sets the images in gallery.html*/
				float: inline;
				padding: 0;
				border: 2px solid #666;
		}
		
.forkliftimagefloat
		{/*Sets the images in forkliftimg.html*/		
				float: right;
				padding: 0px 10px 10px 10px;
		}
		
.imageimagefloat
		{/*Sets the images in forkliftimg.html*/	
				float: inline;
				padding: 0;
				border: 1px solid #666;
		}
		
.trainimagefloat
		{/*Sets the images in trainthetrainer.html*/			 
				float: center;
				padding: 0;
				margin-left: 120px;
		}
		
.courseimagefloat
		{/*Sets the images in course.html*/	
				float: right;
				margin-top: 5px;
		}
		
.ltsaimagefloat
		{/*Sets the images in f_endorsements.html*/		 
				float: right;
				padding: 0 0 5px 5px;
				margin-top: 20px;
		}
		
.oshimagefloat
		{/*sets the image within osh.html*/		
				float: left;
				padding: 0px 20px 20px 0px;
				
		}
		
.contactcontent
		{/*Sets the margins and padding*/
				margin-top: 40px;
				padding: 0 40px 0 0;
		}
		
#slide
		{/*position of the flash slide in forklift.html*/
				position: relative;
				z-index: 1;
				float: right;
				padding: 0 0 0 20px;
		}
		
#flash
		{/*Sets flash plugin text*/
				text-align: right;
				padding: 0 60px 0 0;
				font-weight: normal;
				font-size: 80%;
		}
		
		
#motto
		{/*Sets motto in place*/
				color: #FF0000;
				font-size: 12px;
				font-weight: bold;
				margin-left: 50px;
		}
		
#footer
		{/*Sets styles for footer navigation container*/
				width: auto;
				clear: both;
				font-weight: bold;
				font-size: 80%;
				color: #fff;
				text-align: center;
				height: 20px;
				background-color: #000;
				padding: 5px 5px 0px 5px;
				margin-top: 20px;
		}
	
#footer a
		{/*Turns off the underline and sets colour in the footer navigation*/		
				text-decoration: none;
				color: #fff; /*white*/
		}
		
#footer a:hover
		{/*colour style to links */
				color: #f00	
		}
		
#copy
		{/*Sets the copyright*/
				Position: absolute;
				top: 0;
				right: 0;
				color:#CCC;
				width: 465px;
				height: 18px;
		}