@charset "utf-8";
/* CSS Document */
body{
	font: normal 12px Arial, Helvetica, sans-serif;
	color:#455560;
/*	background-image:url(../images/repeat_pattern.gif);
	background-position:left top;
	background-repeat:repeat;*/
	background-color:#FFFFFF;
	margin: 0;
	padding:0;
	height:100%;
	background-image:url(../images/bg_shadow.jpg);
	background-color:#FFFFFF;
	background-position:center top;
	background-repeat:repeat-y;
}

img{
	border:0;
}

h1, h2, h3, h4, h5, h6, p, ul, li{
	margin:0;
	padding:0;
}

h1 span{
	display:none;
}

a{
	color:#455560;
	text-decoration:none;	
}

#mainContainer{
	width:1056px;
	margin:0 auto;
	height:100%;
}
#leftContainer ul, #leftContainer ol{
margin-left: 25px;
}
#leftContainer li{
margin-bottom: 1em;
}
#leftContainer li, #leftContainer p{
line-height: 1.5em;
}
#shadowContainer{
	width:1056px;
/*	background-image:url(../images/bg_shadow.png);
	background-position:left top;
	background-repeat:repeat-y;*/
	float:left;
	height:100%;
}


#mainContentContainer{
	width:950px;
	margin: 0 auto;
	background-color:#FFFFFF;
}

#topContainer{
	width:910px;
	height:118px;
	padding: 0 20px;
}

#topContainer h1{
	display:inline;
	float:left;
}

#topContainer ul{
	float:right;
	list-style-type:none;
}

#topContainer ul li{
	display:inline;
	color:#066928;
	font-size:10px;
	text-transform:uppercase;
	padding: 0 8px;
	background-image:url(../images/nav_divider.gif);
	background-repeat:no-repeat;
	background-position:right 3px;
}

#topContainer ul li a{
	color:#066928;
	text-decoration:none;
}


#headerContainer{
	width:950px;
	height:263px;
}

/*
#headerContainer ul{
	width:230px;
	margin: 0 0 0 20px;
	list-style-type:none;
}

#headerContainer ul li{
	padding:18px 0 19px 15px;
	color:#FFFFFF;
	text-transform:uppercase;
	background-image:url(../images/nav_bg.png);
	background-position:left top;
	background-repeat:repeat;
	border-bottom: dotted 1px #FFFFFF;
}

#headerContainer ul li a{
	display:block;
	padding: 0 0 0 15px;
	background-image:url(../images/gray_bullet.gif);
	background-repeat:no-repeat;
	background-position: 0 1px;
	text-decoration:none;
	color:#FFFFFF;
}

#headerContainer ul li.selected a{
	background-image:url(../images/green_bullet.gif);
	background-repeat:no-repeat;
	background-position: 0 2px;
}
*/
#contentContainer{
	width:910px;
	padding:0 20px 20px 20px;
	clear:both;
	float:left;
}

#contentContainer h2{
	font: normal 22px Verdana, Arial, Helvetica, sans-serif;
	color:#066928;
}

#contentContainer h3{
	font: normal 17px Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.3em;
	color:#066928;
	text-transform: uppercase;
	text-align: left;
}

#contentContainer #leftContainer{
	width:595px;
	padding:0 25px 0 0;
	float:left;
	text-align:justify;
}

#leftContainer h5{
	font-size:15px;
}

#contentContainer #leftContainer p{
	margin: 15px 0 15px 0;
}

#contentContainer #rightContainer{
	width:290px;
	float:right;
	padding:28px 0 0 0;
}

#contentContainer #careerNav{
	width:100%;
	border-bottom: solid 1px #066928;
	height:25px;
	margin: 8px 0 0 0;
}

#contentContainer #careerNav li{
	display:inline;
}

#contentContainer #careerNav li a{
	color:#332f2b;
	text-decoration:none;
	font-size:12px;
	font-family:Verdana, Geneva, sans-serif;
	font-weight:bold;
}

#contentContainer #careerNav li a span{
	float:left;
	padding:5px 10px 6px 25px;
	background-image:url(../images/white_bullet.gif);
	background-repeat:no-repeat;
	background-position:16px 7px;
	color:#332f2b;
	cursor:hand;
}

/*#contentContainer #careerNav li a span.firstChild{
	padding-left:0;
}*/

#contentContainer #careerNav li a span.selected{
	float:left;
	padding:5px 10px 6px 18px;
	background-color:#066928;
	background-image:url(../images/green_bullet.gif);
	background-repeat:no-repeat;
	background-position:8px 8px;
	color:#FFFFFF;
	cursor:hand;
}

#contentContainer #printMenu{
	width:100%;
	float:right;
	height:18px;
	margin: 8px 0 0 0;
	text-align:right;
}

#contentContainer #printMenu li{
	display:inline;
	padding: 0 0 0 6px;
}

#contentContainer #history{
	margin: 12px 0;	
}

#contentContainer #history thead th{
	text-align:left;
	padding: 5px 0;
	border-bottom:solid 1px #066928;
	vertical-align:top;
}

#contentContainer #history tbody td{
	vertical-align:top;
	text-align:left;
	padding: 5px 0;
	border-bottom: solid 1px #E6E6E6;
}

#contentContainer #history tbody tr.alternate{
	background-color:#EFEFEF;
}

#contentContainer #history tbody td.lastChild{
	border:none 0;
}


#contentContainer #vacancies{
	margin: 12px 0;	
}

#contentContainer #vacancies thead th{
	text-align:left;
	padding: 5px 0;
	color:#066928;
	text-transform:uppercase;
	border-bottom:solid 1px #066928;
	vertical-align:top;
}

#contentContainer #vacancies tbody td{
	vertical-align:top;
	text-align:left;
	padding: 5px 0;
	border-bottom: dotted 1px #E6E6E6;
}

#contentContainer #vacancies tbody td a{
	color:#066928;
	text-decoration:underline;
}

#contentContainer #vacancies tbody tr.alternate{
	background-color:#EFEFEF;
}

#contentContainer #vacancies tbody td.lastChild{
	border:none 0;
}

#contentContainer #leftContainer p.contact{
	margin: 3px 0;
}

#contentContainer #leftContainer #registration form p{
	margin:0;
	padding:0;
}
#registration h1 {
font-size:14px;
font-weight:bold;
margin-bottom:8px;
}


#contentContainer #leftContainer #registration p.signup{
font-size:11px;
color:#666666;
margin-bottom:20px;
border-bottom:solid 1px #b7ddf2;
padding-bottom:10px;
}

div.signup{
font-size:11px;
color:#666666;
margin-bottom:20px;
border-bottom:solid 1px #b7ddf2;
padding-bottom:10px;
height:45px;
}

div.signup a{
	color:#999999;
	cursor:hand;
}

div.signup a.selected{
	color:#000000;
}

div.signup div{
	float:left;
	padding: 0 25px 0 10px;
	border-right: solid 1px #CCCCCC;
}

div.signup div.firstChild{
	padding-left: 0;
}

div.signup div.lastChild{

	border-right:medium none;
}

#registration .wrapForm{
	width:590px;
	float:left;
}

#registration label{
clear:both;
display:block;
font-weight:bold;
text-align:right;
width:140px;
float:left;
}
#registration .small{
clear:both;
color:#666666;
display:block;
font-size:11px;
font-weight:normal;
text-align:right;
width:140px;
}

#contentContainer div.error{
padding: 5px 0 5px 45px;
color:#FF0000;
font-size:11px;
font-weight:normal;
text-align:left;
background-color:#FBF8CE;
border: solid 1px #E0E35B;
margin-bottom:10px;
clear:both;
}

#registration div.success, div.success{
padding: 5px 0 5px 45px;
color:#009900;
font-size:11px;
font-weight:normal;
text-align:left;
background-color:#E6FFE6;
border: solid 1px #00C100;
margin-bottom:10px;
clear:both;
}


#registration input, #registration select{
float:left;
font-size:12px;
padding:4px 2px;
border:solid 1px #aacfe4;
width:200px;
margin:2px 0 20px 10px;
}


.break td{
	height:1px;
	background-color:#888888;
}

.lightbreak td{
	height:1px;
	background-color:#DDDDDD;
}

#candList a{
	color:#444444;
	text-decoration:none;
}

#candList{
	margin:0 0 50px 0;
}

#candList td, #candList th{
	text-align:left;
}


#registration .button{
	margin-left:160px;
	width:75px;
	height:25px;
	background:#666666 url(img/button.png) no-repeat;
	text-align:center;
	color:#FFFFFF;
	font-size:11px;
	font-weight:bold;
	border:solid 1px #000000;
}


#rightContainer #leftLogin{
border:solid 2px #b7ddf2;
background:#ebf4fb;
padding:0 8px;
height:200px;
}

#rightContainer h1 {
	font-size:14px;
	font-weight:bold;
	margin-bottom:8px;
	padding-top:5px;
	color:#066928;
}
#rightContainer #leftLogin p{
	font-size:11px;
	color:#666666;
	margin-bottom:20px;
	border-bottom:solid 1px #b7ddf2;
	padding-bottom:10px;
}
#rightContainer label{
	font-weight:bold;
	text-align:left;
	width:90px;
	float:left;
}
#rightContainer .small{
	color:#666666;
	display:block;
	font-size:11px;
	font-weight:normal;
	text-align:left;
	width:90px;
}
#rightContainer input{
	float:left;
	font-size:11px;
	padding:2px;
	border:solid 1px #aacfe4;
	width:160px;
	margin:2px 0 20px 10px;
}

#rightContainer .button{
	margin-left:100px;
	width:75px;
	height:25px;
	background:#666666 url(img/button.png) no-repeat;
	text-align:center;
	color:#FFFFFF;
	font-size:11px;
	font-weight:bold;
}




#rightContainer #redBox{
	width:254px;
	background-color:#d52133;
	background-image:url(../images/red_bg.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	padding: 8px 18px 5px 18px;
	color:#FFFFFF;
	margin: 0 0 20px 0;
}

#rightContainer #redBox span{
	font-size:12px;
	font-style:italic;
	font-weight:bold;
}

#rightContainer #redBox p{
	margin:5px 0 10px 0;
}

#rightContainer #redBox h3{
	font: normal 21px Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
}


#rightContainer #greenBox{
	width:254px;
	background-color:#04521f;
	background-image:url(../images/green_bg.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	padding: 8px 18px 5px 18px;
	color:#FFFFFF;
	margin-bottom: 20px;
}

#rightContainer #greenBox a{
	text-decoration:none;
	color:#FFFFFF;
}

#rightContainer #greenBox a.selected{
	
}

#rightContainer #greenBox p{
	margin:5px 0 10px 0;
}

#rightContainer #greenBox h3{
	font: normal 21px Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
}

#rightContainer #greenBox ul{
	margin:8px 0;
	padding:0 0 0 10px;
	display:block;
	list-style:none;
}

#rightContainer #greenBox ul li{
	background-image:url(../images/green_bullet.gif);
	background-position:left center;
	background-repeat:no-repeat;
	padding: 3px 0 3px 12px;
}



#rightContainer #welcomeBox{
	width:254px;
	background-color:#04521f;
	background-image:url(../images/green_bg.gif);
	background-repeat:no-repeat;
	background-position:left top;
	padding: 8px 18px 5px 18px;
	color:#FFFFFF;
	margin-bottom: 20px;
}

#rightContainer #welcomeBox a{
	text-decoration:none;
	color:#FFFFFF;
}

#rightContainer #welcomeBox a.selected{
	
}

#rightContainer #welcomeBox p{
	margin:5px 0 10px 0;
}

#rightContainer #welcomeBox h3{
	font: normal 21px Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
}

#rightContainer #welcomeBox ul{
	margin:8px 0;
	padding:0 0 0 10px;
	display:block;
	list-style:none;
}

#rightContainer #welcomeBox ul li{
	background-image:url(../images/green_bullet.gif);
	background-position:left center;
	background-repeat:no-repeat;
	padding: 3px 0 3px 12px;
}



#footer{
	width:910px;
	padding: 6px 20px;
	border-top: solid 1px #ebebec;
	float:left;
	font-size:11px;
	color:#6e6e6e;
}

#footer ul{
	width:835px;
	margin: 10px 0 0 0;
	list-style-type:none;
	display:block;
}

#footer ul li{
	display:inline;
	padding: 0 8px;
	background-image:url(../images/nav_divider.gif);
	background-repeat:no-repeat;
	background-position:right 3px;
}

#footer ul li a{
	color:#6e6e6e;
	text-decoration:none;

}

#footer p{
	padding:10px 0 0 0;
	margin:0 0 0 83px;
}

#footer img{
	float:left;
	margin: 0 10px 0 0;
}

#leftContainer a{
	text-decoration:underline;
}


/************** CLASSES *****************/

.homeHeader{
	background-image:url(../images/bg/header_home.jpg);
	background-position:left top;
}

.aboutHeader{
	background-image:url(../images/bg/header_about.jpg);
	background-position:left top;
}

.imagelibraryHeader{
	background-image:url(../images/bg/header_library.jpg);
	background-position:left top;
}

.careerHeader{
	background-image:url(../images/bg/header_career.jpg);
	background-position:left top;
}

.contactHeader{
	background-image:url(../images/bg/header_contact.jpg);
	background-position:left top;
}

.historyHeader{
	background-image:url(../images/bg/history1.jpg);
	background-position:left top;
}

.emHeader{
	background-image:url(../images/bg/emiratization.jpg);
	background-position:left top;
}
.em1Header{
	background-image:url(../images/bg/reaching_emiraties1.jpg);
	background-position:left top;
}
.em2Header{
	background-image:url(../images/bg/reaching_emiraties2.jpg);
	background-position:left top;
}

.dphssfwpHeader{
	background-image:url(../images/bg/dphssfwp.jpg);
	background-position:left top;
}


.scholarshipHeader{
	background-image:url(../images/bg/scholarship.jpg);
	background-position:left top;
}

.internshipHeader{
	background-image:url(../images/bg/internship.jpg);
	background-position:left top;
}

.ndpHeader{
	background-image:url(../images/bg/ndp.jpg);
	background-position:left top;
}

.apprenticeshipHeader{
	background-image:url(../images/bg/apprenticeship.jpg);
	background-position:left top;
}



#topContainer img.logo{
	margin: 20px 0 0 0;
}

#contentContainer #leftContainer p.prominent{
	font-size:14px;
	line-height:18px;
}

#contentContainer #leftContainer p.firstPara{
	margin: 5px 0 30px 0;
}

#headerContainer ul li.lastChild{
	border:medium none;
	padding-bottom:17px;
	padding-top: 15px;
}

#headerContainer ul li.selected{
	background-color:#066928;
	background-image:none;
}

#topContainer ul li.lastChild, #footer ul li.lastChild{
	background-image:none;
	padding-right:0;
}

p.forgotpassword{
	clear:both;
	font-size:10px;
	border:medium none;
	margin:0;
	padding:0;
}

#rightContainer #leftLogin p.forgotpassword{
	clear:both;
	font-size:10px;
	border:medium none;
	margin:0;
	padding:0;
}

p.forgotpassword a{
	color:#04521f;
	text-decoration:underline;
}

/* -------------- menu -------------- */

/* Basic code - don't modify */
 
 #nav { 
 	float: left;
 	display: inline; 
	list-style:none; 
	width:230px;
	margin: 0 0 0 20px;
	list-style-type:none;
		
	}
  #nav li { 
  display: block; 
  list-style: none; 
  float: none; 
  position: relative; 
  list-style:none;

  	padding:19px 0 19px 15px;
	color:#FFFFFF;
	text-transform:uppercase;
	background-image:url(../images/nav_bg.png);
	background-position:left top;
	background-repeat:repeat;
	border-bottom: dotted 1px #FFFFFF;
  
  
  }
  
  #nav a { display: block; }
  #nav ul { display: none; position: absolute; left: 0; margin: 0; padding: 0;}
  * html #nav ul { line-height: 0; } /* IE6 "fix" */
  	#nav ul a { zoom: 1; } /* IE6/7 fix */
    #nav ul li { float: none; padding: 0;text-transform: none;}
    #nav ul ul {top: 0px; }
    
/* Essentials - configure this */

#nav ul { left: 200px; width: 230px;}
#nav ul ul { left: 230px;}

/* Everything else is theming */
 
/* #nav { background-color: #FFFFFF; } */

#nav *:hover { background-color: none; }
#nav li:hover { 
	background-color: #066928;
	background-image:url(../images/green_bg.gif);
	background-position:left top;
	background-repeat:repeat;
}
#nav a { color: #FFFFFF; padding: 0px; text-decoration:none;}
  
  #nav ul { top: 0px; }
    #nav ul li a { background-color:none; border:none; }
      #nav ul li a.hover { background-color: #066928; opacity: 1.0; filter: alpha(opacity=100); color: #ffffff; }
   #nav ul li a { border-right: none; opacity: 0.95; filter: alpha(opacity=95); }

#nav li ul li a{
	line-height: 15px; 
 	display:block;
	padding:14px 0 13px 15px;
	background-image: none;
	text-decoration:none;
	color:#FFFFFF;
}
#nav li ul li a:hover{
	color: #ffffff;
}


#nav li a{
 	display:block;
	padding: 0 0 0 15px;
	background-image:url(../images/gray_bullet.gif);
	background-repeat:no-repeat;
	background-position: 0 1px;
	text-decoration:none;
	color:#FFFFFF;
}
#nav li a:hover{
 color: #ffffff;
}

/* -------------- menu -------------- */


/*
#headerContainer ul{
	width:230px;
	margin: 0 0 0 20px;
	list-style-type:none;
}

#headerContainer ul li{
	padding:18px 0 19px 15px;
	color:#FFFFFF;
	text-transform:uppercase;
	background-image:url(../images/nav_bg.png);
	background-position:left top;
	background-repeat:repeat;
	border-bottom: dotted 1px #FFFFFF;
}

#headerContainer ul li a{
	display:block;
	padding: 0 0 0 15px;
	background-image:url(../images/gray_bullet.gif);
	background-repeat:no-repeat;
	background-position: 0 1px;
	text-decoration:none;
	color:#FFFFFF;
}

#headerContainer ul li.selected a{
	background-image:url(../images/green_bullet.gif);
	background-repeat:no-repeat;
	background-position: 0 2px;
}
*/

#leftContainer #sitemap{
	list-style-type: none;
	padding-left: 40px;
}
#leftContainer #sitemap li{
	padding: 5px;
	text-transform:uppercase;
}

#leftContainer #sitemap li li{
	padding: 5px 0;
	text-transform:none;
}

#leftContainer #sitemap li ul{
	padding-left: 40px;
}

table td.grayLine{
	border-bottom:1px solid #CCCCCC;
}

table td.Caption{
	color:#999999;
}

img.embImage{
	margin:0 0 5px 5px;
}

p.formbutton{
	float:left;
	clear:both;
	width:100%;
}

#registration p.formbutton  input.button{
	margin-left:10px;
	width:auto;
}

#form label.error {
	float: left;
	color: red;
	padding-left: .5em;
	vertical-align: top;
	font-size:11px;
	clear:none;
	display:block;
	width:auto;
	text-align:left;
	padding:6px 0 0 5px;
	width:226px;
}


@media print{
	body{
		background-image:none;
	}
	#headerContainer, #printMenu, #rightContainer, #topContainer ul, #careerNav{
		display: none;
	}
	#contentContainer, #topContainer{
		padding: 0;
	}
	#contentContainer h2{
		color: #000000;
		font-size: 16px;
		font-weight:bold;
	}
	
	#contentContainer h3{
		color: #000000;
		font-size: 14px;
		font-weight:bold;
	}
	#footer{
		width: 595px;
	}
	#footer ul li{
		background-image: none;
	}
	#footer ul li.lastChild{
		display: none;
	}
}