@charset "utf-8";
/* CSS Document */

/*Body all*/
body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    text-align: left;
    color: #666666;
    background-color: #FFFFFF;
	margin-top: 0px;
	margin-bottom: 0px;
	}
	
a img {
	border: none;
	}
	
a:link  {
	text-decoration: underline;
	color: #FF0000;
	}
	
	
a:visited  {
	text-decoration: underline;
	color: #FF0033;
	}
	
a:hover {
	text-decoration: none;
	color: #FF0066;
	}
	.nul a  {
text-decoration: none;
	color: #000000;

}
	
.leftfloat{
	float: left;
	}


br {
	height: 5px;
	}
	
	/*Start Header*/

#banner {
	width: 800px;
	height: 136px;
	margin-left: auto;
	margin-right: auto;
	background-image:url(images/banner.png);
	background-repeat: no-repeat;

	}
	#menucont{
width:750px;
padding-top:110px;
margin-left:30px;
}
	/*End Header*/
	
	/*Start Text Classes and H tags*/
	
.blue {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 22px;
	color: #0ea1de;
	font-weight: bold;
	}
.blue-small {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #0ea1de;
	font-weight: bold;
	}
.orange {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FF6633;
	}
.red {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FF0000;
	}
	.redlink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FF0000;
	}
	.redlink1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FF0000;
	margin-left:50px;
	}
.quote {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FF0000;
	font-style:italic;
	}
.highlight {
	color: #FF0033;
	font-weight: bold;
	}
p.relative {
	clear:left;
	margin-bottom: 0px;
	margin-top: 8px;
	list-style-image: url(images/bullet.jpg);
	}
	p.quote {
	clear:left;
	margin-bottom: 0px;
	margin-top: 8px;
	list-style-image: url(images/bullet.jpg);
	font-style:italic;
	color:#FF0000;
	}
	p.textright {
	clear:left;

	padding-right:20px;
	margin-bottom: 0px;
	margin-top: 8px;
	list-style-image: url(images/bullet.jpg);
	}
h1 {
	margin-bottom: 5px;
	margin-top: 5px;
	}
	
h2 {
	margin-bottom: 5px;
	margin-top: 0px;
	}

h3 {
	margin-bottom: 5px;
	margin-top: 0px;
	color: #CC0033;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align: center;

	}
	
h4 {
	margin-bottom: 5px;
	margin-top: 0px;
	color: #FF6633;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align: left;
	font-size: 16px;
	}
	/*End Text Classes and H tags*/
	
	/*Start Page Containers*/
#container {
	width: 800px;
	height: 1500px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(images/bg.jpg);
	background-repeat: repeat-y;
	}
#container-sub {
	width: 800px;
	height: 1500px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(images/bg.jpg);
	background-repeat: repeat-y;
	}
	#containertoolkit {
	width: 800px;
	height: 1350px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(images/bg.jpg);
	background-repeat: repeat-y;
	}
	#containerlevel3 {
	width: 800px;
	height: 1100px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(images/bg.jpg);
	background-repeat: repeat-y;
	}
	#containerstaff {
	width: 800px;
	height: 1220px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(images/bg.jpg);
	background-repeat: repeat-y;
	}
	#containercon {
	width: 800px;
	height: px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(images/bg.jpg);
	background-repeat: repeat-y;
	}
	#containerlevel {
	width: 800px;
	height: 780px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(images/bg.jpg);
	background-repeat: repeat-y;
	}
		#containerlevel1 {
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(images/bg.jpg);
	background-repeat: repeat-y;
	}
	/*End Page Containers*/
	
	/*Start Top Text*/
#text {
	margin-left: 20px;
	margin-top: 10px;
	width: 400px;
	height: 510px;
	background-color: #FFFFFF;
	float: left;
	}
	
#text ul {
	list-style-image: url(images/bullet.jpg);
	margin-top: 5px;
	margin-bottom: 5px;
	}

#text ul li{
	margin-bottom: 10px;
	}
	
	#texthaccp-staff {
	margin-left: 20px;
	margin-top: 10px;
	width: 400px;
	height: 450px;
	background-color: #FFFFFF;
	float: left;
	}
	
#texthaccp-staff ul {
	list-style-image: url(images/bullet.jpg);
	margin-top: 5px;
	margin-bottom: 5px;
	}

#texthaccp-staff ul li{
	margin-bottom: 10px;
	}
	#text-haccp {
	margin-left: 20px;
	margin-top: 10px;
	width: 400px;
	height: 320px;
	background-color: #FFFFFF;
	float: left;
	}
	
#text-haccp ul {
	list-style-image: url(images/bullet.jpg);
	margin-top: 5px;
	margin-bottom: 5px;
	}

#text-haccp ul li{
	margin-bottom: 10px;
	}
	
#textcontact {
	margin-left: 20px;
	margin-top: 10px;
	width: 390px;
	height: 600px;
	background-color: #FFFFFF;
	float: left;
	}
	p.itvtext {
	clear:left;
	margin-bottom: 0px;
	margin-top: 5px;
	padding-left: 60px;
	padding-right: 5px;
	text-align: center;
	}

	/*End Top Text*/
	
	/*Start Top Image*/
#imageright {
	margin-right: 20px;
	margin-top: 50px;
	width: 360px;
	height: 450px;
	background-color: #FFFFFF;
	float: left;
	padding-top: 20px;
	}
	#image-awareness {
	margin-right: 20px;
	width: 360px;
	height: 320px;
	background-color: #FFFFFF;
	float: left;
	padding-top: 20px;
	}
	#imagetoolkit {
	margin-right: 20px;
	width: 360px;
	height: 335px;
	background-color: #FFFFFF;
	float: left;
	padding-top: 20px;
	}
	#imagefood {
	margin-right: 20px;
	width: 360px;
	height: 460px;
	background-color: #FFFFFF;
	float: left;
	padding-top: 20px;
	}
	#buy-haccp{
	text-align:center;
	}
		#imagelev {
	margin-right: 20px;
	margin-top: 20px;
	width: 360px;
	height: 300px;
	background-color: #FFFFFF;
	float: left;
	padding-top: 20px;
	}
	/*End Top Image*/
	/*Start Mid Image*/
#diagram {
	clear: both;
	width: 760px;
	height: 200px;
	margin-top: 15px;
	margin-left: 20px;
	}
	#itv {
	background-image:url(images/itv.jpg);
	background-repeat: no-repeat;
	width: 400px;
	height: 43px;
	font-size: 14px;
	color: #FFFFFF;
	margin-top: 15px;
	}
	/*End Mid Image*/
	/*Start main content*/
#contentcontainer {
	width: 760px;
	height: 530px;
	float: left;
	text-align: left;
	margin-left: 20px;
	font-size: 14px;
	}
	
	#contentcontainer ul {
	list-style-image: url(images/bulletorange.jpg);
	margin-top: 5px;
	margin-bottom: 5px;
	}

#contentcontainer ul li{
	margin-bottom: 10px;
	}
	#contentcontainer-left {
	width: 360px;
	height: 530px;
	float: left;
	text-align: left;
	margin-left: 20px;
	font-size: 14px;
	}
#contentcontainer-right {
	width: 380px;
	height: 500px;
	float:left;
	text-align: center;
	padding-left:20px;

	font-size: 14px;
	}
	#contentcont-staff {
	width: 760px;
	height: 440px;
	float: left;
	text-align: left;
	margin-left: 20px;
	font-size: 14px;
	}
	#contentcont-staff ul {
	list-style-image: url(images/bulletorange.jpg);
	margin-top: 5px;
	margin-bottom: 5px;
	}

#contentcont-staff ul li{
	margin-bottom: 10px;
	}
	#contentsmall {
	width: 760px;
	height: 270px;
	float: left;
	text-align: left;
	margin-left: 20px;
	font-size: 14px;
	}
	#contentsmall ul {
	list-style-image: url(images/bulletorange.jpg);
	margin-top: 5px;
	margin-bottom: 5px;
	}

#contentsmall ul li{
	margin-bottom: 10px;
	}
	#contentretl2 {
	width: 760px;
	height: 350px;
	float: left;
	text-align: left;
	margin-left: 20px;
	font-size: 14px;
	}
	#contentretl2 ul {
	list-style-image: url(images/bulletorange.jpg);
	margin-top: 5px;
	margin-bottom: 5px;
	}

#contentretl2 ul li{
	margin-bottom: 10px;
	}
		#contentfood {
	width: 760px;
	height: 520px;
	float: left;
	text-align: left;
	margin-left: 20px;
	font-size: 14px;
	}
	#contentfood ul {
	list-style-image: url(images/bulletorange.jpg);
	margin-top: 5px;
	margin-bottom: 5px;
	}

#contentfood ul li{
	margin-bottom: 10px;
	}
	#contentcontainer1 {
	width: 760px;
	height: 490px;
	float: left;
	text-align: left;
	margin-left: 20px;
	font-size: 14px;
	}
	#contentfood1 {
	width: 760px;
	height: 530px;
	float: left;
	text-align: left;
	margin-left: 20px;
	font-size: 14px;
	}
	
	#contentfood1 ul {
	list-style-image: url(images/bulletorange.jpg);
	margin-top: 5px;
	margin-bottom: 5px;
	}

#contentfood1 ul li{
	margin-bottom: 10px;
	}
	#contentfood2 {
	width: 760px;
	height: 580px;
	float: left;
	text-align: left;
	margin-left: 20px;
	font-size: 14px;
	}
	
	#contentfood2 ul {
	list-style-image: url(images/bulletorange.jpg);
	margin-top: 5px;
	margin-bottom: 5px;
	}

#contentfood2 ul li{
	margin-bottom: 10px;
	}
	/*Start Course containers*/
	.courses {
	float: left;
	margin-right: px;
	margin-left: 7px;
	width: 240px;
	height: 149px;
	color:#333333;
	line-height: 15px;
	}

	.courses-staff {
	float: left;
	margin-right: px;
	margin-left: 140px;
	width: 240px;
	height: 149px;
	color:#333333;
	line-height: 15px;
	}
	.courseslev {
	float: left;
	margin-right: 5px;
	width: 390px;
	height: 149px;
	color:#333333;
	line-height: 15px;
	}
	.links {
	float: left;
	margin-right: px;
	margin-left: 17px;
	width: 420px;
	height: 200px;
	color:#333333;
	line-height: 15px;
	}
	.foodbox {
	float: left;
	margin-top:20px;
	margin-right: px;
	margin-left: 17px;
	width: 420px;
	height: 130px;
	color:#333333;
	line-height: 15px;
	}
.buy3 {
	float: left;
	width: 200px;
	font-size: 11px;
	margin-right: 25px;
	margin-left: 45px;
	}
	.buy5 {
	float: left;
	width: 200px;
	font-size: 11px;
	margin-right: 25px;
	margin-left: 25px;
	}
	#buy1 {
	padding-left: 20px;
	margin-left: 5px;
	width: 330px;
	height: 75px;
	}
	#buycertlink {
	padding-left: 20px;
	padding-top: 15px;
	margin-top: 15px;
	width: 330px;
	height: 75px;
	}
#buy-haccp-awareness {
	padding-left: 20px;
	margin-left: 5px;
	margin-top:20px;
	height: 75px;
	}
.margintopfront {
	position:relative;
	z-index: 700;
	top: -120px;
	font-size: 14px;
	margin-left: 30px;
	width: 180px;
	}
		.margintopfront1 {
	position:relative;
	z-index: 700;
	top: -127px;
	font-size: 14px;
	margin-left: 80px;
	width: 150px;
	}
.nolink a  {
text-decoration: none;
	color: #000000;
}

.nul a  {
text-decoration: none;
	color: #000000;

}

.margintoplev {
	position:relative;
	z-index: 600;
	top: -125px;
	font-size: 14px;
	margin-left: 80px;
	width: 295px;
	}

.courseslev {
	float: left;
	margin-right: 5px;
	width: 390px;
	height: 149px;
	color:#333333;
	line-height: 15px;
	}
	
	#courseboxes {
	clear: both;
	width: 760px;
	height: 200px;
	margin-top: 15px;
	margin-left: 20px;
	}
	/*End Course containers*/
	/*End main content*/
	/*Start Footer*/
	#footholder {
	clear: both;
	width: 760px;

	margin-top: 15px;
	margin-left: 20px;
	}
#copyrightsub {
background-image: url(images/bar.jpg);
background-repeat: repeat-x;
width:720px;
   font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    text-align: center;
    color: #666666;
	margin-left:20px;
}
#diagramdiv {

	width: 760px;
	height: 40px;
	margin-left: 20px;
	}
	


/*End Footer*/