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



/* -------General page CSS---------*/

body {
	margin:0;
	padding:0;
	background-color:#FFF;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	line-height:20px;
	color:rgb(88,89,91);
	
	}
	
#container {
	margin:0;
	padding:0;
	width:100%;
	height:100%;
	/** background-image:url(../images/Bg.jpg); 
	background-repeat:no-repeat;
	background-position:center 178px; **/
	
}

#wrapper {
	width:1040px;
	margin:0 auto 20px auto;
	
}

#menu_area {
	width:100%;
	
}

/* ---------FOR DROP DOWN MENU-----------------------------*/




.click-nav {margin:0; padding:0; width: auto; float:right; font-family:Arial, Helvetica, sans-serif; font-size:18px;}
.click-nav ul {position:relative;font-weight: normal; margin:0; padding:0;}
.click-nav ul li {position:relative;list-style:none;cursor:pointer; margin:0; padding:0; background-color: #FFF;}
.click-nav ul li ul {position:absolute;left:0;right:0; margin:0; padding:0 0 20px 0; width:300px; border-left:2px solid rgb(231,231,233);border-right:2px solid rgb(231,231,233);border-bottom:2px solid rgb(231,231,233); background-color:#FFF;}
.click-nav ul .clicker {position:relative;background:#FFF; color:rgb(88,89,91); display:inline-block; margin:0; padding:0 0 10px 30px;}
.click-nav ul .clicker:hover,.click-nav ul .active {background:#FFF; display:inline-block; color:rgb(0,174,239);}
.click-nav img {top:12px;right:12px;}
.click-nav ul li a {transition:background-color 0.2s ease-in-out;-webkit-transition:background-color 0.2s ease-in-out;
-moz-transition:background-color 0.2s ease-in-out;display:block;padding:8px 10px 8px 40px;background-color:#FFF; color:rgb(88,89,91);text-decoration:none;}
.click-nav ul li a:hover {background:rgb(245,245,245); }



/* Fallbacks */
.click-nav .no-js ul {display:none;}
.click-nav .no-js:hover ul {display:block;}


/*----------------------------------*/

.Logo_area {
	padding:15px 0 15px 0;
	float:left;
	
}

.white_space {
	width:90px;
	
}

.centre_strip {
	width:50px;
}

.text_area_non_colspan {
	
	vertical-align:top;
	font-size:15px;
	padding-bottom:30px;
	width:192px;
}

.text_area_colspan {
	width:385px;
	vertical-align:top;
	
}

.right_gradient {
	width:20px;
	/** background-image:url(../images/Right_Gradient.jpg);
	background-repeat:repeat-y;**/
	
}

.right_gradient_bottom {
	width:20px;
	/** background-image: url(../images/Right_Gradient_Bottom.jpg);
	height:42px; **/
	
}

.left_gradient {
	width:20px;
	/** background-image:url(../images/Left_Gradient.jpg);
	background-repeat:repeat-y;**/
	
}

.left_gradient_bottom {
	width:20px;
	/** background-image: url(../images/Left_Gradient_Bottom.jpg);
	height:42px; **/
	
}

.bottom_gradient {
	/**
	background-image: url(../images/Bottom_Gradient.jpg);
	background-repeat:repeat-x;
	height:42px;
	width:1000px;
	**/
	
}



/* -------General CSS Styling---------*/

.Intro_text {
	font-size:20px;
	line-height:26px;
}

h1 {
	font-size:34px;
	line-height:42px;
	color:rgb(0,174,239);
	font-style:italic;
	font-weight: 800;
	padding-top:30px;
	vertical-align:top;
}

h2 {
	font-size:22px;
	line-height:30px;
	color:rgb(0,174,239);
	font-style:italic;
	font-weight: 800;
	vertical-align:top;
}

h3 {
	font-size:20px;
	line-height:24px;
	color:rgb(0,174,239);
	font-style: normal;
	font-weight: 800;
	vertical-align:top;
	padding:0;
	margin:0;
}

h4 {
	font-size:16px;
	line-height:20px;
	color:rgb(0,174,239);
	font-style: normal;
	font-weight: 800;
	vertical-align:top;
	padding:0;
	margin:0;
}

.question {
	font-size:16px;
	line-height:20px;
	color:rgb(0,174,239);
	font-weight:bold;
	vertical-align:top;
	text-align:right;
	width:385px;
	
}

.italics {
	font-style:italic;
	font-size:20px;
	
}

.job_position {
	font-style:italic;
	font-weight:5 00;
	font-size:34px;
	color:#FFF;
	padding-left:25px;
	
}

li a {
	text-decoration:none;
	color:rgb(88,89,91);
}

li a:hover {
	text-decoration:none;
	color:rgb(0,174,239);
}

li a:active {
	text-decoration:none;
	color:rgb(88,89,91);
}

a {
	color:rgb(88,89,91);
}

a:hover {
	text-decoration:none;
	color:rgb(0,174,239);
}

a:active {
	text-decoration:none;
	color:rgb(88,89,91);
}

ul {
	padding:5px 20px 5px 50px;
	margin:0;
}

ol li {
	color:rgb(0,174,239);
	
}

ol li span {
	color:rgb(88,89,91);
	
}

a#home_link {
	text-decoration:underline;
	
}


a .button {
	height:40px;
	background-color:#87c979;
	font-size:18px;
	color:#FFF;
	float: left;
	border-radius:6px;
	text-align:center;
	padding-top:20px;
	
}

a:hover .button {
	height:40px;
	background-color:#00aeef;
	font-size:18px;
	color:#FFF;
	float: left;
	border-radius:6px;
	text-align:center;
	padding-top:20px;

}




/* -------Grey Area Styling---------*/

.grey_area {
	background-color:rgb(88,89,91);
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-size:24px;
	line-height:30px;
	color:#FFF;
	text-align:center;
	vertical-align:top;
	
}

.grey_area_title {
	font-size:34px;
	line-height:40px;
	font-weight:400;
	font-style:italic;	
}

.grey_area_text_below_title {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:100;
	color:#FFF;
	font-size:16px;
	font-style:normal;

}

.grey_added_class {
	vertical-align:top;
	padding-top:30px;
	padding-bottom:30px;
	
}

.grey_space {
	width:90px;
	
}

.light_grey_area {
	background-color:rgb(230,230,233);
	
}

/* -------Table Styling---------*/

.dark_green {
	font-size:22px;
	line-height:30px;
	color:#FFF;
	font-style:italic;
	background-color:rgb(136,201,121);
	text-align:left;
	width:410px;
	vertical-align:top;
	
}

.light_green {
	font-size:22px;
	color:#FFF;
	font-style:italic;
	background-color:rgb(169,214,159);
	text-align:left;
	width:410px;
	vertical-align:top;
}

.dark_green_training_and_seminars {
	font-size:22px;
	color:#FFF;
	font-style:italic;
	background-color:rgb(136,201,121);
	text-align:left;
	padding:5px 0 5px 20px;
	width:380px;	
	vertical-align:top;
	
}


.grey_training_and_seminars {
	font-size:22px;
	color:#FFF;
	font-style:italic;
	text-align:left;
	padding:5px 0 5px 0;
	width:380px;
	vertical-align:top;
	
}


.grey_about_us {
	font-size:22px;
	color:#FFF;
	font-style:italic;
	text-align: center;
	width:410px;
	vertical-align: middle;
	
}






