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,form	{  
	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: 1em 0;
/*	margin-left: 10px; */
}
h2 	{  
	color: #800000; /* maroon */ 
	font-size: 150%; 
	padding :  1em 0 ;
/*	clear: both ; */
}
h3 	{  
	color: black; 
	font-size: 120%; 
	padding : 1em 0; 
}
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; 
}
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}

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

.withemphasis {
	font-style:italic ;
	font-weight: 700 ; 
	color: #00f; 
	clear: both ; 
}

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

.imgright { /* float image on right and let text flow round on left */
	border : 0 ; 
	clear: right;
	float : right ; 
	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
{
/*	border: thin dotted red ; /* temporary red for development */
	padding: 0 0 0 0 ; 
	background-color:#ffffff;
}

.topnavbar
{
	font-size:14px;
	padding: 0; 
	margin: 0;
	background-image: url("images/menu_green.jpg");
/*	background-color: #007C11 ; */
	color: white ;
}

.topnavbar ul { 
/*	border: thin dotted red ; /* temporary red for development */
	list-style-type: none ; 
	padding: 0; 
	margin: 0;
	float: left ;
	width: 100% ; 
	background-image: url("images/menu_green.jpg");
/*	background-color: #007C11 ; */
	color: white ;
	border-bottom: 2px solid #CC9966 ;  
	font-weight: bold; 
	text-align: left ;
	}

.topnavbar ul li { 
	display: inline ; 
	}	

.topnavbar ul li a { 
	width: 7em ;
	float: left ;
/*	font-size: smaller ; */
	color: white ;
	background-image: url("images/menu_green.jpg");
/*	background-color: #007C11 ; */
	padding: 0.5em 1em ; 
	text-decoration: none ;
/*	border-right: 2px solid white ; */
	text-align: center ;
	}
.topnavbar ul li a:hover { 
	background-image: url("images/menu_blue.jpg");
	color: white ;
}
.topnavbar p {
	padding: 0.5em 1em ; 
	border-bottom: 2px solid #CC9966 ;  
}

ul#topmenu {
/*	border: thin dotted red ; /* temporary red for development */
	padding: 0;
	margin: 0 ;
}		
ul#topmenu li {  /* using list to create navigation bar */
/*    border: thin dotted grey ; /* grey for development purposes */
	font-size: 80%;
	color: #000000 ; /* black */
	font-weight: bolder;
	text-align: center;
	padding: 0em 1em ;
	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; 
	margin: 0 ;
	padding: 0 ;
}

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

#middlecol	{ 
/*	border: thin dotted grey ; /* grey temp for development */
	height: 100%;
	padding-top: 0.0em ;
	padding-left: 1.0em;
	padding-right: 1.0em;
	background-color: #ffffcc ; /* yellow background colour */
	border-right:medium solid #285398;
	text-align:left;
}

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

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

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

#leftnav a {
  padding: 0.2em 1.0em 0.2em 1.0em ; 
  display: block;
  font-size: 100%; 
  color: white ;
  text-decoration: none ;
}

#leftnav a:hover {
	background-image: url("images/menu_gr_long.jpg");
	border-right: 2px solid #CC9966;
} 

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

.indented  
{
	font-weight: bold;
	font-size: 80%; 
	background-color: #ffffcc ; /* yellow background colour */
	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 #CC9966 ;
/*	border: thin dotted grey ; /* grey temp for development */
	padding: 0;
	font-size: small; 
	list-style: none ;
	margin: 0;
	background-color : #ffffff ; 
}

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

#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-image: url("images/menu_orange.jpg");
}