/* Normalizes margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td 
{ margin : 0; padding : 0; }

/* Normalizes font-size for headers */
h1,h2,h3,h4,h5,h6 { font-size : 100%; }

/* Normalizes font-style and font-weight to normal */
address, caption, cite, code, dfn, em, strong, th, var
{ font-style : normal; font-weight : normal; }

/* Removes list-style from lists */
ol,ul { list-style : none; }

/* Removes list-style from lists */
table { border-collapse : collapse; border-spacing : 0; }


/* Removes border from fieldset and img */
fieldset,img { border : 0; }

/* Left-aligns text in caption and th */
caption,th { text-align : left; }

/* Removes quotation marks from q */
q:before, q:after { content :''; }

/* website.css */

html 	{ 
background-color : #ffffff;
text-align : center; 
}
body {
font : 72%/1.5 "Trebuchet MS", Verdana, sans-serif; color : #333; 
position : relative; 
width : 780px; 
margin : 10px auto; 
text-align : left; 
}
div#toppanel {
	position:relative;
	width:100%;
	height: 350px;
	z-index:2;
	top: 0px;
	background-color: #ffffff;
}
/* Sub navigation links */
#subnav ul {
	top: 0px;
	width: auto;
}
#subnav a {
	display: block;
	width: auto;
	font-weight: bold;
	color: Gray;
	text-decoration: none;
	padding: 5px 10px 5px 10px;
	text-align: center;
}
#subnav li {
	float: right;
}
/* Bottom navigation links */
#bottomnav ul {
	top: 0px;
	width: auto;
}
#bottomnav a {
	display: block;
	width: auto;
	font-weight: bold;
	color: Gray;
	text-decoration: none;
	padding: 5px 10px 5px 10px;
	text-align: center;
}
#bottomnav li {
	float: right;
}

div#footer {
	position:relative;
	width:100%;
	height: auto;
	z-index:2;
}
div#homepage {
	position:relative;
	width:100%;
	height: 550px;
	z-index:2;
	top: 10px;
	padding:5px;
}
div#homepage h1 {
text-align:center;
font-size:x-large;
color:#000066;
font-weight:bold;
}
div#homepage h2 {
text-align:center;
font-size:large;
color:#000066;
font-weight:bold;
}
div#homepage p {
color:#333;
font-size:medium;
}
div#homepage a {
	font-weight: bold;
	color: Gray;
	text-decoration: none;
	text-align: center;
}
.homepageCell {
border-left: 2px solid #090A4C;
border-right: 2px solid #090A4C;
border-bottom: 2px solid #090A4C;
padding: 20px;
color:#333;
font-size:medium;
}
div#homepage ul li {
text-align:center;
font-size:medium;
font-weight:bold;
color:#333;
}
/* Start of menus */
/* Recruitment menu */
#RecruitmentMenu {
	position: absolute;
	width: 200px;
	height: 230px;
	z-index: 3;
	bottom: 0px;
	left: 0px;
	background-image: url(../Media/Images/MenuRed.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;

}
	#RecruitmentMenu li a {
	display: block;

	padding: 2px 5px 1px 5px;
	background-color: #cc0000;
	color: #ffffff;
	text-decoration: none;
	width: 190px;
	font-weight: bold;
}
	#RecruitmentMenu li a:hover {
		background-color: #DE0303;
		}
/* Training menu */
#TrainingMenu {
	position:absolute;
	width:200px;
	height: 230px;
	z-index: 3;
	bottom: 0px;
	left: 0px;
	background-image: url(../Media/Images/MenuGreen.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	}
	#TrainingMenu li a {
	display: block;
	padding: 2px 5px 1px 5px;
	background-color: #1B8A3B;
	color: #ffffff;
	text-decoration: none;
	width: 190px;
	font-weight: bold;
}
	#TrainingMenu li a:hover {
		background-color: #52A66B;
		}
/* Broking menu */
#BrokingMenu {
	position:absolute;
	width:200px;
	height: 230px;
	z-index: 3;
	bottom: 0px;
	left: 0px;
	background-image: url(../Media/Images/MenuGrey.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	}
	#BrokingMenu li a {
	display: block;
	padding: 2px 5px 1px 5px;
	background-color: #4F4F56;
	color: #ffffff;
	text-decoration: none;
	width: 190px;
	font-weight: bold;
}
	#BrokingMenu li a:hover {
		background-color: #737378;
		}
/* Franchise menu */
#FranchiseMenu {
	position:absolute;
	width:200px;
	height: 230px;
	z-index: 3;
	bottom: 0px;
	left: 0px;
	background-image: url(../Media/Images/MenuGold.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	}
	#FranchiseMenu li a {
	display: block;
	padding: 2px 5px 1px 5px;
	background-color: #DAAF03;
	color: #ffffff;
	text-decoration: none;
	width: 190px;
	font-weight: bold;
}
	#FranchiseMenu li a:hover {
		background-color: #ECBD01;
		}
/* End of menus */

div#imagepanel {
	position:absolute;
	width: 280px;
	height: 280px;
	z-index:3;
	top: 70px;
	left: 210px;
}
/* Quotepanels */
div#RecruitmentQuotepanel {
	position: absolute;
	width: 260px;
	height: 260px;
	z-index: 3;
	top: 70px;
	left: 500px;
	background-image: url(../Media/Images/RecruitmentPanel.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding: 10px;
}
div#TrainingQuotepanel {
	position:absolute;
	width: 260px;
	height: 260px;
	z-index:3;
	top: 70px;
	left: 500px;
	background-image: url(../Media/Images/TrainingPanel.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding: 10px;
}
div#FranchiseQuotepanel {
	position:absolute;
	width: 260px;
	height: 260px;
	z-index:3;
	top: 70px;
	left: 500px;
	background-image: url(../Media/Images/FranchisePanel.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding: 10px;
}
div#BrokingQuotepanel {
	position: absolute;
	width: 260px;
	height: 260px;
	z-index: 3;
	top: 70px;
	left: 500px;
	background-image: url(../Media/Images/BrokingPanel.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding: 10px;
}
div#quote {
	position: absolute;
	width: auto;
	z-index: 4;
	bottom: 0px;
	right: 0px;
	font-size: small;
	text-align: right;
	font-weight: bold;
	padding: 10px;
	color: #ffffff;
}
div#quote h1
{
	font-size: 170%;
	font-weight: bold;
	color: #ffffff;

}
/* end of Quotepanels */
div#RecruitmentTopcurve {
	position: relative;
	width: 570px;
	height: 20px;
	z-index: 4;
	top: 0px;
	margin: 10px 0px 0px 0px;
	left: 210px;
	background-image: url(../Media/Images/RecruitmentTopCurve.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
}
div#TrainingTopcurve {
	position: relative;
	width: 570px;
	height: auto;
	z-index: 4;
	top: 0px;
	left: 210px;
	margin: 10px 0px 0px 0px;
	background-image: url(../Media/Images/TrainingTopCurve.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
}
div#BrokingTopcurve {
	position: relative;
	width: 570px;
	height: auto;
	z-index: 4;
	top: 0px;
	left: 210px;
	margin: 10px 0px 0px 0px;
	background-image: url(../Media/Images/BrokingTopCurve.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
}
div#FranchiseTopcurve {
	position: relative;
	width: 570px;
	height: auto;
	z-index: 4;
	top: 0px;
	left: 210px;
	margin: 10px 0px 0px 0px;
	background-image: url(../Media/Images/FranchiseTopCurve.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
}
/* Content */
div#RecruitmentContent {
	position: relative;
	width: 548px;
	height: auto;
	z-index: 4;
	top: 0px;
	left: 210px;
	border-left: 1px solid #CC0000;
	border-right: 1px solid #CC0000;
	padding: 0px 10px 0px 10px;
	font-size: small;
}
div#RecruitmentContent li{
	list-style: circle inside;
}
div#TrainingContent {
	position: relative;
	width: 548px;
	height: auto;
	z-index: 4;
	top: 0px;
	left: 210px;
	border-left: 1px solid #1B8A3B;
	border-right: 1px solid #1B8A3B;
	padding: 0px 10px 0px 10px;
	font-size: small;
}
div#TrainingContent li{
	list-style: circle inside;
}
div#BrokingContent {
	position: relative;
	width: 548px;
	height: auto;
	z-index: 4;
	top: 0px;
	left: 210px;
	border-left: 1px solid #4F4F56;
	border-right: 1px solid #4F4F56;
	padding: 0px 10px 0px 10px;
	font-size: small;
}
div#BrokingContent li{
	list-style: circle inside;
}

div#FranchiseContent {
	position: relative;
	width: 548px;
	height: auto;
	z-index: 4;
	top: 0px;
	left: 210px;
	border-left: 1px solid #DAAF03;
	border-right: 1px solid #DAAF03;
	padding: 0px 10px 0px 10px;
	font-size: small;
}
div#FranchiseContent li{
	list-style: circle inside;
}
div#bottomcurve {
	position: relative;
	width: 570px;
	height: auto;
	z-index: 4;
	top: 0px;
	left: 210px;
}

h1{
	font-size: medium;
	font-weight: bold;
	color: #333333;
	padding: 0px 0px 10px 0px;
}
h2{
	font-size: small;
	font-weight: bold;
	color: #333333;
	padding: 5px 0px 5px 0px;
}
.formlabels{
	font-family: "Trebuchet MS";
	font-size: small;
	font-weight: bold;
}
.regtext {
	font-size: xx-small;
	font-weight: normal;
	color: #333333;
}
p {
	font-family: "Trebuchet MS";
	padding: 5px 0px 5px 0px;
}
.errmsg{
	font-family: "Trebuchet MS";
	color: #CC0000;
}
strong{
	font-weight: bold;
}
/*Accessability logos styles*/
#accreditations {
	position: relative;
	left: 0px
	}
	#accreditations li {
	padding: 5px;
	float: left;
}