@charset "utf-8";
body {
	font-size: small;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	/*background: #666666;*/
	background: url(images/bg2.png) repeat-x top fixed;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}
body img{
	padding: 0;
	margin: 0;}
#container {
	width: 780px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
/*	background: #000000;
*/	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
/*	border: 1px solid #000000;
*/	text-align: left; /* this overrides the text-align: center on the body element. */
	padding-top: 0px;
	margin-top: 15px;
	clear: both;
}
#header {
/*	background: #fff; 
	background: url(4.png);*/
	background:url(images/main_header_bg2.png);
	height: 100px;
	padding: 0;
	margin: 0;   /*this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
}
#header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
#mainContent {
	padding: 0;/*30px 0 0 30px;  remember that padding is the space inside the div box and margin is the space outside the div box */
	margin: 0;
	background: #fff; /*url(images/main_bg.png) repeat-y;*/
	float: left;
	width: 780px;
/*	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
*/}
/*#mainContent img {
	padding: 0;
	margin: 0;
	}
*/#footer {
/*	border: 1px solid #0066FF;
*/	padding-bottom: 100px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	margin: 0;
	clear: both;
	font-size: 80%;
/*	border-top: 1px solid #CCC;
*/}
#footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding-top: 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	text-align: center;
}
#footer .left{
	float: left;
	text-align: left;
	width: 60%;
	padding-top: 3px;
	}
#footer .right{
	float: right;
	text-align: right;
	width: 40%;
	padding-top: 3px;
	}
/* ----- menu --------- */

#menu {
/*	padding-top: 5px;
*/	background: #fff;
	width: 780px;
	padding: 0;
	margin: 0;
	float: left;
/*	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
*/	clear: both;
}
#nav {
	float: left;
	width: 778px;
	margin: 0;
	padding: 10px 0 0 2px;
/*	padding-left: 2px;*/
	list-style: none;
	border-bottom: 1px solid #CCCCCC;
/*	background: #fff url(images/nav_bg.gif) repeat-x bottom left;*/
	}
#nav li {
	float: left;
	margin: 0;
/*	padding-left: 0px;
*/	font-family: "Lucida Grande", sans-serif;
	font-size: 110%;
	}
#nav a {
	float: left;
	display: block;
	margin: 0;
/*	padding: 2px 8px 2px 28px;*/
	padding: 2px 11px 2px 25px;
/*	padding-left: 23px;*/
	color: #3079A5;
	text-decoration: none;
/*	border: 1px solid #368ABC;
/*	border-bottom: none;
	background: #A3CCE4 url(img/off_bg.gif) repeat-x top left;
*/	font-size: 85%;
	border: none;

	}
#nav a:hover, body#home #tab-home a, body#about #tab-about a, body#programmes #tab-programmes a, 
body#services #tab-services a, body#partners #tab-partners a, body#location #tab-location a,
body#contact #tab-contact a, body#gallery #tab-gallery a, body#news #tab-news a,  body#career #tab-career a{
	color: #2B6D95;
	padding-bottom: 5px;
	border-color: #727377;
/*	background: #DEEDF5 url(img/on_bg.gif) repeat-x top left;
	border-bottom: 1px solid #000000;*/
	background: url(images/logo_small.png) no-repeat left;
	border-bottom: 5px #368ABC solid;
/*	background: url(tab.png) repeat-x top;
	border-top: 1px solid #000000;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	
*/	}

body#partners p{
	font-size: 90%;
}

/* ----------------- MYCEF Banner -------------------------------- */
#mainLeft {
	float: left;
	width: 570px;
	padding: 10px 0 0 30px;
        border-right: 1px #CCCCCC double;
}
#blinkx img{
	padding: 0;
	margin: 0;
	border: none;
}
#mycef{
	color: #005CB9;
	float: left;
/*	background: url(images/insep2.jpg) no-repeat;
*/	height: 200px;
	width: 570px;
        padding: 15px 10px 0 5px;
	text-align: left;
	color: #000000;
	line-height: 150%;
	clear: both;
}
#mycef-details {
	clear: both;
	padding: 10px;
	background-color: #E1EFF7;
	width: 530px;
        text-align: justify;
}

#mycef-details h4{
/*	padding-top: 30px;
*/	margin: 0;
}
#mycef-details p{
	color: #000000;
/*	font-style: italic;
*/	font-size: 95%;
	padding: 0;
	margin: 0;
	padding-bottom: 30px;
}
#mycef-details li{
	font-size: 95%;
	padding-top: 10px;
}
#mycef img{
	color: black;
	float: none;
	padding-left: 10px;
	margin: 0;
	border: none;
/*	padding-right: 38px;
border: 1px dashed;
	border-top-style: hidden;*/	
/*	margin-left: 70px;
*/	}

#mycef .free img{
	float: right;
/*	background: #FF0000;
*/	margin: 0;
	padding-right: 38px;
	padding-top: 15px;
	}
#mycef h3{
	padding-bottom: 10px;
	color: #333366;
}
#main_partner{
/*	background: #fff;*/
/*	border-left: 1px #CCCCCC double;
*/	float: left;
	width: 177px;
/*	width: 210px;
*/
/*	background: #ccc;*/

	}
#main_partner p, img{
		padding-left: 60px;
	}

#main_partner a{
	text-decoration: none;
	font-size: 80%;
	}
#main_partner img{
	padding-left: 35px;
/*	padding-left: 0px;
*/	padding-bottom: 30px;
	display: block;
	clear: both;	
	border: none;
}
.main_logo {
	padding-left: 16px;
}
.main_logo2{
	padding-left: 10px;
}
#u{
	padding-left: 52px;
	}
#u2 {
	float: right;
	}
#highlight{
	float: left;
	padding: 0;
	margin: 0;
	width: 530px;
	text-align:justify;
	line-height: 150%;
	}
#highlight h3{
	padding-top: 8px;
	padding-bottom: 0;
	margin: 0;
	color: #368ABC;
	}
#highlight strong{
	font-size: 110%;
}
#highlight img {
	border: none;
}
#about_main{
	width: 680px;
	background: #fff;
	float: left;
	padding: 20px 50px 20px 50px;
	}
#about_main p{
	text-align:justify;}
#about_main h3{
	padding-top: 8px;
	padding-bottom: 0;
	margin: 0;
	color: #368ABC;
}
#about_main img{
	float: right;
	padding-left: 8px;
	/*padding-left: 130px;*/
	}
#about_main strong{
	color: #368ABC;
	}
.star{
	background:#DCECF5;
	padding: 10px; 
	margin-bottom: 30px;
	text-align: justify;
	}
.star p{
	background: url(images/dot.png) no-repeat top left;
	padding-left: 18px;
	padding-bottom: 15px;
	}
	
.star h3{
	text-align: center;
}
#about_main li{
	padding-bottom: 15px;
	width: 600px;
	}
/* ----------------- programmes ---------------------- */
#programmes_main{
	font-size: 90%;
	background:#E5E5E5;
	width: 310px;
	float: left;
	padding: 20px 0 20px 20px;
}
#programmes_main a{
	text-decoration: none;
	}
#xframe {
	background: #fff;
	width: 375px;
	float: left;
/*	border-left: 1px solid #CCCCCC;
*/	padding: 0 10px 10px 10px;
	margin: 30px 0 20px 20px;
/*	border: 1px solid #CCCCCC;
*/}
/*------------partners ----------------*/
#partners_main{
	width: 680px;
	background: #fff;
	float: left;
	padding: 20px 50px 20px 50px;
	}
#partners_main img{
	padding: 0;
	margin: 0;
	float: left;
	}
#partners_main .note{
	width: 680px;
	float: left;
/*	background: #00CC99;
*/	text-align: left;
	font-size: 90%;
	margin-bottom: 10px;
	line-height: 140%;
}
#partners_main img{
/*	padding-right: 20px;
*/
	padding: 0;}
#partners_main .logo{
	width: 150px;
	margin: 0 auto;
	}
#partners_main .cisco{
	padding-left: 3px;
	}
#partners_main a{
	text-decoration: none;
	}
#partners_main p{
	float: left;
	padding-left: 10px;
	text-align:justify;
}
#parters_main .imgpad{
	margin-bottom: 100px;
	}
#cisco{
	background: #99CC00;
	padding-left: 10px;}
/* -------------------------- Location ------------------- */
#loc_main {
	width: 720px;
	float: left;
	padding: 30px 30px 0px 30px;
	background: url(images/about_building3.png) no-repeat bottom right;
	}
#loc_main h3 {
	padding-top: 8px;
	padding-bottom: 0;
	margin: 0;
	color: #368ABC;
}

#loc_main img {
	padding: 0;
}
#loc_main_left{
	float: left;
/*	background: #0066FF;
*/	margin-bottom: 20px;
	}
#loc_main_right{
	padding-left: 0px;
	float: left;
/*	background:#999999;
*/	margin-bottom: 20px;
	clear: right;
}
#loc_main_bottom{
	width: 60%;
	clear: both;
	}
#loc_main_bottom li {
	padding-bottom: 5px;
	text-align: justify;
	}
#loc_main_middle {
        float: left;
        text-align: justify;
        width: 700px;
        clear: both;
}
#map {
	width: 430px;
	
	}
/* -------------------- Contact page ----------------------- */
#mainContent h3{
	padding-top: 8px;
	padding-bottom: 0;
	margin: 0;
	color: #368ABC;
}
.contact_box{
/*	display: block;
*/	float: left;
	padding-right: 10px;
	width: 48%;
/*	background: #FFFFCC;
	border: 1px black solid;
*/	line-height: 150%;
	margin-bottom: 30px;
}
#contact_form{
/*	background: #666666;*/
	padding-top: 50px;
	clear: both;
	line-height: 150%;
}
#note{
	font-size: 80%;
}
/* -------------------- Gallery page ----------------------- */
#gallery_main {
	width: 720px;
	float: left;
	padding: 30px 30px 30px 30px;
	}
#gallery_main ul {
	list-style: none;
	}
#gallery_main h3{
	clear: both;
	}
#gallery_main a{
	text-decoration: none;
	}
#gallery_main img{
	border: none;
	}
/*#gallery_main .thumb{
	background: #fff;
	margin: 0;
	padding: 0;*/
/*	border: 1px solid #CCCCCC;
	}
*/#gallery_main img{
	padding:0;
	margin: 0;
	}
.gallery {
	padding-bottom: 130px;
	}
.gallery a {
	display:block;
	width:130px;
	text-align:center;
	float:left;
	overflow:hidden;
	margin:5px;
/*	padding:1px;
*/	padding: 6px 2px 7px 1px;
/*	padding-top:5px;
	padding-bottom: 7px;
	padding-right: 2px;
*/	border: solid 1px #ddd;
	background-color:#eee; 
}
.gallery a img{
	border: none;
}
/*#gallery_main .thumb img{
	padding: 0;
	margin: 0;
}
*/
#gallery_main li{
        padding-bottom: 10px;
}
#photonav{
	font-size: 90%;
	color: #FF0000;
	padding-bottom: 20px;
	}
/* ------------ services ------------------ */
#services_box{
/*	background: url(images/services/service_bg2.png) bottom right no-repeat;
*/		padding: 0 0 35px 15px;
	width: 95%;
/*	border: 1px solid #CCCCCC;
*/	float: left;

	margin-right: 0 0 40px 10px;
	line-height: 150%;
	text-align: justify;}
#services_box h5,h4{
	margin-top: 15px;
	margin-bottom: 0px;
	padding: 0;}
/*#services_box strong{
	color: #368ABC;}
*/#services_box ul{
	font-style:italic;
	margin-bottom: 0;
	padding-bottom: 0;
	}
/* --------------- contact ------------------ */
.formitem{
	display: block;
	clear: both;
	}
.req {
	float: left;
	color: #0066FF;
	}
.x{
	padding-top: 100px;}
#contact_main{
	width: 680px;
	background: #fff;
	float: left;
	padding: 20px 50px 20px 50px;
	text-align: center;
	}
#contact_main p{
	padding-top: 50px;
	}
#contact_form table{
	width: 550px;
	}
#contact_form .test2{
	background: #00FF00;
	width: 600px;
	}
#blinks{
	float: left;
	text-decoration:blink;
	font-size: 80%;
	color: #FF0000;
	clear: none;
	}
.news {
	float: left;
	padding-right: 90px;
	padding-bottom: 30px;
}
.news h3{
	font-size: 90%;
}
.xbottom {
	padding-bottom: 98px;
}
#register_form{
	width: 500px;
	padding: 50px 0 50px 80px;
}
#about_vacancy {
	width: 680px;
	background: #fff;
	float: left;
	padding: 20px 50px 50px 50px;
	text-align: justify;
}
.vacancy h2, strong{
	color: #368ABC;
}
.vacancy strong {
	color: #000;
}
.vacancy hr {
	margin-top: 50px;
	margin-bottom: 30px;
}
.vacancy li {
	padding-bottom: 10px;
}
.novellpad {
	padding-left: 10px;
	}
#mainContent2 {
	padding: 0 0 0 30px;
	margin: 0;
	background: #fff; /*url(images/main_bg.png) repeat-y;*/
	float: left;
	width: 750px;
}