html { overflow-y: scroll; }


body {
	font: 12px Verdana, Helvetica, sans-serif;
	color: #72706F;
	margin-top: 50px;
	margin-bottom: 60px;
	text-align: justify;
	background-image: url(images/background.png);
	background-repeat: repeat-x;
	background-attachment: fixed;
}

#main-container 
{
	margin:0 auto;
	position:relative;
	width: 1000px;
	border: 8px solid #FFFFFF;
	padding: 0px;
	background-color: #FFFFFF;
    top: 0px;
}
	
.header {
	height: 195px;

}

.logo {

float: left;

}

.tagline {
	color: #00B5D6;
	font: 24px Verdana, Helvetica, sans-serif;
	float: left;
	padding-left: 18px; 
    width: 203px;
    height: 21px;
    margin-left: 36px;
    padding-top: 30px;
}

#banner-recruit {
	float: right;
	padding-bottom: 6px;
}
#banner-manage {
	float: right;
	padding-bottom: 6px;
}
#banner-train {
	float: right;
}

.navbar {
	display: block;
	height: 48px;
	background-color: white;
	margin-top: 15px;
/*	margin-right: 450px; */
/*	margin-left: 220px; */
	text-align: left;
/*	bottom-border: 1px solid; */
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #666666;
	border-bottom-color: #666666;
	
		
}

.navbar ul {
	background-color: white;
	color: #00B5D6;
	list-style: none;
	line-height: normal;
	padding-left: 12px;
	margin-left: 12px;
	display: inline;
	position: relative;
	top: 15px;
	
}

.navbar li {

display: inline;
padding-right: 10px;
margin-top: 20px;
font-size: 12px;
}

.navbar a {

	display: inline;
	color: #00B5D6; /*Original Turquoise */

	/* color: #109EC5;*/ /* Darker Turquoise */ 
	text-decoration: none;
	font-weight: bold;

}

.navbar a:hover {
	font-weight: bold;
	text-decoration: underline;
}


a.recruit {
	/* yellow */
	color: 	#E8CC09;
	font-weight:bold;
	text-decoration: none;
}

a:hover.recruit  {
	text-decoration: underline;
}

a.manage {
	/* orange */
	color: 	#F67811;
	font-weight:bold;
	text-decoration: none;
}

a:hover.manage  {
	text-decoration: underline;
}

a.train {
	/* red */
	color: 	#AE021C;
	font-weight:bold;
	text-decoration: none;
}

a:hover.train  {
	text-decoration: underline;
}

.main-text {
	position:relative;
	float:left;
	width:680px;
	left:20px;
	margin-top: 20px;
	border: 0px solid black;
	text-align: left;
}

.main-text p {
	font-size: 14px;
	font-family: Verdana, Helvetica, sans-serif;
	color: #666666;
	text-align: justify;
	
}

.main-text h1 {
	color: #000080;
	text-align: left;
/*	font-size: 2.5em; */
	font-family: Verdana, Helvetica, sans-serif;
}

.main-text a, .main-text a:visited {
	color: #666666;
	font-size:14px;
}

.main-text a:hover {
	color:#39F;
}

.single-block-text {
	position:relative;
	width:960px;
	left:20px;
	margin-top: 20px;
	border: 0px solid black;
}

.title {
	color: #666666;
	text-align: left;
	font-size: 22px;
	font-family: Verdana, sans-serif;

}

.subtitle {
	color: #666666;
	text-align: left;
	font-size: 20px;
	padding-bottom: 0px;
}

.service-title {
	color: #666666;
	text-align: left;
	font-size: 16px;
	font-family: Verdana, sans-serif;
	margin-bottom: 6px;
	font-weight:bold;
    width: 530px;

}

.service-category {
	color: #666666;
	text-align: left;
	font-size: 12px;
	font-family: Verdana, sans-serif;
	margin-left: 40px;
	margin-bottom: 40px;
	width: 530px;

}

#recruit-main-title {
	color: #E8CC09;
	/*	background-color:#AAC5DF;*/
	text-align: left;
	font-size: 46px;
	font-family: Verdana, sans-serif;
	margin-bottom: 6px;
	font-weight:normal;
	width: 530px;
	height:60px;

}

#manage-main-title {
	color: #E46B07;
	/*	background-color:#AAC5DF;*/
	text-align: left;
	font-size: 46px;
	font-family: Verdana, sans-serif;
	margin-bottom: 6px;
	font-weight:normal;
	width: 530px;
	height:60px;

}

#train-main-title {
	color: #AE021C;
	/*	background-color:#AAC5DF;*/
	text-align: left;
	font-size: 46px;
	font-family: Verdana, sans-serif;
	margin-bottom: 6px;
	font-weight:normal;
	width: 530px;
	height:60px;

}

.main-text ul {
	text-align: left;
	padding-left: 25px;
	font-size: 1.3em;
	color: black;
	
}

.main-text li {
	text-align: left;
	padding-bottom: 5px;
}

.footer 
{
	margin:0 auto;
	position:relative;
	width: 1000px;
	border: 8px solid #FFFFFF;
	color: #666666;
	text-align: center;
	line-height: normal;
	font-size: smaller;
	background:#FFFFFF;
	height: 20px;
	bottom: 5px;
}


.footer p 
{
    margin-top: 3px;
}
.image-right {
	border: 0px solid black;
	position: relative;
	top:60px;
	float:right;
	width:280px;
	text-align:center;
}

.image-right img {
border: 0px solid black;
}

.booked {
font-family: Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF;
font-size: 10px;
background:#009966;
width:100px;
}

.notbooked {
font-family: Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF;
font-size: 10px;
background:#cc3333;
width:100px;
}

/* Interview schedule booking form */
.row {
	margin-left: 20px;
	padding-bottom: 8px;
	border:0px solid black;
}

.slot {
	display: inline;
	margin-right: 160px;
}

.submit {
	margin-left: 120px;
}

/* Contact form */

div.contact {
	 
	margin-top: 10px;
	border: 1px solid #242323;
	
	}

div.contact label{
	display:block;
	color:#555555;
	padding: 0px 0px 15px 0px;
	
}


.input-text{
	border:1px solid;
	width:180px;
}

.textarea-style{
	font: 12px Tahoma, Helvetica, sans-serif;
	line-height: 1.5;
	border:1px solid;
	width:280px;
	height:180px;
	
}

div.contact label span{
	display:block;
	float:left;
	padding-right:6px;
	padding-top:4px;
	width:100px;
	text-align:right;
	
}

.formStyle {
visibility: hidden;
display:none
}

.button {
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF;
font-size: 10px;
background:#666666;
width:100px;
margin: 0px 0px 0px 180px;
}

#error {
	color: red;
	 /* font-weight: bold; */
	margin-top: 8px;
	margin-bottom: 8px;
	margin-left: 106px;
	height: 14px;
	border: black 0px solid;
}

/* iv_report.php styles */
.report-input {
	display:inline;
	float: left;
	margin-right: 10px;
}

/* Don't delete anything below here */

	.dhtmlgoodies_control a {
	color: #000080;

}

.dhtmlgoodies_control a:visited {
	color: #000080;

}


.dhtmlgoodies_control a:hover {
	text-decoration: underline;
	color: red;
	
}



	.dhtmlgoodies_contentBox{
		
		height:0px;
		visibility:hidden;
		position:relative;
		overflow:hidden;
		width:750px;
	/*	background: #D0C8C8; */
		background: #FFFFFF;		
		color: black;
/*		border: 2.5px solid #000080; */
		
/*		margin-top: 4px;*/
						
	}

	.dhtmlgoodies_content{
	position:relative;
	width:96%;
	font-size: 14px;
	padding: 8px;
	text-align: justify;	
		
}