/* --------------------------------------------------------------------------------- */
/* Filename : layout.css												      					    */
/* Main Layout Style Guide for Menus, Header, Footer and Wrapper                     */
/* --------------------------------------------------------------------------------- */
/* Last Modified:															         					 */
/* 22nd July 2008   JPC - converted inline styles to a css layout 						 */
/* --------------------------------------------------------------------------------- */
/* Colours:																	  
		#E77919	Infra Orange

/* -------------------------------------------------------------------------- */

/* Put a grey tint around the outside of the website */
body
{
	background-color:#E0E0E0;
}

/* Style for the table containing the whole website */
.website
{
	border-collapse:collapse;
	background-color:#FFFFFF;
	border-width:0px;
	border-style:none;
	padding:0;
}

td 
{ 
	text-align:"left";
	font-size:12px;
	font-family:  Arial, Helvetica, sans-serif;
}

p 
{ 
	text-align:"left";
	font-size:12px;
	font-family:  Arial, Helvetica, sans-serif;
}

.content
{

}

.content table
{ 
	border-style:none;
	padding:0;
	border-collapse:collapse;
	width:400;
}

.content .title td
{ 
	vertical-align:bottom;
	font-size:16px;
	font-weight:bold 
}

.content .top_photo img
{
	border-width:1px;
	border-style:solid;
	border-color:black;
}
.content .header
{
	font-size:12px;
	font-weight:bold 
}

/*Key personnel styles */
.content .personnel
{
	font-size:12px;
}

.content .personnel .Name
{
	font-size:14px;
	font-weight:bold 
}

.content .personnel .qual
{
	font-size:9px;
}

.content .personnel img
{
	border-width:1px;
	border-style:solid;
	border-color:black;
}

a, a:active, a:link 

{
 	color:#D44C29;  /* This is richer more orange */
	color:#FF6600;  /* This is the same colour as the active menu entry */ 
	text-decoration:none; 
}

A:visited 
{
 	color:#EB9549; 
	text-decoration:none; 
}
A:hover 
 { 
 	color:blue; 
	text-decoration:none; 
}
/*
A:link { 
	color:black; 
	text-decoration:none; 
}

A.Infra:visited 
{ 
	color:green;
	text-decoration:none; 
}
A.Infra:hover 
{ 
	color:red; 
	text-decoration:none; 
}
A.Infra:link 
{ 
	color:blue; 
	text-decoration:none; 
}
*/
/* Parent style for the whole column down the left which contains the logo and the menu */
.MenuCol
{
}

.MenuCol p
{
	text-align:center;
	font-size:14px;
	font-family:  Arial Narrow, Arial, Helvetica, sans-serif;
 	color:#000080;
	font-weight:bold 
}

.MenuCol .logo img
{
	border-style:none;
}

.MenuCol .logo p
{
	font-family:  AvantGarde, Arial Narrow, Arial, Helvetica, sans-serif;
	text-align:center;
	color:#5E5E5E;
}

.MenuCol .logo .Alt
{
	font-size:56px;
	color:#29166F;
}

.MenuCol .logo .Vision
{
	font-size:56px;
	color:#E77918;
}


/* Sub style for the menu itself */
.MenuCol .Menu
{

}

.MenuCol .Menu table
{
	width:189;
	border-collapse:collapse;
}

.MenuCol .Menu td
{
	background-color:#C0C0C0;
	font-family:  Arial, Helvetica, sans-serif;
	font-size:13px;
	width:183;
	padding:5;
	border-width:1px;
	border-style:solid;
	border-color:#FF6600;
}

.MenuCol .ThisMenu td
{
	color:#FF6600;
	background-color:#C0C0C0;
	font-family:  Arial, Helvetica, sans-serif;
	font-size:13px;
	width:183;
	padding:5;
	border-width:1px;
	border-style:solid;
	border-color:#FF6600;
}

.MenuCol a:active, .MenuCol a:visited, .MenuCol a:link
{
	color:black;
	text-decoration:none; 
}

.MenuCol a:hover
{
	color:blue;
	text-decoration:none; 
}

.MenuCol .ThisMenu a:active, .MenuCol .ThisMenu a:visited
{
	color:#FF6600;
	text-decoration:none; 
}

.MenuCol .copyright p
{
	color:black;
	font-family:  Arial, Helvetica, sans-serif;
	font-size:9px;
}

/* Draw the line down between the menu column and the content column */
.SpacerCol
{
	width:1;
	background-color:black;
	padding:0;
}

/* Pad around both the logo/menu and  content columns */
.PaddingCol
{
	width:10;
	height:10;
	background-color:white;
}