/*REO NEW CSS -SAFWAN 07-*/



/*------ basic styles ------------- basic styles ------------- basic styles ------------- basic styles ------------- basic styles ------------- basic styles ------------- basic styles ------------- basic styles -------*/



body {

	 background-color: #FFFFFF;

	 color: #000000;

	 font-family: Verdana, Helvetica, Arial, sans-serif;

	 font-size: 1em;

	 margin: 0;

	 padding: 0;

	}



/*topic*/	

h1  {

	color: #015983;

	font-size: 1.2em;

	font-family: Verdana, Helvetica, Arial, sans-serif;

	letter-spacing: 4px;

	padding:0px;

	margin-left:0px;

	margin-right:0px;

	margin-top:12px;

	margin-bottom:4px;

   }



/*footer*/

h2  {

	color: #666666;

    font-size: 0.7em;

	font-family: Verdana, Helvetica, Arial, sans-serif;

	text-align: center;

	margin-bottom:2px;

	margin-top:7px;

   } 



/*sub-topic*/   

h3 {

	font-size:0.9em;

	font-family: Verdana, Helvetica, Arial, sans-serif;

	letter-spacing: 2px;

	padding:0px;

	margin-left:0px;

	margin-right:0px;

	margin-top:12px;

	margin-bottom:4px;

	color:#015983;

  }

  

h5 {

	font-size:0.9em;

	font-family: Verdana, Helvetica, Arial, sans-serif;

	letter-spacing: 2px;

	text-align:center;

	padding:0px;

	margin-left:0px;

	margin-right:0px;

	margin-top:12px;

	margin-bottom:4px;

	color:#015983;

  }

 

p  {

   font-size: .7em;

   text-align: justify;

   line-height: 1.7em;

   padding: 2px;

   margin-left:0px;

	margin-right:0px;

	margin-top:0px;

	margin-bottom:4px;

  }



		

#content  {

		  position: relative;

		  width: 779px;

		 }



#navbar  {

		 position: absolute;

		 top: -178px;

		 left: 0px;

		 width: 180px;

		 padding: 0px;

		 margin: 5px;

		}



				

#navbar ul li  {

			list-style-type: none;

			margin: 0;

			padding: 0;

		   }

		   

#navbar ul  {

		   margin: 0;

		   padding: 0;

		  }

		   

#navbar ul li a:link {

				  display: block;

				  font-weight:bold;

				  text-decoration: none;

				  font-size: 0.8em;

				  border: solid #FFFFFF 2px;

				  padding-top: 3px;

				  padding-bottom: 3px;

				  padding-left: 10px;

				  margin-top: 5px;

				  margin-bottom: 0px;

				  color: #FFFFFF;

				  background-color: #015983;

				  letter-spacing: 2px;

				 }



#navbar ul li a:visited {

					 display: block;

					 text-decoration: none;

					 font-weight:bold;

					 font-size: 0.8em;

					 border: solid #FFFFFF 2px;

					 padding-top: 3px;

					 padding-bottom: 3px;

					 padding-left: 10px;

					 margin-top: 5px;

					 margin-bottom: 0px;

					 color: #FFFFFF;

					 background-color: #015983;

					 letter-spacing: 2px;

					}



#navbar ul li a:hover {

				   display: block;

				   text-decoration: none;

				   font-weight:bold;

					font-size: 0.9em;

					border: solid #EEBB22 2px;

					padding-top: 3px;

					padding-bottom: 3px;

					padding-left: 10px;

					margin-top: 5px;

					margin-bottom: 0px;

					color: #015983;

					background-color: #7DCCED;

					letter-spacing: 2px;

				  }



#main-text  {

	background-color: #ffffff;

	border-left: 1px #000000 solid;

	border-right: 1px #000000 solid;

	border-bottom: 1px #000000 solid;

	margin-left: 198px;

	padding: 10px;

	width: 750px;

		   }

		   

#sidebar  {

		  position: absolute;

		  top: 100px;

		  left: 10px;

         }



#topimage  {

	height: 150px;

	background-image: url(images/banner-new.jpg);

	background-repeat: no-repeat;

	margin-left:198px;

	width: 750px;

	border-left: 1px #000000 solid;

	border-right: 1px #000000 solid;

	border-bottom: 1px #000000 solid;

	padding: 10px;

		  }

		   

/*image on top-right corner of text*/

.mainimage1 {

			  float:left;

			  margin-left:2px;

			  margin-right:8px;

			  margin-top:8px;

			  margin-bottom:2px;

			  padding:0px;

			}



.introtext {

font-size:0.7em;

color:#024890;

}



.newsimage {

			  float:left;

			  margin-left:2px;

			  margin-right:4px;

			  margin-top:7px;

			  margin-bottom:2px;

			  padding:2px;

			  font-size: 0.8em;

			  font-family: Verdana, Helvetica, Arial, sans-serif;

			  text-align:center;

			  border:1px #000000 dashed;

			}



.btmnav {

		  font-size: 0.8em;

		  font-family: Verdana, Helvetica, Arial, sans-serif;

		  text-align: center;

		  margin-top:15px;

		  border-bottom: 1px #B1AEAE solid;

		 }



.topnav {

		  font-size: 0.8em;

		  font-family: Verdana, Helvetica, Arial, sans-serif;

		  text-align: left;

		  border-top: 1px #B1AEAE solid;

		 }

		 

.smallbox{

		  border: 1px #4C799C solid;

		  margin-left:2px;

		  margin-right:4px;

		  margin-top:7px;

		  margin-bottom:2px;

		  padding:0px;

		  width:250px;

		 }

		 

.smallbox p {

padding:0px;

margin-left:4px;

margin-right:0px;

margin-top:4px;

margin-bottom:2px;

font-size:0.9em;

font-family: Verdana, Helvetica, Arial, sans-serif;

}

		 

 

 .smallbox  a {

				padding:0px;

				margin-left:4px;

				margin-right:0px;

				margin-top:4px;

				margin-bottom:2px;

				font-size:1.0em;

				font-family: Verdana, Helvetica, Arial, sans-serif;

			}

			

.smallbox  ul {

				padding:8px;

				margin:0px;

				list-style-type:square;

				list-style-position:inside;

			}



.smallbox li  {

				padding:0px;

				margin:0px;

			}



/*----------------------------------------- forms --------------------------------------------------*/

			

.form {

				background-color:#B0D8F3;

				padding:4px;

				margin-left:4px;

				margin-right:4px;

				margin-top:12px;

				margin-bottom:4px;	

				border:1px #000000 solid;				

			   }

			   

.form th {

					font-size: 0.8em;

					font-family: Verdana, Helvetica, Arial, sans-serif;

					padding:7px;

					margin-left:4px;

					margin-right:4px;

					margin-top:4px;

					margin-bottom:2px;

					text-align:right;

				   }

				   

.form p {

					text-align:center;

				}

				

.form h3 {

					text-align:center;

				}

				



/*-------------------------------------------- staff page --------------------------------------------*/



span {

	font-size:0.9em;

	font-weight:bold;

	font-family: Verdana, Helvetica, Arial, sans-serif;

	color:#015983;

	padding:0px;

	margin:0px;

	}

	

.staffpic1 {

			text-align:center;

		   }

		   

.staffpic1 p {

			text-align:center;

		   }

		   

.staffpictable {

				text-align:center;

				width:100%;

				}



.staffpictable td{

				text-align:center;

				width:50%;

				padding-top:20px;

				}

				

.staffpictable  p{

				text-align:center;

				}



#focus ul {padding-bottom:12px;}				

		

#focus ul li {

			font-size:0.8em;

			font-family: Verdana, Helvetica, Arial, sans-serif;

			color:#000000;

			padding:2px;

			margin:0px;

		}

		

/*-----------------------------data tables------------------------------------*/



.datatable{ 

padding:4px;

border-spacing:0px;

width:100%;

}



.datatable th{

background-color:#4C799C;

color:#FFFFFF;

font-size:0.9em;

font-family: Verdana, Helvetica, Arial, sans-serif;

padding:4px;

margin:0px;

}



.datatable td{

font-size:0.8em;

font-family: Verdana, Helvetica, Arial, sans-serif;



margin:0px;

padding:4px;

}



.row1 {

background-color:#DBECF8;

}

.row2 {

background-color:#CAE4F6;

}



/*under left navigation*/

#job  {

background-color:#FFFFFF;

width: 180px;

padding: 30px 0px 0px 0px;

margin: 0px 0px 0px 4px;

		}



#job  img{

float:left;

padding: 0px;

margin: 0px;

}



.layer2 {

padding:0px;

margin:20px 20px 20px 28px;

}



.layer2 a{

display:block;

background-color:#A0121F;

border:2px #FFFFFF solid;

color:#FFFFFF;

text-decoration:none;

font-size:0.8em;

font-family: Verdana, Helvetica, Arial, sans-serif;

font-weight:bold;

padding:0px;

margin:0px;

}



#shortcourse {

background-color:#FFFFFF;

width: 180px;

padding: 30px 0px 0px 0px;

margin: 4px 0px 0px 4px;

		}



#shortcourse  img{

float:left;

padding: 0px;

margin: 0px;

}



.contact {

width:320px;

border:2px #F00823 dashed;

margin:20px 110px;

padding:0px;

}



.contact p {

padding:2px;

margin:12px;

}



.contact span {

font-size:1.2em;

font-family: Verdana, Helvetica, Arial, sans-serif;

font-weight:bold;

color:#801A26;

padding:0px;

margin:0px;

}



/*--------------------expertise profile table-------------------*/



.result {

color:#015983;

font-family: Verdana, Helvetica, Arial, sans-serif;

font-size:0.9em;

font-weight:bold;

text-align:center;

margin:0px;

padding:4px;

}



.result a{

font-family: Verdana, Helvetica, Arial, sans-serif;

font-size:0.9em;

text-align:center;

margin:0px;

padding:4px;

}



.extable{

	padding:4px;

	empty-cells:show;

}



.extable th{

background-color:#4C799C;

color:#FFFFFF;

font-size:0.9em;

font-family: Verdana, Helvetica, Arial, sans-serif;

padding:4px;

margin:0px;

text-align:left;



}



.extable td{

font-size:11px;

font-family: Verdana, Helvetica, Arial, sans-serif;



margin:0px;

padding:4px;

}



.extable tr{

	font-size:11px;

	font-family: Verdana, Helvetica, Arial, sans-serif;

	

	margin:0px;

	padding:4px;

	width: 100%;

}



.edit {

text-align:center;

}



.gallery {

margin:20px 0px 10px 0px;

padding:0px;

text-align:center;

}



.gallery img {

border:0px;

}



.gallery a {

margin:0px;

padding:4px;

}