/* GLOBAL STYLES */

body{
  background-color: #FFFFFF;
	text-align: center;
	font-size:1em;
	font-family: "lucida sans unicode", arial, sans-serif;
	width: 99%;
	height: 800px;
	margin: auto;
	border:0px solid orange;
  }
	
p{
  background-color: #FFFFFF;
	color: #000000;
	font-size: 0.8em;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 140%;
	text-align: justify;
	margin: 5px 0 5px 0;
	word-spacing: 0.05em;
  }
	
p.dropcap:first-letter {
/*  background-color: #FFFFFF;*/
  font-weight: bold;
	font-size: 130%;
  }	
	
img{
  border:none;
  }	

/*td {
	color:#333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height:20px;
	margin-top:0px;
	text-align:justify;
	margin-right:10px;
	}
*/
/* LINKS */		
a {
	color: #446578; /* Colour 1 */
	font-weight: bold;
	text-decoration: underline;
}

a:hover {
	text-decoration: underline;
	color: #6EA5C4; /* Colour 2 */
}

a:visited {
	color: #000033;
	text-decoration: underline;
	font-weight:bold;
	}
	
/* HEADINGS */	
	
h1 {
	margin: 5px 0px 15px 0px;
	padding: 0px;
	font: bold 20pt arial, verdana, helvetica, sans-serif;
	color: #446578; /* Colour 1 */
	text-align: left;
}
	
h2 {
	margin: 0px 0px 10px 5px;
	padding: 0px;
	font: bold 15pt arial, verdana, helvetica, sans-serif;
	color: #446578; /* Colour 1 */
	text-align: left;
}

h3 {
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: bold;
	color: #084b8a; /* Colour 2 */
	text-align: left;
	margin: 0px 0px 20px 0px;
	padding: 0px;
}


/* TOP NAVIGATION BAR*/	

#topMenu{
  clear:both;
	list-style:none;
	display:block;
	margin-top:0px;
  }
	
#topMenu li{	
	padding:5px 10px 10px 10px;
	float: left;
	border-right:3px solid #E7E7E7;
	display:block;
  }

#topMenu li a{
	color:rgb(255,255,255);
	font-weight:bold;
	text-decoration:none;
	font-size:1em;
	font-family: "trebuchet MS", "lucida sans unicode", arial, helvetica, sans-serif;
	display:block;
  }
	
#topMenu li a:hover{
	color:#4c5357;
  }	

#topMenu li.last{
	border-right:0px solid #E7E7E7;
	padding-right: 160px;
  }

#topMenu li.first{
	margin:0 0 0 0px;
	padding-left:160px;
	border-left:0px solid #E7E7E7;
  }	

/* HOME PAGE: FLOATING IMAGES TO LEFT */

#banner img{
  float: left; 
  margin-right: 20px;
	}
	
#leftCol #left img{
  float: left; 
  margin-right: 20px;
	}

/*IMAGES IN INTRO SECTION */	
.LeftImg{
  float: left;
	margin-top: 0px; 
  margin-right: 20px;
	margin-bottom: 10px;
	margin-left: 10px;
	}	
	
.RightImg{
  float: right;
	margin-top: 0px; 
  margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 20px;
	}		
	
/* INTRO SECTION IN HOME PAGE*/	
#homeIntro p{
  background-color: #abc0cd; /*171, 192, 205*/
	color: #000000;
	font-size: 0.9em;
	padding: 10px 10px 10px 10px;
	margin: 0 0 0 0;
  border:0px solid orange;
	}	
	
/* LEFT SECTION IN HOME PAGE*/	
/* Highlights division in home page */

#highlight {
  background-color: #FFFFFF;
  margin: 0px 10px 0 10px;
  width: 640px;
  min-height: 120px;
	border:0px solid orange;
  }
	
#highlight h3{	
	margin: 0px 0px 5px 0px;
 }
 
#highlight p{
  border-top: 7px solid rgb(216,216,216);
	margin: 0 0 30px 0;
  }
	
#highlight img{
	padding: 15px 5px 5px 5px;
  }
	
/* RIGHT SECTION IN HOME PAGE */
#rightCol p{
  background-color: #e3ebef;
	color: #000000;
	font-size: 0.7em;
	line-height: 130%;
	text-align: left;
	margin: 5px 5px 5px 15px;
	word-spacing: 0.05em;
  }	
#rightCol p.dropcap:first-letter {
  background-color: #e3ebef;
  font-weight: bold;
	font-size: 130%;
  }
	
#rightCol hr{
  width: 80%;
	}
	
#rightCol #box{
  background-color:#e3ebef;
	color:#FFFFFF;	
	min-height:40px;
	width:206px;	
	margin: 0 0 0 0;
	padding:0px 30px 5px 14px;
	border-width:0 0 0 0;
	border-style: solid;
	border-color:#FFFFFF;
	}	

/* DARK BLUE CORNERS FOR BOXES*/

.DarkTBimgL{
	background-color: #abc0cd;
	float: left;
	width: 18px;
	height: 13px;
	margin: 0px;
	padding: 0px;
}

.DarkTBimgR{
	background-color: #abc0cd;
	float: right;
	width: 18px;
	height: 13px;	
	margin: 0px;
	padding: 0px;
}

.DarkBBimgL{
	background-color: #FFFFFF;
	float: left;
	width: 18px;
	margin: 0px;
	padding: 0px;
}

.DarkBBimgR{
	background-color: #FFFFFF;
	float: right;
	width: 18px;
	margin: 0px;
	padding: 0px;
}

/*LINE BETWEEN DARK BLUE CORNERS IN HOME PAGE*/
.IntroTopblue {
  background-color:#abc0cd; 
	width: 975px;
	height: 13px;
	margin: 0 0 0 0;
	padding: 0 0 0 0; 
}

.IntroBotblue {
  background-color:#abc0cd; 
	width: 975px;
	height: 13px;
	margin: 0px;
	padding: 0px; 
}

/*LINE BETWEEN DARK BLUE CORNERS IN SOFTWARE PAGE*/
.SoftwareTopblueDK {
  background-color:#abc0cd; 
	width: 200px;
	height: 13px;
	margin: 0 0 0 0;
	padding: 0 0 0 0; 
}

.SoftwareBotblueDK {
  background-color:#abc0cd; 
	width: 200px;
	height: 13px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}	
	
/* DEFINE LIGHT BLUE BOX CORNERS*/
.LightTBimgL{
	background-color: #FFFFFF;
	float: left;
	width: 18px;
	margin: 0px;
	padding: 0px;
}

.LightTBimgR{
	background-color: #FFFFFF;
	float: right;
	width: 18px;
	margin: 0px;
	padding: 0px;
}

.LightBBimgL{
	background-color: #FFFFFF;
	float: left;
	width: 18px;
	margin: 0px;
	padding: 0px;
}

.LightBBimgR{
	background-color: #FFFFFF;
	float: right;
	width: 18px;
	margin: 0px;
	padding: 0px;
}
/*LINE IN BETWEEN CORNERS IN HOME PAGE - LIGHT BLUE*/
.topblue {
  background-color:#e3ebef; 
	width: 250px;
	height: 13px;
	margin: 0px;
	padding: 0px; 
}

.botblue {
  background-color:#e3ebef; 
	width: 250px;
	height: 13px;
	margin: 0px;
	padding: 0px; 
}

/* LINE IN BETWEEN CORNERS IN SOFTWARE PAGE - LIGTH BLUE*/
.SoftwareTopblueLG {
  background-color:#e3ebef; 
	width: 650px;
	height: 13px;
	margin: 0px;
	padding: 0px;
	float: right;
}

.SoftwareBotblueLG {
  background-color:#e3ebef; 
	width: 650px;
	height: 13px;
	margin: 0px;
	padding: 0px;
	float:right;
}

/* RESEARCH PAGE*/
#research{
	width:975px;
	min-height:380px;
  float:left;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	border:0px solid blue;
  }

/* Floating images to the left in research page*/
#research #left img{
  float: left; 
  margin-right: 20px;
	}

/* RESEARCH TOPICS IN RESEARCH PAGE*/	

#researchHighlight {
  background-color: #FFFFFF;
  margin: 0px 10px 20px 10px;
  width: 900px;
  min-height: 120px;
	border:0px solid orange;
  }
	
#researchHighlight h3{	
	margin: 0px 0px 5px 0px;
 }
 
#researchHighlight p{
  border-top: 7px solid rgb(216,216,216);
	margin: 0 0 30px 0;
  }
	
#researchHighlight img{
	padding: 15px 5px 5px 5px;
  }

/*PUBLICATIONS PAGE*/

.publications{
  width: 900px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

.publications ul{
  list-style-type: none;
	background-color: #FFFFFF;
	color: #000000;
	font-size: 0.8em;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 140%;
	text-align: justify;
	margin: 5px 0 15px 0;
	word-spacing: 0.05em;
}

.publications ul li{
  margin-bottom: 15px;
	border-bottom: 7px solid rgb(216,216,216);
}

.publications a{
	color:rgb(221,71,74);
	font-weight:bold;
	text-decoration:none;
	font-size:1em;
}

.publications p{
  border-top: 7px solid rgb(216,216,216);
	margin: 0 0 0 0;
	padding-top: 10px;
}

/* PAGE PEOPLE */

#people{
  width: 900px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

#people ul {
  background-color: #FFFFFF;
  margin: 0px 10px 0 10px;
  width: 680px;
	border:0px solid orange;
	list-style-type: none;
  }	

#people ul li{
  margin-bottom: 15px;
	height: 150px;
	border:0px solid orange;
  }		

#people ul p{
  border-top: 7px solid rgb(216,216,216);
	margin: 0 0 0 0;
	padding-top: 10px;
  }		

/* Floating  images to left in people */

#people img{
  float: left; 
  margin-right: 20px;
	}
	
/* SOFTWARE PAGE */

#software{
  background-color: white; 
  width: 900px;
	height: 70px;
	margins: 0 0 0 0;
	paddings: 0 0 0 0;
	}
	

#software a {
	color: #446578; /* Colour 1 */
	font-size: 1em;
	font-weight: bold;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	word-spacing: 0.1em;
}	

#software a:hover {
	text-decoration:none;
/*	color: #6EA5C4; /* Colour 2 */
  color: #ffffff;
}

#softwareTop{
  background-color: white;
	width:900;
}

#softwareBottom{
  background-color: white;
	width:900;
}

#softwareLeft{
  background-color: white; 
  width: 200px;
	height: 40px;
	margins: 0 0 0 0;
	paddings: 0 0 0 0;
	float: left;
	}
	
#softwareTop #softwareLeft p{
  background-color: #a9a9f5; /*#abc0cd;*/
	margin: 0 0 0 0;
	padding: 5px 0 5px 0;
	font-size: 1em;
	text-align: center;
 }
 
#softwareBottom #softwareLeft p{
  background-color: #f2f5a9; 
	margin: 0 0 0 0;
	padding: 5px 0 5px 0;
	font-size: 1em;
	text-align: center;
 }	
 

#softwareRight{
  background-color: white; 
  width: 650px;
	height: 40px;
	margins: 0 0 0 0;
	paddings: 0 0 0 0;
	float:right;
	}
	
#softwareRight p	{
  background-color: #e3ebef;
	margin: 0 0 0 0;
	padding: 18px 5px 8px 20px;
	font-size: 0.9em;
	}	
		
	
/* CONTACT PAGE */
#contact{
  width: 975px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
  }

#contact p{
  background-color: #abc0cd; /*171, 192, 205*/
	color: #000000;
	font-size: 0.9em;
	padding: 5px 10px 0px 10px;
	margin: 0 0 0 0;
  border:0px solid orange;
	}
	
#contact td	{
  background-color:#abc0cd; /*171, 192, 205*/
	width: 487px;
}

	
/* GENERAL STRUCTURE OF TEMPLATE - divisions*/	

#outer{
  width:1000px;
  margin:auto;
	text-align:center;
	border:0px solid yellow;
 }

#outer #inner{
	width:100%;
	float:left;
	text-align:center;
	border:0px solid black;
 }

#banner{
  background-image: url('Images/blue_wave3.jpg');
	width: 975px;
	height: 120px;
	margin: 5px 0px 0px 0px;
	padding: 0 0 0 0;
	text-align: left;
	border:0px solid orange;
  }  

#header{
  background-color: #6699CC;
	width:975px;
	min-height: 35px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
  text-align: center;
	border:0px solid #393B0B;
	border-top: 1px solid #6699CC;
	border-bottom:3px solid #E7E7E7;
	}
	
#homeIntro{
  clear:both;
  background-color: #ffffff;
	float:none;
	padding:0 0 0 0;
	margin: 0 0 0 0;
	width:975px;
	min-height:150px;
	border:0px solid yellow;
  }
	
#main{
  clear:both;
	float:none;
	padding:10px 0 0 0;
	width:975px;
	min-height:395px;
	margin-left:0px;
	border:0px solid green;
  }
		
#leftCol{
	width:698px;
	min-height:380px;
  float:left;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	border:0px solid blue;
  }
	
#rightCol{
  background-color: #ffffff;
	width:250px;
	min-height:380px;
	float:right;
	margin:0 5px 0 5px;
	border:0px solid green;
  }