#wholepage {width:900px;}
#topnav {width: 900px;}
#sidenav, #pageoutline {width: 230px;}

/*************************************************************/
/* The Button class is for the top level menu-NO LONGER USED */
/*************************************************************/

.Button {
	text-align:		center;
	text-decoration:	none;
	font-weight:		bold;
	color:			#336633;
	background:		#ffffff;
	font-size:		11px;
	height:			20px;
	border-right:		5px solid #ffffff;
	border-left:		5px solid #ffffff;
	}

.Button A:link, .Button A:visited {
	text-align:		center;
	text-decoration:	none;
	font-weight:		bold;
	color:			#336633;
	background:		#ffffff;
	font-size:		11px;
	height:			11px;
	/*border-right:		5px solid #ffffff;
	border-left:		5px solid #ffffff;*/
	}
	
.Button A:hover	{
	text-align:		center;
	text-decoration:	underline;
	font-weight:		bold;
        color:			#3399CC;
	background:		#ffffff;
	font-size:		11px;
	height:			11px;
	/*border-right:		5px solid #ffffff;
	border-left:		5px solid #ffffff;*/
	}

/* OnButton is the selected state */
.OnButton {
	text-align:		center;
	text-decoration:	none;
	font-weight:		bold;
	color:			#FFFFFF;
	background:		#669966;
	border-top:		1px solid #669966;
	border-right:		5px solid #669966;
	border-left:		5px solid #669966;
	font-size:		11px;
	height:			20px;
	}

.OnButton A:link, .OnButton A:visited {
	text-align:		center;
	text-decoration:	none;
	font-weight:		bold;
	color:			#FFFFFF;
	background:		#669966;
	font-size:		11px;
	height:			11px;
	}

.OnButton A:hover {
	text-align:		center;
	text-decoration:	underline;
	font-weight:		bold;
	color:			#FFFFFF;
	background:		#669966;
	/*border-top:		1px solid #669966;
	border-right:		5px solid #707070;
	border-left:		5px solid #669966;*/
	font-size:		11px;
	height:			11px;
	}

	
	
/*******************************************/
/* The nH class is for the submenu heading */
/*******************************************/
a.nH { 
	text-indent:		10px;
	font-size:		12px;
	text-decoration:	none;
	font-weight:		bold; 
	color:			#274B77;
	background:		#FFFFFF;
	}

a.nH:link, a.nH:visited, a.nH:active {
	text-decoration:	none;
	color:			#274B77;
	background:		#FFFFFF;
	}

a.nH:hover {
	text-decoration:	none;
	background:		#FFFFFF;
	background-color:	#77B1DC;
	}

/*
td.nH	{
	background-image:	url(images/nav_line_h_151x60g.gif);
	}
*/

/***********************************************/
/* The n1 class is for the first level submenu */
/***********************************************/
td.n1 {
	text-indent:		15px;
/*	background-image:	url(images/n1_line.gif);*/
	}


a.n1	{
	font-size:		11px;
	text-decoration:	none;
	font-weight:		bold;
	text-indent:		15px;
	color:			#707070;
	background:		#FFFFFF;
	padding: 2px;
	}

a.n1:link, a.n1:visited, a.n1:active {
	text-decoration:	none;
	text-indent:		15px;
	color:			#707070;
	background:		#FFFFFF;
	}

a.n1:hover {
	text-decoration:	none;
	color:			#274B77;
	background-color:	#77B1DC;
	}

a.n1ON, a.n1ON:link, a.n1ON:active { 
	font-size:		11px;
	text-indent:		17px;
	text-decoration:	none;
	font-weight:		bold;
	padding: 2px;
	}

a.n1ON:visited {
	text-decoration:	none;
	text-indent:		15px;
	color:			#707070;
	background:		#FFFFFF;
	}

a.n1ON:hover {
	text-decoration:	none;
	color:			#274B77;
	background-color:	#77B1DC;
	}

td.n1ON {
	padding-top:		0px;
	text-indent:		15px;
/*	background-image:	url(images/n1_line.gif);*/
	}

/************************************************/
/* The n2 class is for the second level submenu */
/************************************************/
td.n2 {
	background-image:	url(images/n2_arrow.gif);
	}

a.n2 { 
	  
	font-size:		10px;
	text-decoration:	none;
	color:			#707070; 
	background:		#FFFFFF;
	padding: 2px;
	}

a.n2:link, a.n2:visited, a.n2:active {
	text-decoration:	none;
	color:			#707070;
	background:		#FFFFFF;
	}

a.n2:hover {
	text-decoration:	none;
	color:			#274B77;
	background-color:	#77B1DC;
	}

a.n2ON, a.n2ON:link, a.n2ON:active {
	font-size:		10px;
	text-decoration:	none;
	color:			#707070;
	background:		#FFFFFF;
	padding: 2px;
	}

a.n2ON:visited {
	text-decoration:	none;
	font-weight:		bold;
	color:			#707070;
	background:		#FFFFFF;
	} 

a.n2ON:hover {
	text-decoration:	none;
	font-weight:		bold;
	color:			#274B77;
	background-color:	#77B1DC;
	} 

td.n2ON {
	background-image:	url(images/n2_arrow.gif);
	}

/************************************************/
/* The n3 class is for the third level submenu */
/************************************************/
td.n3 {
	background-image:	url(images/n3_arrow.gif);
	}

a.n3 { 
	font-size:		10px;
	text-decoration:	none;
	color:			#707070; 
	background:		#FFFFFF;
	padding: 2px;
	}

a.n3:link, a.n3:visited, a.n3:visited {
	text-decoration:	none;
	color:			#707070;
	background:		#FFFFFF;
	}

a.n3:hover {
	text-decoration:	none;
	color:			#274B77;
	background-color:	#77B1DC;
	}

a.n3ON, a.n3ON:link, a.n3ON:active { 
	font-weight:		bold;
	font-size:		10px;
	text-decoration:	none;  
	color:			#707070;
	background:		#FFFFFF;
	padding: 2px;
	}

a.n3ON:visited {
	text-decoration:	none;
	font-weight:		bold;
	color:			#707070;
	background:		#FFFFFF;
	} 

a.n3ON:hover {
	text-decoration:	none;
	font-weight:		bold;
	color:			#274B77;
	background-color:	#77B1DC;
	} 

td.n3ON {
	background-image:	url(images/n3_arrow.gif);
	}


/************************************************/
/* The n4 class is for the second level submenu */
/************************************************/
/*	{
	font-size:		10px;
	font-weight:		bold;
	color:			#336633; 
	background:		#FFFFFF;
	}
*/

p.n4 	{
	font-size:		10px;
	font-weight:		normal;
	color:			#707070; 
	background:		#FFFFFF;
	}

a.n4	{ 
	font-size:		10px;
	font-weight:		normal;
	color:			#707070; 
	background:		#FFFFFF;
	padding: 2px;
	}

a.n4:link{
	font-size:		10px;
	font-weight:		bold;
	color:			#707070;
	background:		#FFFFFF;
	}

a.n4:hover {
	font-size:		10px;
	font-weight:		bold;
	color:			#274B77;
	background-color:	#77B1DC;
	}

a.n4ON, a.n2ON:link, a.n2ON:active { 
	font-size:		10px;
	font-weight:		bold;
	color:			#707070;
	background:		#FFFFFF;
	padding: 2px;
	}

a.n4ON:visited {
	font-size:		10px;
	font-weight:		bold;
	color:			#707070;
	background:		#FFFFFF;
	} 

a.n4N:hover {
	font-size:		10px;
	font-weight:		bold;
	color:			#274B77;
	background-color:	#77B1DC;
	} 


/***********************************/
/* Spacing for submenu indentation */
/***********************************/
.n1SP {
	padding-left:		5px;
	padding-right:		0px;
	padding-top:		3px;
	padding-bottom:		2px;
	}

.n2SP {
	padding-left:		28px;
	padding-right:		4px;
	padding-top:		3px;
	padding-bottom:		2px;
	} 

.n3SP {
	padding-left:		34px;
	padding-right:		1px;
	padding-top:		2px;
	padding-bottom:		2px;
	} 

kbd {
	font-family:		Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight:		bold;
	color:			#000000; 
	background:		#FFFFFF; 
	}

SPAN.notn {
	color:			#000000; 
	background:		#FFFFFF; 
	font-weight:		bold;
	}

SPAN.indent {
	color:			#000000; 
	background:		#FFFFFF; 
	font-weight:		normal;
	width:			80px;
	}

SPAN.param {
	color:			#000000;
	background:		#FFFFFF;
	font-style:		italic;
	font-weight:		bold;
	}
	
SPAN.enter {
	font-size:		11px;
	color:			blue;
	font-weight:		bold;
	font-variant:		small-caps;
	border-top-width:	1px; 
	border-bottom-width:	1px; 
	border-right-width:	1px; 
	border-left-width:	1px; 
	border-style:		outset; 
	border-color:		#707070; 
	padding-right:		1px; 
	padding-left:		1px; 
	background-color:	#CCCCFF;
	}
	
SPAN.variant {
	font-size:		11px;
	color:			#FFFFFF;
	font-weight:		bold;
	font-variant:		small-caps;
	border-top-width:	1px; 
	border-bottom-width:	1px; 
	border-right-width:	1px; 
	border-left-width:	1px; 
	border-style:		outset; 
	border-color:		#707070; 
	padding-right:		1px; 
	padding-left:		1px; 
	background-color:	#274B77;
	}
	
body {
	margin:			18px 18px 0px 18px;
/*	background:		#FFFFFF;*/
	background:		#F0F5FB;
	color:			#000;
	font-family:		Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:		12px;
	}		
		
h1	{
	font-size:		16px;
	font-weight:		bold;
	padding-left:		10px;
	padding-top:		10px;
	color:			#274B77;
	}

h2	{
	font-size:		14px;
	padding-left:		10px;
	padding-top:		1px;
	padding-bottom:		1px;
	background:		#274B77;
	color:			#FFFFFF;
	clear:			both;
	}

h3	{
	font-size:		12px;
	font-weight:		bold;
	padding-left:		10px;
	padding-top:		5px;
/*	color:			#547E54;*/
/*	color:			#274B77;*/
	}	

h3.industrial {
	font-size:		13px;
	font-weight:		bold;
	padding-left:		10px;
	padding-top:		2px;
	padding-bottom:		0px;
/*	color:			#6B6B6B;*/
	}	


h3.index {
	font-size:		14px;
	padding-left:		25px;
	padding-top:		1px;
	background:		#FFFFFF;	
	font-weight:		bold;
	color:			#274B77;
	}	

h4	{ 
	font-size:		10px;  
	color:			#274B77;
	padding-left:		10px;
	padding-bottom:		12px; 
	}
	
h5	{
	font-size:		12px;
	font-weight:		bold;
	padding-left:		10px;
	padding-top:		1px;
	text-align:			left;
	margin-bottom:		-3px;
	}	

p.industrial {
	margin-top:		-5px;
	/*padding=top:		-2px;INVALID*/
	}

 /* Gallery type table definition */
table.gal	{
		font-size:		9px;
		text-align:		center;
		margin-bottom:		7px;
		margin-left: 	auto;
		margin-right: 	auto;
		}

table.gal td	{
		border:			0px solid #669966;
		width:			120px;
		height:			100px;
		padding-top:		3px;
		padding-left:		2px;
		padding-right:		2px;
		text-align:		center;
		vertical-align:		top;
		padding-top: 8px;
		}

table.gal th	{
		border-bottom:		0px solid #707070;
		}

table .grouped_elements {
			position: relative;
			display: block;
		}

table .grouped_elements img {
			position: relative;
		}

table .gal_num_display {
			background-color: #274B77;
			color: #fff;
			position: absolute;
			top: 0;
			left: 10;
			padding: 0.4em;
			z-index: 2;
			font-size: 1.5em;
			font-weight: bold;
			font-size: 1.2em;
		}

table .gal_desc {
			position: relative;
			top: 3px;
		}		

 /* Internal Info type table definition */
table.ii	{
		font-size:		11px;
		padding:		0px;
		}

table.ii td	{
		padding-top:		5px;
		}

table.ii tr	{
		padding:		0px;
		}


 /* FWI type table definition */
table.fwi	{
		font-size:		9px;
		text-align:	center;
		padding:		0px;
		}

table.fwi td	{
		border:			0px solid #669966;
		width:			550px;
		height:			110px;
		padding-top:		5px;
		padding-left:		2px;
		padding-right:		2px;
		text-align:		center;
		vertical-align:		top;
		}

table.fwi th	{
		border-bottom:		0px solid #707070;
		}


 /* FWI type table definition */
table.staff		{
		font-size:		11px;
		text-align:	left;
		padding:		0px;
		}

table.staff td	{
		border:			0px solid #669966;
		/*width:			550px;*/
		height:			110px;
		padding-left:		5px;
		padding-right:		0px;
		text-align:		left;
		vertical-align:		top;
		}

table.staff th	{
		border-bottom:		0px solid #707070;
		}

table.staff img	{
		border:			2px solid #000000;
		padding-top:		0px;
		}

 /* List type table definition */
table.list, table.list th, table.list td {
	font-size:		10px;
	border-collapse:	collapse; 
	padding: 		2px; 
	white-space:		nowrap;
	}

table.list {
	border: 		2px solid #707070; 
	margin:			0px 10px 10px 10px;
	}

table.list td, table.list th {
	border:			1px solid #707070;
	}

table.list th {
	border-bottom:		2px solid #707070;
	text-align:		left;
	}

table.list th.left {
	border-bottom:		1px solid #707070;
	border-right:		2px solid #707070;
	}

/* Def type table definition */
table.def {
	margin-left:	30px;
	margin-bottom:	10px;
	}

table.def, table.def th, table.def td {
	font-size:	11px; 
	border:		none; 
	padding:	0; 
	}

table.def th {
	background:	url(images/icon_bullet2.gif) no-repeat top left; 
	text-indent:	15px; 
	font-weight:	normal; 
	text-align:	left;
	width:		70px; 
	vertical-align:	top;
	}

table.def td {
	font-weight:	bold;
	}

table.def i {
	font-weight:	normal;
	}

table.stat th, table.stat td {
	font-size:	11px;
	background:	#efe none;
	color:		#000000;
	}

/* BNF type table definition */
table.bnf {
	margin-left:	80px;	/* 30px plus the -50px first line indent */
	margin-top:	10px;
	margin-bottom:	10px;
	margin-right:	30px;
	}

table.bnf, table.bnf th, table.bnf td {
	font-size:	11px; 
	font-weight:	normal; 
	text-align:	left;
	vertical-align:	top;
	border:		none;
	padding-bottom:	1px;
	text-indent:	-50px;	/* Makes wrapped text indent by 50px */
	}

table.bnf b {
	font-weight:	bold;
	color:		#274B77;
	}

dl.param dt {
	color:		#000000;
	background:	#FFFFFF;
	font-style:	italic;
	font-weight:	bold;
	}

.Document {
	font-size:		11px;
	border-left:		1px solid #274B77;
	border-right:		1px solid #274B77;
	vertical-align:		top;
	}

.Document UL {
	list-style-image:	url(images/icon_bullet2.gif);
	}

.PageFooter {
	text-decoration:	none;
	background:		#274B77;
	color:			#FFFFFF;
	 
	font-size:		11px;
	height:			25px;
	}	

.PageFooter A:link, A:active {
	text-decoration:	underline;
	color:			#FFFFFF;
	}

.PageFooter A:visited, A:hover {
    	text-decoration:	underline; 
	color:			#FFFFFF;
	}
	
#main	{
	border-top:		1px solid #274B77; 
	border-bottom:		0px; 
	border-left:		1px solid #274B77; 
	border-right:		0px; 
	background:		#FFFFFF;
	}

#topimg	{
	border-top:		0px solid #274B77;
	border-left:		1px solid #274B77;
	border-right:		1px solid #274B77;
	}

#toplogo	{
	border-left:		1px solid #274B77;
	border-right:		1px solid #274B77;
	}

.main UL {
	list-style-image:	url(images/icon_bullet2.gif);
	}

/* Looks like you have to specify the width of #outline
or IE5 Mac stretches it all the way across the div, and 
Opera streches it half way. */

#outline {
	background:		#FFFFCC;
	font-size:		12px;
	}
		
#outline h2 { 
	font-size:		12px;
	}

p,pre,dl {
	margin:			0px 10px 10px 10px; 
	}
		
A:link {
	text-decoration:	underline;
	color:			#707070;
	}

/* old green colour 669966 */

A:active {
	text-decoration:	underline;
	color:			#707070;
	}

A:visited {
    	text-decoration:	underline; 
	color:			#707070;
	}

/* #0000CC #FF0000; #551188; */

A:hover { 
   	text-decoration:	underline; 
	color:			#274B77;
	}

sup {
	font-size:		9px;
	color:			#000000;
	}

.frm {
	 
	font-size:		11px;
	}

table.cfg { font-size: 11px; margin: 0px 0px 10px 10px; }
table.sensors { margin: 0px 0px 10px 20px; font-size: 18px; text-align: center; color: #FF0000; background-color: #440000; font-weight: bold; }
td.label { font-weight: bold; width: 150px; }
td.field { text-align: left; }
td.bold { font-weight: bold; }

ul.big {
	margin:			0px 10px 10px 25px;
	padding:		0;
	}

ul.big li {
	margin:			0;
	padding:		0 0 6px 0;
	}

ul.small 	{
		margin:		0px 10px 10px 25px;
		padding:	0;
		}

span.specmd 	{
		font-weight:	bold;
		color:		#336633;
		}

img		{
		border:		none;
		}


img.border 	{
		border:		2px;
		}

img.left 	{
		float:		left;
		clear:		left;
		padding:	2px 2px 2px 2px;
		margin:		0;
		}

img.center	{
		padding:	5px 2px 5px 5px;
		margin:		0;
		}

img.right	{
		float:		right;
		clear:		right;
		padding:	2px 2px 2px 2px;
		margin:		0;
		}

form		{
		margin:		0;
		padding:	0;
		}

select 		{
		font-family:	Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size:	11px;
		}

input {
	font-family:		Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:		11px;
	}

ul.sitemap {
	margin:			0 0 10px 10px;
	padding:		0;
	font-weight:		bold;
	list-style-type:	none;
	list-style-image:	none;
	}

ul.sitemap li {
	margin:			15px 0 0 0;
	padding:		0;
	}

ul.sitemap li ul {
	font-weight:		normal;
	margin:			0 0 0 12px;
	padding:		0;
	}

ul.sitemap li ul li {
	margin:			4px 0 0 3px;
	padding:		0;
	}

hr {
	border:			0;
	width:			100%;
	height:			1px;
	color:			#274B77;
	background-color:	#274B77;
	}

	/*******************************************/
/* The nH class is for the Fancybox Image links */
/*******************************************/
a.FBI {
	color:			#FFFFFF;
	text-align:			right;
}