html, body {
	margin:0;
	padding:0;
}

body {
	background: #3B4C77 url('images/body_background3.jpg') repeat-x;
}

#topLeftBackgroundLayer {
	position:absolute;
	width: 75%;
	left:0;
	top:0px; 
	height:108px;
	background-color:#394769;
	z-index:0;
}

#holdingLayer {
	position:absolute;
	width: 730px;
	left:50%;
	margin-left: -365px;
	top:0px; 
	background: transparent url('images/top_background_image.jpg') no-repeat;
	height:100%;
	z-index:1;
}

p {
	margin: 0px 0px 12px 0px;
	padding:0px;
}

img {
	border:0;
}


#logoImageLayer {
	position:absolute;
	width: auto;
	left:40px;
	top:20px; 
	height:auto;
	background-color:transparent;
	z-index:1;
}

#roadCentreLogoRightLayer {
	position:absolute;
	width: auto;
	left:563px;
	top:92px; 
	height:auto;
	background-color:transparent;
	z-index:1;
}

#greenNavBarLayer {
	position:absolute;
	width: 698px;
	left:17px;
	top:117px; 
	height:44px;
	background-color:transparent;
	z-index:1;
}	

#contentHoldingLayer {
	position:absolute;
	width: 698px;
	left:17px;
	top:153px; 
	height:auto;
	background: #ffffff;
	z-index:1;
}


#rightContentLayer {
	float:right;
	width: 395px;
	height:100%;
	background-color:#ffffff;
	padding-right:33px;
	margin-bottom:90px;
	margin-top:34px;
	font-size: 8pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	color: #3F3F3F;
	line-height: 11pt;
	z-index:1;
}

html>body #rightContentLayer {
	width: 362px;
}

#rightContentLayer p {
	font-size: 10pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	color: #3F3F3F;
	line-height: 14pt;
}

#rightContentLayer .blueBoldText {
	font-size: 8pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	color: #5F6D90;
}

#rightContentLayer a.link {
	font-size: 8pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	color: #2a678e;
	text-decoration:none;
}

#rightContentLayer a.link:hover {
	font-size: 8pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	color: #5F6D90;
	text-decoration:none;
}

#formholder {
	position:absolute;
	top:36px;
	left:460px;
	width: 300px;
	height:300px;
	z-index:0;
}

#leftContentLayer {
	float:left;
	width: 286px;
	height:100%;
	background-color:#ffffff;
	margin-bottom:90px;
	margin-top:30px;
	font-size: 10pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	color: #3F3F3F;
	z-index:1;
}

#leftfiller {
	float:left;
	width: 286px;
	height:auto;
	background-color:#000000;
	margin-bottom:90px;
	margin-top:30px;
	font-size: 10pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	color: #3F3F3F;
	z-index:1;
}

#leftImageTopBackgroundLayer {
	position: absolute;
	top:30px;
	left:0;
	width: 286px;
	height:15px;
	background: #ffffff url('images/leftImageTopBckGround.jpg') no-repeat;
	z-index:1;
}

#leftImageLayer {
	position: relative;
	top:5px;
	left:0;
	width: 286px;
	height:auto;
	padding-left:11px;
	background: #ffffff url('images/left_image_background.jpg') repeat-y;
	z-index:3;
}

#leftImageBottomBackgroundLayer {
	position: relative;
	top:-4px;
	left:0;
	width: 286px;
	height:14px;
	background: #ffffff url('images/leftImageBottomBckGround.jpg') no-repeat;
	z-index:1;
}

#onlineCounsellingLayer {
	position: relative;
	top:10px;
	left:0px;
	width: 286px;
	height:auto;

	z-index:1;
}

#mailinglistLayer {
	position: relative;
	top:10px;
	left:0px;
	width: 286px;
	height:auto;

	z-index:1;
}

#leftTextLayer {
	position: relative;

	top:14px;
	left:10px;
	width: 272px;
	height:auto;
	font-size: 8pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;

	color: #1E1E1E;
	line-height:11pt;
	z-index:1;
}

#mailinglist{
	position: relative;

	top:14px;
	left:10px;
	width: 272px;
	height:auto;
	font-size: 8pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;

	color: #1E1E1E;
	line-height:11pt;
	z-index:1;
}

#boxBackground  {
	position: relative;
	padding-top:10px;
	padding-left: 10px;
	padding-right:10px;
	padding-bottom: 10px;
width: 216px;
	width/* */:/**/186px;
	width: /**/186px;
	background: white;
	border: 1px solid #DDDDDD;
	border: 0;
	background: #F5F3F1;
	padding: 8px 15px 10px 15px;
}

#boxBackground2  {
	position: relative;
	padding-top:10px;
	padding-left: 10px;
	padding-right:10px;
	padding-bottom: 10px;
	width: auto;
	height:auto;
	z-index:1;
	border:2px; border-style: solid; border-color: #E8EBF1;
	

background-color: #FFFFFF;
}

/* DOUBLE FRAME BOXES */

.out
{
	
	
	width: /**/268px;
	border: 1px solid #D9D9D9;
	padding: 1px 1px 1px 1px;
	background: white;
}

.innertext
{	width: /**/268px;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	color: #1E1E1E;
	padding: 10px;
}

.innertext2
{	width: /**/269px;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	color: #505050;
	padding-bottom: 5px;
		padding-top: 8px;
	padding-left:6px;
	line-height: 15px;
font-variant: normal;
text-transform: none;

}

.inner
{
	
	width/* */:/**/268px;
	
	background: white;
	border: 1px solid #DDDDDD;
	border: 0;
	background: #E5ECF1;
	padding: 0px; 
}

#leftTextLayer p {
	font-size: 8pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	color: #1E1E1E;
	margin: 0px 0px 8px 0px;
	
}

#leftTextLayer a {
	font-size: 8pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	color: #2a678e;
	text-decoration:none;
}

#leftTextLayer a:hover {
	font-size: 8pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	color: #5F6D90;
	text-decoration:none;
}

#leftTextLayer .blueBoldText {
	font-size: 8pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	color: #5F6D90;
}

#bottomLinksHoldingLayer {
	position: relative;
	top:7px;
	left:0px;
	width: 698px;
	height:106px;
	background: #3B4C77 url('images/bottom_links_background.jpg') no-repeat;
	padding-bottom:150px;
	clear:both;
	z-index:1;
}

html>body #bottomLinksHoldingLayer {
	padding-bottom:50px;
}

#bottomLinksLayer {
	position: absolute;
	top:32px;
	left:51px;
	width: 600px;
	height:auto;
	font-size: 7.5pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	color: #FFFFFF;
	z-index:1;
}

#bottomLinksLayer a {
	font-size: 7.5pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration:none;
}

#bottomLinksLayer a:hover {
	font-size: 7.5pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration:none;
}

#azureLogoLayer {
	font-size: 8pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	color: #FFFFFF;
	font-weight: normal;
	position: absolute;
	top:120px;
	left:0px;
	width: auto;
	height:auto;
	z-index:1;
}

#validationLayer {
	position: absolute;
	top:120px;
	left:410px;
	width: auto;
	height:31px;
	padding-bottom:30px;
	z-index:1;
}
	


	
.bodytext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 15px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;

	color: #404040;
}

bodytext a {
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	color: #919E46;
	text-decoration:none;
}

bodytext a:hover {
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	color: #919E46;
	text-decoration:none;
}

.h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #5F6D90;
}
#popupholder {
	
	padding:16px;
	width: 300px;
	height: auto;
	position: relative;
	font-size: 9px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	color: #595959; 
	}

#popup_title {
	
	padding:0px;
	width: 300px;
	height: auto;
	position: relative;

}.bodyBold {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 14px;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #333333;
}
.BlueText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 14px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #5F6D90;
}

.BlueBodyText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 14px;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #7F91BD;
}

#SubtitleHolder {
	position: absolute;
	height: auto;
	width: auto;
	left: 296px;
	z-index: 2;
	top: 67px;
}

#mission {
position: absolute;
top:40px;
left:110px;}