@charset "utf-8";

/*When making new classes please try to name appropriately to their function. E.g. calling the class used for the spinout linl .spinout. */

body  {
	background: #ffffff;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000; /*black*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
}
.style3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	font-style: italic;
}

.literature {
	font-size: small;
	margin-left:27.0pt;
	text-indent:-27.0pt;
} /*use to replace the HTML code for literature formatting*/
	
.indent {
	font-size: small;
	padding-left:27.0pt;

}
	
#navigation {
	font-family: Arial, Helvetica, sans-serif;
	text-align:left;
	 background : #FFF;
	 color:#000;
}

.bordercelltop { 
	border-top: 1px solid #808080; 
	background: #E2E2E2;
	font-size: small;
	}
	
.bordercellbottomtop { 
	font-family: Arial, Helvetica, sans-serif;
	border-top: 1px solid #808080;
	border-bottom: 1px solid #808080;  
	background: #E2E2E2;
	font-size: small;
	font-style: italic;

	}
.strike {
    text-decoration: line-through;
}


/*Divider in navigation bar*/
.divider {
	 color:#999; /*Grey color */
}

body,td,th {
	font-family: Arial, Helvetica, sans-serif;
}
.style5 {font-family: Arial, Helvetica, sans-serif; color: #000; } /*black*/
.style7 {color: #999999} /*darkish grey */
.style8 {font-size: small} /*seems to mainly be used for publication lists */
.small {font-size: small} /*use instead of style8*/
.style11 {font-family: Arial, Helvetica, sans-serif; font-size: 24px; }
.style14 {
	font-size: small;
	color: #999999;
}
.style15 {font-size: 25px}
.style17 {font-size: small; color: #CCCCCC; }
a:link {
	text-decoration: none;
	color: #000000;
}

/*Deprecated. Originally used for special colouring of Spinout links. Use class .spinout instead */ 
.styleone:link {
	text-decoration: underline; 
	color: #FFF; 
	background: #008;
}

.styleone:visited {
	text-decoration: none; 
	color: #FFF; 
	background: #06a;
}
.styleone:hover {
	text-decoration: none; 
	color: #FFF; 
	background: #000;
}
.styleone:focus {
	text-decoration: none; 
	color: #FFF; 
	background: #06b;
}
.styleone:active {
	text-decoration: underline; 
	color: #FFF; 
	background: #06F;
}

/*Copied styleone and created new class called spinout as it is more descriptive. 
Will do a change to template file but will leave in CSS to mitigate any possibility of style not being placed. */

.spinout:link {
	text-decoration: underline; 
	color: #FFF; 
	background: #008;
}

.spinout:visited {
	text-decoration: none; 
	color: #FFF; 
	background: #06a;
}
.spinout:hover {
	text-decoration: none; 
	color: #FFF; 
	background: #000;
}
.spinout:focus {
	text-decoration: none; 
	color: #FFF; 
	background: #06b;
}
.spinout:active {
	text-decoration: underline; 
	color: #FFF; 
	background: #06F;
}
	


a:visited {
	text-decoration: none;
	color: #666666;
}
a:hover {
	text-decoration: underline;
	color: #FF0000;
}
a:active {
	text-decoration: none;
	color: #000;
	font-size: 1em;
}
a:hover.bluehighlight {
	color:blue;
}

a {
	font-weight: bold;
}

a.underline {
	text-decoration: underline;
}

.style18 {font-size: medium; }

.bigbold {
	font-size:medium;
	font-weight:bold;
}

.biggerbold {
	font-size:larger;
	font-weight:bold;
}

.style20 {font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: large; }

.large {font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: large; }