html	{  
	/*	set canvas colour here otherwise short pages could have canvas showing though 
		below body showing browser background color */
	background-color: #fff ;	/* white */
	color: #800000 ;			/* maroon */
	}
body 	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:   smaller ; 
	/* sets font-size in relation to browser current setting */
	/* so if user has already adjusted browser to be bigger/smaller than the default */
	/* the font-size will be set according to the browser setting */ 
	color :  #000;				/* black */
	background-color :  #fff ;	/*white */
	margin :  0 ;   /* set margin/padding to zero to deal with IE default bugs */
	padding : 0 ;  
	line-height: 120% ;  /* increasing line spacing improves visual effect */
			/* inheritance will cascade this setting to all child elements */	 
	}

/* default settings for block elements */
h1,h2,h3,h4,h5,h6,p,li,td,th,div,span	{  
	font-family: Verdana, Arial, Helvetica, sans-serif; 
/* sans-serif font has best readability on screen */
/* serif fonts have best readability on paper */ 
/* inheritance should mean font family is inherited from body but set here because of browser bugs */
	margin: 0 ; /* to remove impact of different browser defaults */
	padding: 0 ;
	}  

h1,h2,h3,h4,h5,h6 {
	font-weight: bolder ;
	line-height: 1.2em ;
	}
/* headings */
h1	{
	color: black; 
	font-size: 150%;
	border-bottom: thin solid #990000;
	padding: 0.25em 0;
	margin: 0 0 0.5em 0 ;
	margin-left: 10px;
	}
h2 	{  
	color: #800000; /* maroon */ 
	font-size: 150%; 
	padding :  0.25em 0 ;
	margin: 1em 0 ;
	margin-left: 1.0em;
/*	clear: both ; */
	}
h3 	{  
	color: black; 
	font-size: 120%; 
	padding :  0.25em 0; 
	margin: 1em 0 ;
	margin-left: 1.0em;
	}
p,div	{
	font-size: 100% ; 
	margin: 0 ;
	padding: 0;
	}
	
/* list tags HTML */
ol	{	/* numbered list */
	list-style-type : decimal ;
	}
ul	{  /* list */
	list-style-position: inside ; 
	list-style-type :	disc ;
	}
ul ul	{  /* list */
	list-style-type : circle ;
	} 
ul li	{  /* list-item */
/*	font-size: smaller ; */
	}
	
table 
{
	margin-left: 1em; 
}

table th, table td {
/*	font-size: smaller ; */
	}
table th 	{  	/* centre header table cell */
	text-align : center ;
	}
/* pseudo-classes must be defined in right order LoVeHAte */
a {
	background-color: transparent ; 
/* set to avoid problems when users have defined their own browser colours */
	text-decoration: underline; 
/*	font-size:90% ; */
}
a:link {  
	color: #0000ff; /* blue for unvisited links */
	}
a:visited {
	color: #ff00ff; /* magenta for visited links */
	}
a:hover {	/* bug - does not work in Netscape 4 */
	color: #ff0000; /* red */
	}
a:active {	/* bug - does not work in Netscape 4 */
	color: #ff0000; /* red */
	}

pre {color: black ; margin-left : 2em}

.header {
	font-size: 120% ; 
	font-weight: 700 ; 
	color: #285398; 
	margin-left: 1.0em;
	margin-bottom: 1.0em;
	clear: both ; 
}
.bluetext {
	font-size: 110% ; 
	font-weight: 700 ; 
	color: #3E3CB3; 
}

.smalltext 
{
	font-size: smaller ; 
}
/* floating images */
.imgleft { /* float image on left and let text flow round on right */
border : 0 ; 
float : left ; 
margin : 0 10px;
/* padding: 5px; */
}

.imgright { /* float image on right and let text flow round on left */
border : 0 ; 
float : right ; 
padding: 0 10px;
}

.imgcenter { 
border : 0 ; 
margin-left: 4.0em;
padding: 5px;
}

.formtable 
{
	background-color: Silver;
	margin-left: 1em;
	border-style:outset;
}

.boxedtable
{
	border-style:solid;
	border-color: Gray;
	border-width: thin;
}

.boxedtable th
{
	background-color:Silver;
}

.boxedtable th, .boxedtable td
{
	border-style: solid; 
	border-bottom: none;
	border-right: none;
	border-left: thin;
	border-top: thin;
	border-color: Gray;
	padding-left: 1em; 
	padding-right: 1em;
}

#banner h1
{
	padding-top: 1em;
}

ul#topnavbar { 
	list-style-type: none ; 
	padding: 0 0 0 16% ; 
	margin: 0 ;
	float: left ;
	width: 100% ;
	background-color: #007C11 ;
	color: white ;
	border-bottom: 2px solid #CC9966 ;  /* brown */
	font-weight: bold; 
	}

ul#topnavbar li { display: inline ; }	

ul#topnavbar li a { 
	width: 7em ;
	float: left ;
/*	font-size: smaller ; */
	color: white ;
	background-color: #007C11 ;
	padding: 0.5em 1em ; 
	text-decoration: none ;
	border-right: 2px solid white ;
	text-align: center ;
	}
ul#topnavbar li a:hover { 
	background-color: #285398 ;
	color: white ;
	}

ul#topmenu {
/*	border: thin dotted red ; /* temporary red for development */
	position: absolute ;
	top: 0 ;
	right: 0 ;
	padding: 0;
	margin: 0 ;
	}		
ul#topmenu li {  /* using list to create navigation bar */
	font-size: 80%;
	color: #000000 ; /* black */
	font-weight: bolder;
	text-align: center;
	padding: 0em 1em ;
/*    border: thin dotted grey ; /* grey for development purposes */
	display: inline ;
	list-style-type: none ;
	float: left;
	}
ul#topmenu a {
	float: left ;
	display: block ;
	text-decoration: none;
	}	
ul#topmenu a:link {
	color: black ;
	}	
ul#topmenu a:visited {
	color: black ; 
	}		
ul#topmenu a:hover {
	color: #ff0000 ; /* red */
	}		
	
#mainbody 
{
	clear:both; 
	width: 100% ;
	margin: 0 ;
	padding: 0 ;
	background-color : #285398 ;  
}

#mainbody table
{
	background-color : #285398 ;  /* Blue background colour */
	left-margin: 0;
}

#container	{ 
	float : left ;  /* contains leftcol and middlecol */
/*	width: 950 ; */
	margin: 0 ;
	padding: 0 ;
	background-color : #285398 ;  /* Blue background colour */
}

#middlecol	{ 
	height: 100%;
/*	width: 775 ; */
	margin-top: 0.0em ;
	margin-left: 1.0em;
	margin-right: 1.0em;
	padding: 0 ;
	background-color: #ffffcc ; /* yellow background colour */
}

#middlecol p {
/*	margin: 0em 2.0em 1.0em 2.0em; */
	margin-bottom: 1.0em;
	}
#middlecol ul {
	margin-right: 2.0em; 
	}

#middlecol table {
background-color: #ffffcc ; /* yellow background colour */
}

#leftnav {
  clear: both;
  float: left ;
 /* width: 175 ; */
  padding:  0 ; /* was 0.2em */
  margin : 0 ;
  background-color: #285398 ;
  color: white ;
  line-height: 1.6em;
  font-weight: bold; 
}

#leftnav a {
  display: block;
  font-size: 100%; 
  color: white ;
  background-color: #285398 ;
  padding : 4  ; 
  text-decoration: none ;
  border: 1px solid white ;
}

#leftnav a:hover {
  background-color: #007C11 ;
  color: #fff ;
  border-right: 2px solid #CC9966;
} 

#submenu a
{
  padding-left: 0.5em;
  border: 0 ;
  font-size: 70% ; 
}

#googlenav table 
{
	clear: both;
   color :  #000; /* black */
   background-color:  silver;
   font-weight: normal;
	margin-left: 0;
}

#rightborder {
	float: right ;
/*	width: 200 ; */
	margin: 0 ;
    padding:  0.2em ; 
    height: 100% ; 
	background-color : #285398 ;  /* Blue background colour */
    color: white ; 
}

#rightborder p 
{
	font-size: smaller ; 
	margin-top: 0.5em; 
	margin-left: 0.5em; 
}

#content	{  /* main content */
	margin-left: 23% ;
	margin-right: 23% ;
/*	font-size: 80%; */
	padding: 0 ;
	}
	
#content p {
	margin-bottom: 1.0em; 
	}

.indented  
{
	font-weight: bold;
	font-size: 80%; 
	color: #285398;
}

.indented  li 
{
	list-style-image: url(images/bullet.gif);
}

.indented ol li
{
	list-style-type : decimal ;
	list-style-image: none;
	list-style-position:outside ; 
	color: #000;
}

.alphalist
{
	list-style-type:lower-alpha;
}

#footer 
{
	clear: both ;
	width: 100% ;
	border-top: 2px solid #990000 ;
/*	border: thin dotted grey ; /* grey temp for development */
	padding: 0;
	font-size: small; 
	list-style: none ;
	margin: 0;
}

#footer p {	font-size: smaller; } 
	
#about #abouthomebutton a,
#about-chron #chronbutton a,
#about-contact #contactbutton a,
#about-find #findbutton a,
#news #newshomebutton a,
#news-events #eventsbutton a,
#news-lecture #lecturebutton a,
#news-conference #conferencebutton a,
#news-papers #papersbutton a,
#news-whatsnew #whatsnewbutton a,
#support #policybutton a,
#support-enc #encycbutton a,
#support-doc #documentbutton a,
#support-train #trainbutton a,
#support-faq #faqbutton a,
#support-tut #tutorialbutton a,
#support-lec #lecbutton a,
#user-login #memberbutton a,
#user-update #updatesbutton a,
#user-support #supportbutton a,
#user-passwd #passwdbutton a,
#user-logout #logoutbuttton a,
#default #welcomebutton a,
#product #productsbutton a,
#service #servicesbutton a,
#whouses #whousesbutton a,
#cases #casesbutton a,
#academic #academicbuttton a,
#brochure #brochuresbutton a,
#vacancy #vacancybutton a,
#links #linksbutton a
{
	color: #84FF00;
}

#about #aboutbutton ,
#about-chron #aboutbutton ,
#about-contact #aboutbutton ,
#about-find #aboutbutton ,
#news #newsbutton,
#news-events #newsbutton,
#news-lecture #newsbutton,
#news-conference #newsbutton,
#news-papers #newsbutton,
#news-whatsnew #newsbutton,
#support #supportbutton,
#support-enc #supportbutton,
#support-doc #supportbutton,
#support-train #supportbutton,
#support-tut #supportbutton,
#support-faq #supportbutton,
#support-lec #supportbutton,
#user #loginbutton,
#user-login #loginbutton,
#user-update #loginbutton,
#user-support #loginbutton,
#user-passwd #loginbutton,
#user-logout #loginbutton,
#default #homebutton,
#product #homebutton,
#service #homebutton,
#whouses #homebutton,
#cases #homebutton,
#academic #homebutton,
#brochure #homebutton,
#vacancy #homebutton,
#links #homebutton
{
	text-transform:uppercase;
	background-color:#800000;
/*	background-color:#005A00; */
}