/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
	background-color:#d7d7d7;
}
ol, ul {
list-style:none;

}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}


/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}



<!----------------------------- Main structure styling ------------------------------------------------------>



#main{
	width:auto; 
	height:auto; 
	text-align:center;
	  
		
}


#container{
	background:url(../img/bg.jpg) no-repeat;
	position:relative; 
	width:860px; 
	height:563px; 
	margin:0 auto; 
	text-align: left;
	font-size:11px; 
	font-family:helvetica;
	line-height:140%; 
	margin-top:50px;
	text-align:left;
}

#container p{
	padding:10px 0px 10px 0px;

}

#top_nav{
	position:absolute;
	top:50px;
	left:240px;
	width:339px;
	

}

#top_nav ul li{
	display:block;
	float:left;
	height:34px;
	width:113px;
	text-align:center;
	vertical-align:middle;
	border-bottom:3px solid red;
	list-style:none;
	
}


#main_content{
	position:absolute;
	width:564px;
	top:120px;
	left:21px;
	


}

#main_content h1{
	font-family:myriad pro, helvetica, verdana;
	font-size:20px;
	}


	
#main_content h2{
	font-family: helvetica; 
	font-size:14px; 
	color:#2d5577; 
	letter-spacing:0.1em;
	padding:10px 0px 0px 0px;
}
	
#main_content span{
	color:#A30001;
	
}
	

#main_content_height{
	position:absolute;
	width:580px;
	top:120px;
	left:21px;
	height:420px;
	overflow:scroll;
	padding-top:5px;
}


#main_content_height h1{
	font-family:myriad pro, helvetica, verdana;
	font-size:20px;
	}


	
#main_content_height h2{
	font-family: helvetica; 
	font-size:14px; 
	color:#2d5577; 
	letter-spacing:0.1em;
	padding:10px 0px 0px 0px;
}
	
#main_content_height span{
	color:#A30001;
	
}

#bullet ul{

	list-style:disc;	

}



<!--- Main content images-------->

#main_content .resettlement_img {
	position:absolute;
	left:0px;
	top:320px;
}

#main_content .skills_development_img {
	position:absolute;
	left:0px;
	top:210px;
}

#main_content .bridge_programme_img {
	position:absolute;
	left:0px;
	top:320px;
}


#programmes_list{
	position:absolute;
	width:436px;
	left:115px;
	top:100px;

}

#programmes_list h2{
	font-family: helvetica; 
	font-size:14px; 
	color:#2d5577; 
	letter-spacing:0.1em;
	padding:10px 0px 0px 0px;
}

#programmes_list li{
	padding:0px 0px 30px 0px;
	}


#right_nav{
	position:absolute;
	width:210px;
	right:19px;
	top:255px;

}

#right_nav .white{
	color:#ffffff;
	font-weight:bold;
}

#right_nav p{
	padding:0px;
	}

#right_nav .submit{
	padding:2px 0px 0px 3px;
}


#right_nav h1{
	font-family:helvetica; 
	font-size:10px; 
	font-weight:bold; 
	color:#ffffff;
	padding:10px 0px 10px 0px;
}


#footer{
	width:860px;
	margin:0 auto;
}

#footer p {
	text-align:center;
	padding:10px 0px 10px 0px;
	font-size:11px; 
	font-family:helvetica;
	line-height:140%; 

}


<!-- Right nav normal styling for all pages except index ---------->

div#right_nav ul.latest_news {width:100%;  padding:3px 0px 3px 10px;}
div#right_nav ul.latest_news li{margin-left:20px; padding:5px 0px 5px 0px; list-style:none;}
div#right_nav ul li a{text-decoration: none; font-family:Arial, Helvetica, sans-serif; font-size:9.5px; color:#ffffff;}
div#right_nav ul li a:hover{text-decoration: underline; color: #000000;}
div#right_nav a{color:#000000; text-decoration:none;}
div#right_nav a:hover{color:red; text-decoration:underline;}

.links a:link {text-decoration: none; color:#000000;}
.links a:visited {text-decoration: none; color:#000000;}
.links a:active {text-decoration: none; color:#000000;}
.links a:hover {text-decoration: underline; color: red;}
.links{padding-top:10px; list-style:circle;}

div#top_nav a:link {text-decoration: none; color:#000000;}
div#top_nav a:visited {text-decoration: none; color:#000000;}
div#top_nav a:active {text-decoration: none; color:#000000;}
div#top_nav a:hover {text-decoration: underline; color: red;}

div#footer a {color:#000000; text-decoration: none;}
div#footer a:visited {text-decoration: none; color:#000000;}
div#footer a:active {text-decoration: none; color:#000000;}
div#footer a:hover {text-decoration: underline; color: red;}

div#programmes_list a {color:red; text-decoration: none;}
div#programmes_list a:visited {text-decoration: none; color:red;}
div#programmes_list a:active {text-decoration: none; color:#000000;}
div#programmes_list a:hover {text-decoration: underline; color:#000000;}

div#modalbox_container a {color:red; text-decoration: none;}
div#modalbox_container a:visited {text-decoration: none; color:red;}
div#modalbox_container a:active {text-decoration: none; color:#000000;}
div#modalbox_container a:hover {text-decoration: underline; color:#000000;}





#gallery_col_left {
	width:282px;
	float:left;
	
}



#gallery_col_right {
	width:282px;
	float:right;
	
}




.floatright{float:right; padding:15px 15px 15px 15px;}

.floatleft{
	float:left; padding:15px 15px 15px 15px;
}
.pdf_icon{
	padding-right:5px;
}



<!-- Light Box styling -->

#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }

#lightbox img{ border: none; } 
#overlay img{ border: none; }




<!---- Contact Form ----->

.address {float:left; width:280px; height:390px; }
#contact_form {float:left; width:260px; height:390px; margin-left:30px; display:inline;}




<!-- recruitment page ------>

#modalbox_main{
	width:auto; 
	height:auto; 
	text-align:center;
	
}

#modalbox_container{
position:relative;
padding-top:103px;
width:847px;
height:441px;
background-color:white;
margin: 0 auto;

}

#modalbox_container p{
	font-family:helvetica,arial,verdana;
	line-height:14px;
}

#modalbox_logo{
	position:absolute;
	left:18px;
	top:18px;
}


table.recruit {border:#D0D0D0; font-size:12px; padding:10px; font:helvetica,arial,verdana;}

.table_header{
background-color:#c40e0f;
font-size:14px;
font-weight:bold;
font-family:helvetica,arial,verdana;
padding:7px;
color:#fff;
letter-spacing:1px;
}


.cushycms{
padding:5px;
font-family: helvetica,arial,verdana;
}

#modalbox_container h1{ 
	font-family:myriad pro, helvetica, verdana;
	font-size:20px;
	letter-spacing:0.1em;
	padding:10px 0px 0px 18px;
	
	}
	
#modalbox_container span{
color:#A30001;
}

#modalbox_container p{
padding:10px 18px 10px 18px;
font-size:12px; font:helvetica, arial;
}

.closewindow {
position:absolute;
bottom:40px;
right:20px;
}