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

body {
	font-size: 62.5%;
	margin: 0;
	padding:0;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	}
img { behavior: url(iepngfix.htc); } 

div.access {
	display:none;
	}
	
#wrapper	{
	width: 1022px;
	height:612px;
	text-align: center;
	margin-left: auto;
    margin-right: auto;
	}
	
.home	{
	width: 1022px;
	height:612px;
	background-image:url(../images/bg_home.jpg);
	background-repeat:no-repeat;
	text-align: center;
	margin-left: auto;
    margin-right: auto;
	}
	
.accessibility	{
	width: 1022px;
	height:612px;
	background-image:url(../images/bg_access.jpg);
	background-repeat:no-repeat;
	text-align: center;
	margin-left: auto;
    margin-right: auto;
	}
	
.aboutUs	{
	width: 1022px;
	height:612px;
	background-image:url(../images/bg_aboutUs.jpg);
	background-repeat:no-repeat;
	text-align: center;
	margin-left: auto;
    margin-right: auto;
	}

.programmes	{
	width: 1022px;
	height:612px;
	background-image:url(../images/bg_programmes.jpg);
	background-repeat:no-repeat;
	text-align: center;
	margin-left: auto;
    margin-right: auto;
	}
	
.ATM	{
	width: 1022px;
	height:612px;
	background-image:url(../images/bg_ATM.jpg);
	background-repeat:no-repeat;
	text-align: center;
	margin-left: auto;
    margin-right: auto;
	}
	
.CETO	{
	width: 1022px;
	height:612px;
	background-image:url(../images/bg_CETO.jpg);
	background-repeat:no-repeat;
	text-align: center;
	margin-left: auto;
    margin-right: auto;
	}
	
.OSP	{
	width: 1022px;
	height:612px;
	background-image:url(../images/bg_OSP.jpg);
	background-repeat:no-repeat;
	text-align: center;
	margin-left: auto;
    margin-right: auto;
	}

.FRP	{
	width: 1022px;
	height:612px;
	background-image:url(../images/bg_FRP.jpg);
	background-repeat:no-repeat;
	text-align: center;
	margin-left: auto;
    margin-right: auto;
	}
	
.RAF	{
	width: 1022px;
	height:612px;
	background-image:url(../images/bg_RAF.jpg);
	background-repeat:no-repeat;
	text-align: center;
	margin-left: auto;
    margin-right: auto;
	}
	
.FAQ	{
	width: 1022px;
	height:612px;
	background-image:url(../images/bg_FAQ.jpg);
	background-repeat:no-repeat;
	text-align: center;
	margin-left: auto;
    margin-right: auto;
	}

.apply	{
	width: 1022px;
	height:612px;
	background-image:url(../images/bg_apply.jpg);
	background-repeat:no-repeat;
	text-align: center;
	margin-left: auto;
    margin-right: auto;
	}
	
#main {
	float:left;
}

/*--------------------- Header ---------------------*/

#header	{
	width: 1022px;
	height: 40px;
	background-color: #FFFFFF;
	text-align: left;
	padding:20px 0 20px 10px;
	margin-left: auto;
    margin-right: auto;
	}

#logo {
	float:left;
	width: 200px;
	height: 80px;
	padding: 15px 0 0 100px;
	border: 0;
	margin: 0;
	}	

/*-------------------- Nav Menu --------------------*/
	
#nav {
	position: relative;
	left:-33px;
	width: 955px;
	height:3.8em;
	margin-left: auto;
	margin-right: auto;
	
}

div#nav ul {
	list-style: none;
	clear: none;
	padding: 0;
	margin: 0;
	background-color: #FEE5BD;
	text-align: left;
	display: inline;
}

div#nav li {
	margin: 0;	
	float: left;
	border-right:1px #FFFFFF solid;
	border-top:1px #FFFFFF solid;
}

div#nav a:link, div#nav a:visited {
	display:block;
	text-align:center;
	color: #FFFFFF;
	font-size: 1.2em;
	text-decoration: none;
	font-weight: bold;
	width: 10.55em;			/*total: 168px*/
	height: 2.2em;			/*total: 33px*/
	background-color: #00337f;
	line-height:1.6em;
	padding-top:10px;
}

div#nav a:hover, div#nav .on {
	text-decoration: underline;
	background-color: #9eb2cf!important;
}

/*-------------------- Sub Nav Menu --------------------*/
	
#subnav {
	float:left;
	padding-left:30px;
	width: 859px;
	height:3.8em;
	margin-left: auto;
	margin-right: auto;
	margin-top:10px;
	background-image:url(../images/transparant_purple_bg.png);
	background-repeat:repeat;
	
}

div#subnav ul {
	list-style: none;
	clear: none;
	padding: 0;
	margin: 0;
	text-align: left;
	display: inline;
}

div#subnav li {
	margin: 0;	
	float: left;
	padding-right:10px;
	width: 15em;			/*total: 168px*/
}

div#subnav a:link, div#subnav a:visited {
	display:block;
	text-align:center;
	color: #FFFFFF;
	font-size: 1.2em;
	text-decoration: none;
	font-weight: bold;
	height: 2.0em;			/*total: 33px*/
	line-height:1.6em;
	padding-top:10px;
	padding-bottom:4px;
}

div#subnav a:hover, div#subnav .on {
	color: #FFFFFF;
	text-decoration: underline;
	background-color: #9eb2cf;
}


/*--------------------- Content ---------------------*/

h1 {
	font-size: 1.8em;
	color: #000000;
	font-family:Arial, Helvetica, sans-serif;
	}
	
h2 {
	font-size: 1.6em;
	color: #FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin:0;
	padding:0;
	}
	
.headingProjects {
	margin-top:25px;
	margin-left:20px!important;
}

h3 {
	font-size: 1.4em;
	color: #000000;
	padding-top: 4px;
	font-family:Arial, Helvetica, sans-serif;
	}
	
p {
	font-size: 1.2em;
	color: #FFFFFF;
	font-family:Helvetica, sans-serif;
}

.top {
	padding-top:20px;
}

a:link, a:visited {
	color:#FFFFFF;
	text-decoration:underline;
}

a:hover {
text-decoration:none;
}
	
#contentProgrammes li {
	font-size: 1.2em;
	color: #FFFFFF;
	font-family:Helvetica, sans-serif;
	}

.red { 
	color: #FF0000;
	font-weight: bold;
	}
	
#content {
	float: left;
	clear: none;
	width:889px; 	
	height:612px;		
	text-align: left;
	margin-left:auto;
	margin-right:auto;
}

#contentDefault {
	float: left;
	clear: none;
	width:889px; 		
	text-align: left;
	margin-left:auto;
	margin-right:auto;
}

#contentProjects {
	float: left;
	clear: none;
	width:889px; 	
	height:622px;		
	text-align: left;
	margin-left:auto;
	margin-right:auto;
}
	
#contentHome {
	behavior: url(iepngfix.htc);
	margin-bottom:123px;	
	float: left;
	clear: none;
	position: relative;
	width:455px; 			
	text-align: left;
	padding: 20px 50px;
	background-image:url(../images/transparant_blue_bg.png);
	background-repeat:repeat;
	margin-top:280px;
	height:150px;
	max-height:150px;
	overflow:auto;
	
}

img, #contentHome, { behavior: url(iepngfix.htc); }

#contentAccess {
	margin-bottom:123px;	
	width:455px; 			
	text-align: left;
	padding: 20px 50px;
	margin-top:50px;
	margin-left:200px;
	height:150px;
}

#contentAccess p {
	color:#003082;
	font-family:Arial, Helvetica, sans-serif;
}

#contentAccess li {
	color:#003082;
	font-family:Arial, Helvetica, sans-serif;
}

#contentAccess h2 {
	color:#003082;
	font-family:Arial, Helvetica, sans-serif
}
#contentAboutUs {
	float: left;
	clear: none;
	width:490px;
	text-align:left;	
	background-image:url(../images/transparant_blue_bg.png);
	background-repeat:repeat;
	padding:20px 20px;
	height:375px;
	max-height:375px;
	overflow:auto;
	position:relative;
	top:100px;
	left:359px;
}

#contentProgrammes {
	float: left;
	clear: none;
	width:450px;
	text-align:left;	
	background-image:url(../images/transparant_blue_bg.png);
	background-repeat:repeat;
	padding:20px 20px;
	max-height:405px;
	overflow:auto;
	position:relative;
	top:25px;
}

#contentDisciplines {
	float: left;
	clear: none;
	width:490px;
	text-align:left;	
	padding:10px 5px 0 10px;
	height:543px;
}

#contentDisciplinesRight {
	width:380px;
	height:560px;
	float:right;
	clear:right;
	padding:0;
	margin:0;
}

.bgArch {
	margin-top:11px;
	background-image:url(../images/map_architectural.jpg);
	background-repeat:no-repeat;
	height:553px;
}

.bgChemical {
	margin-top:11px;
	background-image:url(../images/map_chemical.jpg);
	background-repeat:no-repeat;
	width:517px;
	height:553px;
}

.bgCivil {
	margin-top:11px;
	background-image:url(../images/map_civil.jpg);
	background-repeat:no-repeat;
	width:517px;
	height:553px;
}

.bgTelecom {
	margin-top:11px;
	background-image:url(../images/map_telecom.jpg);
	background-repeat:no-repeat;
	width:517px;
	height:553px;
}

.bgElectrical {
	margin-top:11px;
	background-image:url(../images/map_electrical.jpg);
	background-repeat:no-repeat;
	width:517px;
	height:553px;
}

.bgEnvironmental {
	margin-top:11px;
	background-image:url(../images/map_environmental.jpg);
	background-repeat:no-repeat;
	width:517px;
	height:553px;
}

.bgGeography {
	margin-top:11px;
	background-image:url(../images/map_geography.jpg);
	background-repeat:no-repeat;
	width:517px;
	height:553px;
}

.bgGeotechnical {
	margin-top:11px;
	background-image:url(../images/map_geotechnical.jpg);
	background-repeat:no-repeat;
	width:517px;
	height:553px;
}

.bgMechanical {
	margin-top:11px;
	background-image:url(../images/map_mechanical.jpg);
	background-repeat:no-repeat;
	width:517px;
	height:553px;
}

.bgQuantity {
	margin-top:11px;
	background-image:url(../images/map_quantitySurveying.jpg);
	background-repeat:no-repeat;
	width:517px;
	height:553px;
}

.bgTransport {
	margin-top:11px;
	background-image:url(../images/map_transportation.jpg);
	background-repeat:no-repeat;
	width:517px;
	height:553px;
}

#choicesDisciplines {
	width:350px;
	height:70px;
	background-image:url(../images/transparant_lightblue_bg.png);
	background-repeat:repeat;
	float:right;
	margin:10px 0;
	padding-left:15px;
	padding-top:10px;
	}

#projectsDisciplines {
	width:350px;
	height:240px;
	background-image:url(../images/transparant_lightblue_bg.png);
	background-repeat:repeat;
	float:right;
	clear:none;
	padding:20px 0 0 15px;
	color:#FFFFFF;
	font-size:1.2em;
}

#accreditationsDisciplines {
	width:350px;
	height:140px;
	background-image:url(../images/transparant_lightblue_bg.png);
	background-repeat:repeat;
	float:right;
	margin-top:10px;
	clear:none;
	padding:20px 0 0 15px;
	color:#FFFFFF;
	font-size:1.2em;
}
	
#contentFAQ {
	float: left;
	display:block;
	clear: none;
	width:450px;
	margin-top:30px;
	text-align:left;	
	background-image:url(../images/transparant_blue_bg.png);
	background-repeat:repeat;
	padding:20px 20px;
	max-height:480px;
	height:480px;
	overflow:auto;
}

#contentApply {
	float: left;
	clear: none;
	width:450px;
	height:370px;
	max-height:370px;
	text-align:left;	
	padding:20px 20px;
	background-image:url(../images/transparant_blue_bg.png);
	background-repeat:repeat;
	overflow:auto;
	position:relative;
	top:80px;
	left:399px;
}

#contentProjectsLeftHolder {
	width:392px;
	height:50px;
	margin-top:45px;
	float:left;
	font-size:0.9em;
}

#contentProjectsLeftOn {
	background-image:url(../images/bg_proj_on.png);
	background-repeat:repeat;
	width:392px;
	height:90px;
	float:left;
	margin-bottom:5px;
}

#contentProjectsLeftOn a:link, a:visited {
	text-decoration:underline;
	color:#FFFFFF;
}

#contentProjectsLeftOn a:hover {
	text-decoration:none;
	}

#contentProjectsLeftOff {
	background-image:url(../images/bg_proj_off.png);
	background-repeat:repeat;
	width:392px;
	height:90px;
	float:left;
	margin-bottom:5px;
}

#contentProjectsLeftOff a:link, a:visited {
	text-decoration:underline;
	color:#FFFFFF;
}

#contentProjectsLeftOff a:hover {
	text-decoration:none;
	}
	
#contentProjectsLeftOff1 {
	background-image:url(../images/bg_proj_off.png);
	background-repeat:repeat;
	width:392px;
	height:90px;
	float:left;
	margin-bottom:5px;
}

#contentProjectsLeftOff1 a:link, a:visited {
	text-decoration:underline;
	color:#FFFFFF;
}

#contentProjectsLeftOff1 a:hover {
	text-decoration:none;
	}
	
#contentProjectsLeftOff2 {
	background-image:url(../images/bg_proj_off.png);
	background-repeat:repeat;
	width:392px;
	height:90px;
	float:left;
	margin-bottom:5px;
}

#contentProjectsLeftOff2 a:link, a:visited {
	text-decoration:underline;
	color:#FFFFFF;
}

#contentProjectsLeftOff2 a:hover {
	text-decoration:none;
	}
	
#contentProjectsLeftOff3 {
	background-image:url(../images/bg_proj_off.png);
	background-repeat:repeat;
	width:392px;
	height:90px;
	float:left;
	margin-bottom:5px;
}

#contentProjectsLeftOff3 a:link, a:visited {
	text-decoration:underline;
	color:#FFFFFF;
}

#contentProjectsLeftOff3 a:hover {
	text-decoration:none;
	}
	
#contentProjectsLeftOff4 {
	background-image:url(../images/bg_proj_off.png);
	background-repeat:repeat;
	width:392px;
	height:90px;
	float:left;
	margin-bottom:5px;
}

#contentProjectsLeftOff4 a:link, a:visited {
	text-decoration:underline;
	color:#FFFFFF;
}

#contentProjectsLeftOff4 a:hover {
	text-decoration:none;
	}

#imageProject {
	margin:15px 0 0 10px;
	width:95px;
	float:left;
	}
	
#imageProject1 {
	margin:15px 0 0 10px;
	width:95px;
	float:left;
	}
	
#imageProject2 {
	margin:15px 0 0 10px;
	width:95px;
	float:left;
	}
	
#imageProject3 {
	margin:15px 0 0 10px;
	width:95px;
	float:left;
	}
	
#imageProject4 {
	margin:15px 0 0 10px;
	width:95px;
	float:left;
	}

#imageProfile {
	width:95px;
	height:90px;
	float:left;
	}
	
#imageProfile1 {
	width:95px;
	height:90px;
	float:left;
	}
	
#imageProfile2 {
	width:95px;
	height:90px;
	float:left;
	}
	
#imageProfile3 {
	width:95px;
	height:90px;
	float:left;
	}
	
#imageProfile4 {
	width:95px;
	height:90px;
	float:left;
	}
	
#imageProfile img {
	vertical-align:bottom;
}
	
#textProject {
	float:left;
	margin-top:15px;
}

.noPadding {
	padding-top:10px;
	margin:0 5px 0 0;
}
.noPaddingProject {
	padding-top:13px;
	margin:0;
}

#imageRight {
	margin-top:15px;
	width:110px;
	float:left;
}

#imageRightProfile {
	margin-top:10px;
	width:110px;
	float:left;
}
	
#contentProjectsMain {
	background-image:url(../images/bg_proj_on.png);
	background-repeat:repeat;
	margin:58px 0 0 10px;
	padding:0 50px 20px 10px;
	width:404px;
	height:449px;
	max-height:449px;
	overflow:auto;
	float:left;
	clear:none;
}

#projectBaseDetail {
	float:right;
	clear:none;
	margin-top:6px;
}

#projectBaseLink {
	width:83px;
	height:24px;
	margin-top:7px;
	margin-right:23px;
	background-image:url(../images/transparant_blue_bg.png);
	background-repeat:repeat;
	float:right;
	clear:none;
	font-weight:bold;
	padding:10px 0 0 10px;
}	

#applyButton {
	width:88px;
	height:24px;
	font-weight:bold;
	float:left;
	background-image:url(../images/transparant_blue_bg.png);
	background-repeat:repeat;
	position:relative;
	top:505px;
	left:270px;
	padding:10px 0 0 5px;
}

#projectBaseLink a:link, a:visited {
	color: #FFFFFF;
	font-family:Helvetica, sans-serif;
	text-decoration:underline;
}

#projectBaseLink a:hover {
	text-decoration:none;
}

.BaseLink {
	font-size:1.2em;
}

#base {
	width: 1022px;
	color: #FFFFFF;
	clear: both;
	}	
	
form {
	width: 350px;
	}

/*--------------------- Footer ---------------------*/

#footer {
	width: 1022px;
	height: 5px;
	padding: 10px 0 0 0;
	color: #00337F;
	font-family: Arial, Helvetica, sans-serif;
	text-align: right;
	margin-left: auto;
	margin-right: auto;
	}	
	
/*-------------------- Footer Nav Menu --------------------*/
	
#footerNav {
	float:left;
	clear: none;
	width: 500px;
	margin: 2px 0 0 0;
	text-align:center;
	margin-left: auto;
	margin-right: auto;
	position:relative;
	left:-20px;
}

div#footerNav ul {
	list-style: none;
	float: left;
	clear: none;
	padding: 0;
	margin: 0;
	text-align: left;
	display: inline;
}

div#footerNav li {
	margin: 0;	
	float: left;
	padding-left:20px;
	background-image:url(../images/footerDivider.gif);
	background-repeat:no-repeat;
	background-position:8px 5px;
}

div#footerNav a:link, div#footerNav a:visited {
	text-align:center;
	color: #00337F;
	font-size: 1.2em;
	text-decoration: none;
	font-weight: normal;
	width: 9em;			/*total: 168px*/
	height: 1.6em;			/*total: 33px*/
	line-height:1.6em;
}

div#footerNav a:hover, div#footerNav.on {
	color: #00337F;
	text-decoration: underline;
}

div#footerNav .last {
	background-image:none;
}

#footerContent, #footerContent p {
	color: #00337F;
	float:right;
	clear:none;
	width:300px;
	padding:0;
	margin:0;
	margin-left: auto;
	margin-right: auto;
}