body {
	background-color:	#fff;
	color:				#666;
	font-family:		helvetica, arial, "sans serif";
	font-weight:		normal;
	font-size:			x-small;
	margin:				0px; 
	padding:			0px;
}

/*	grouped selectors	*/

table, tr, th, td, input, textarea, ul, ol, li, h1, h2, h3, h4, h5, h6 {
	color:				#666;
	font-family:		helvetica, arial, "sans serif";
	font-weight:		normal;
	font-size:			x-small;
}

h1, h2, h3, h4, h5, h6, p, div {
	color:				#666;
	margin:				0px;
	padding:			0px;
}

/*	element selectors	*/
p {
	margin-top:			1.2em;
	margin-bottom:		1.2em;
}

h1 {
	color:				#f90;
	font-size:			2.0em;
	font-weight:		normal;
}

h1 em {
	color:				#333;
	font-style:			normal;
}

h1.home {
	color:				#f90;
	font-size:			3.0em;
	font-weight:		normal;
}

a {
	color:				#333;
	font-style:			normal;
	text-decoration:	underline;
}

a:hover {
	color:				#f90;
	font-style:			normal;
	text-decoration:	underline;
}

/*	emphasis	*/

strong {
	font-weight:		bold;
}

span.key {
	color:				#990066;
}

p.learntitles {
    color:				#906;
	font-weight: 		bold;
	font-size:			1em;
	margin-bottom:		0.1em;
}

p.learnsubs {
    color:				#000;
	font-weight: 		bold;
	font-size:			1.0em;
	margin-bottom:		1em;
}

/******		TEMPLATE	******	
/*	two colour bands	*/
div.band {
	position:			absolute; 
	left:				0px; 
	width:				100%; 
	z-index:			1; 
}

#band1 {
	background-color: 	#f90;
	top:				0px; 
	height:				4px;
}

#band2 {
	top:				7px; 
	height:				6px; 
	background-color: 	#ccc;
}

/*	all body 	*/
#body {
	color:				#fff;
	font-size:			0.8em;
	top:				73px;
}

#welcomeuser {
	background-color: 	#f90;
	color:				#fff;
	font-size:			0.9em;
	padding-left:		16px;
	border-bottom:		2px solid #fff;
}

#welcomeuser a {
	color:				#fff;
	font-weight:		normal;
	text-decoration:	underline;
}

#welcomeuser a:hover {
	color:				#ccc;
	font-weight:		normal;
	text-decoration:	underline;
}

#welcomeuser a.on {
	color:				#ccc;
	font-weight:		normal;
	text-decoration:	underline;
}

#welcomeuser a.on:hover {
	color:				#ccc;
	font-weight:		normal;
	text-decoration:	underline;
}

#mainnav {
	background-color: 	#ccc;
	color:				#fff;
	text-align:			right;
	padding-right:		5px;
	border-bottom:		4px solid #fff;
}

#mainnav a {
	color:				#666;
	font-weight:		bold;
	text-decoration:	none;
}

#mainnav a:hover {
	color:				#f90;
	font-weight:		bold;
	text-decoration:	none;
}

#mainnav a.on {
	color:				#f90;
	font-weight:		bold;
	text-decoration:	none;
}

#mainnav a.on:hover {
	color:				#f90;
	font-weight:		bold;
	text-decoration:	none;
}

#mainnavxtra {
	color:				#fff;
	font-size:			0.7em;
	text-align:			right;
	top:				73px;
	padding-right:		5px;
	z-index:			5;
}

#mainnavxtra a {
	color:				#fff;
	font-weight:		bold;
	text-decoration:	none;
}

#mainnavxtra a:hover {
	color:				#ccc;
	font-weight:		bold;
	text-decoration:	none;
}

#mainnavxtra a.on {
	color:				#ccc;
	font-weight:		bold;
	text-decoration:	none;
}

#mainnavxtra a.on:hover {
	color:				#ccc;
	font-weight:		bold;
	text-decoration:	none;
}

#keyline {
	background-color: 	#f90;
	height:				1px;
}

#breadcrumb {
	color:				#666;
	border-bottom:		1px solid	#f90;
	padding-left:		16px;
}

#breadcrumb a {
	color:				#666;
	font-weight:		normal;
	text-decoration:	none;
}

#breadcrumb a:hover {
	color:				#f90;
	font-weight:		normal;
	text-decoration:	none;
}

#breadcrumb a.on {
	color:				#f90;
	font-weight:		bold;
	text-decoration:	none;
}

#breadcrumb a.on:hover {
	color:				#f90;
	font-weight:		bold;
	text-decoration:	none;
}

/*	logo	*/

#logo {
	position:			absolute;
	left:				16px; 
	top:				13px; 
	width:				214px; 
	height:				27px; 
	z-index:			1;
}

/* top-right corner image	*/

#cornerimg {
	position:			absolute; 
	right:				-1px; 
	top:				13px; 
	width:				276px;
	height:				127px; 
	z-index:			1;
}

/*	main body	*/

#mainbody {
	background-color: 	#fff; 
	margin:				0px 0px 0px 23px;
	height:				254px; 
	width:				85%;
	z-index:			1;
}

#mainbody.nomarg {
	margin:				0px;
}

#mainbody1 {
	background-color: 	#fff; 
	margin:				0px 0px 0px 23px;
	width:				85%;
	z-index:			1;
}

#mainbody2 {
	background-color: 	#fff; 
	margin:				0px 0px 0px 23px;
	width:				85%;
	z-index:			1;
}

#mainbody3 {
	background-colo: 	#fff; 
	margin:				0px 0px 0px 23px;
	width:				85%;
	z-index:			1;
}

#mainbody4 {
	background-color: 	#fff; 
	margin:				0px 0px 0px 23px;
	width:				85%;
	z-index:			1;
}

#mainbody5 {
	background-color: 	#fff; 
	margin:				0px 0px 0px 23px;
	width:				85%;
	z-index:			1;
}

/*	service	*/

#service {
	color:				#666;
	font-size:			0.8em;
	margin:				24px 0px 12px 0px;
}

/*	search menu - element.class selectors	*/

div.sm {
	position:			absolute;
	width:				78px; 
	height:				30px;
	color:				#fff;
	font-weight:		bold;
	font-size:			0.9em;
	text-align:			center;
	background-color:	#ccc;
	padding:			3px;
	text-transform:		uppercase;
	z-index:			1;
}

div.sm a {
	color:				#000;
	text-decoration:	none;
}

div.sm a:hover {
	color:				#000;
	text-decoration:	none;
}

div.smon {
	position:			absolute;
	width:				78px; 
	height:				35px;
	color:				#fff;
	font-weight:		bold;
	font-size:			0.9em;
	text-align:			center;
	padding:			3px;
	background-color:	#f90;
	text-transform:		uppercase;
	z-index:			1;
}

div.smnull {
	position:			absolute;
	width:				78px; 
	height:				30px;
	color:				#888;
	font-weight:		bold;
	font-size:			0.9em;
	text-align:			center;
	padding:			3px;
	background-color:	#dedede;
	text-transform:		uppercase;
	z-index:			1;
}

table.search {
	border:				none;
	padding:			0px;
	width:				100%;
}

table.search th, td {
	font-size:			0.8em;
	padding:			4px;

}

table.search .item {
	text-align:			left;
}

table.search th.item {
	background-color:	#ccc;
	color:				#f90;
	font-weight:		bold;
	text-transform:		uppercase;
	border-bottom:		1px solid #f90;
	border-left:		1px solid #f90;
	border-right:		1px solid #f90;
}

table.search th.download {
	background-color:	#ccc;
	color:				#f90;
	font-weight:		bold;
	text-transform:		uppercase;
	border-bottom:		1px solid #f90;
	border-right:		1px solid #f90;
}

table.search td.download {
	background-color:	#eee;
	color:				#000;
	font-weight:		bold;
	text-align:			center;
	border-bottom:		1px solid #f90;
	border-right:		1px solid #f90;
}

table.search th.leftfield {
	color:				#666;
	font-weight:		bold;
	text-align:			right;
	vertical-align:		top;
	background-color:	#eee;
	padding-right:		5px;
	padding-top:		7px;
	text-transform:		uppercase;
	border-bottom:		1px solid #909;
	border-left:		1px solid #909;
}

table.search td.rightfield {
	color:				#666;
	font-weight:		bold;
	text-align:			left;
	padding-left:		5px;
	padding-top:		7px;
	border-bottom:		1px solid #f90;
	border-right:		1px solid #f90;
}

table.search td.rightfield a {
	color:				#666;
	font-weight:		normal;
}

table.search td.rightfield a:hover {
	color:				#f90;
	font-weight:		normal;
}

table.search td.downloadtitle {
	color:				#666;
	font-weight:		bold;
	text-align:			left;
	padding-left:		5px;
	border-bottom:		1px solid #f90;
	border-left:		1px solid #f90;
	border-right:		1px solid #f90;
}

/*	search menu id	*/

#searchmenu {
	position:			relative; 
	left:				5px; 
	top:				10px; 
	width:				653px; 
	height:				150px; 
	border-top:			1px solid #f90;
	padding-top:		0px;		
	z-index:			1;
}

#sm01 {
	left:				0px;
}

#sm02 {
	left:				82px;
}

#sm03 {
	left:				164px; 
}

#sm04 {
	left:				246px; 
}

#sm05 {
	left:				328px; 
}

#sm06 {
	left:				410px; 
}

#sm07 {
	left:				492px; 
}

#sm08 {
	left:				574px; 
}

#searchtable {
	position:			relative; 
	left:				0px; 
	top:				34px; 
	width:				652px;
	border-top:			4px solid #f90; 
	height:				150px; 
	z-index:			1;
}

/*	browse resources	*/

table.browse {
	margin-top:			12px;
	border-right:		1px solid #f90;
	border-bottom:		1px solid #f90;
	padding:			0px;
}

table.browse th, td {
	font-size:			0.8em;
	padding:			4px;
}

table.browse td {
	border-left:		1px solid #f90;
	border-top:			1px solid #f90;
	padding:			0px;
}

table.browse td.recordnav {
	background-color:	#f90;
	color:				#fff;
	padding:			4px;
	text-align:			right;
}

table.browse td.recordtotal {
	background-color:	#f90;
	color:				#fff;
	padding:			4px;
}

table.browse td.browsehead {
	padding:			0px;
	background-color:	#f90;
	margin:0px;
}

table.browse th.title {
	color:				#f90;
	font-weight:		bold;
	text-align:			left;
	text-transform:		uppercase;
	border-left:		1px solid #f90;
	border-top:			1px solid #f90;
}

table.browse th.item {
	color:				#aaa;
	font-weight:		bold;
	text-align:			left;
	border-left:		1px solid #f90;
	border-top:			1px solid #f90;
}

table.browse td.item {
	background-color:	#fff;
	font-weight:		bold;
	padding:			4px;
}

table.browse th.item a {
	color:	#f90;
	text-decoration:	none;
}

table.browse th.item a:hover {
	text-decoration:	underline;
}

table.base {
	text-decoration:	underline;
}

td.search {
	text-align:			center;
	color:				#000;
	background-color:	#EBEBEB;
	font-size:			0.8em;
}

td.graphic {
	text-align:				center;
	background-color: 		#F5E5EF;
}

td.graphic2 {
	text-align:				center;
	background-color: 		#fff;
}

td.browse {
	color:				#990066;
	font-size:			0.8em;
	font-weight:		bold;
}

/*****	LIST TEMPLATE	*****/

table.list {
	margin-top:			12px;
	border:				none;
	padding:			0px;
	width:				100%;
}

table.list th, td {
	font-size:			0.8em;
	padding:			4px;			
}

table.list .item {
	text-align:			left;
	border-bottom:		1px solid #f90;
	border-left:		1px solid #f90;
	border-right:		none;
}

table.list .itemend {
	text-align:			left;
	border-bottom:		1px solid #f90;
	border-left:		1px solid #f90;
	border-right:		1px solid #f90;
}

table.list th.item {
	background-color:	#ccc;
	color:				#f90;
	font-weight:		bold;
	border-top:			1px solid #f90;
	border-bottom:		1px solid #f90;
	text-transform:		uppercase;
	border-bottom:		0px;
}

table.list th.itemend {
	background-color:	#ccc;
	color:				#f90;
	font-weight:		bold;
	border-top:			1px solid #f90;
	border-bottom:		1px solid #f90;
	border-right:		1px solid #f90;
	text-transform:		uppercase;
	border-bottom:		0px;
}

table.list td.item {
	background-color:	#fff;
	font-weight:		bold;
}

td.item label {
	color:				#f90;
	font-size:			1.0em;	
	font-weight:		normal;
	text-align:			right;
	vertical-align:		top;

}


table.list .statusedit {
	background-color:	#f90;
	border:				1px solid #f90;
	border-right:		1px solid #fff;
	text-align:			center;
}

table.list th.statusedit {
	color:				#fff;
	font-weight:		bold;
	text-transform:		uppercase;
}

.statusedit input.button {
	background-color:	#666;
	color:				#fff;
	font-size:			1.0em;
	text-transform:		uppercase;
	padding:			0px;
	border:				1px solid #fff;
	width:				62px;
}

.welcome input.button {
	background-color:	#666;
	color:				#fff;
	font-size:			1.0em;
	text-transform:		uppercase;
	padding:			0px;
	border:				1px solid #fff;
	width:				92px;
}

table.list .empty {
	border-left:		1px solid #f90;
	width:				8px;
}

table.list td.recordtotal {
	background-color:	#f90;
	color:				#fff;
	border-top:			10px solid #fff;
}

table.list td.recordnav {
	background-color:	#f90;
	color:				#fff;
	text-align:			right;
	border-top:			10px solid #fff;
	border-right:		1px solid #fff;
}

td.recordnav a {
	color:				#fff;
	font-weight:		normal;
	text-decoration:	underline;
}

td.recordnav a:hover {
	color:				#fff;
	font-weight:		normal;
	text-decoration:	underline;
}

td.recordnav a.on {
	color:				#fff;
	font-weight:		bold;
	text-decoration:	none;
}

td.recordnav a.on:hover {
	color:				#fff;
	font-weight:		bold;
	text-decoration:	underline;
}

/*******	CHECKLIST PAGE	*******/

table.checklist {
	margin-top:			12px;
	border:				none;
	padding:			0px;
}

th.col {
	background-color:	#ddd;
	color:				#f90;
	font-weight:		bold;
	text-align:			center;
	font-size:			0.8em;
	border:				1px solid #fff;
	padding:			4px;
}

/*******	DETAIL PAGE	*******/

#detailheader {
	background-color:	#f90;
	color:				#fff;
	font-size:			0.9em;
	text-align:			right;
	text-transform:		uppercase;
	margin:				12px 0px 0px 0px;
	padding-right:		6px;
	width:				164px; 
	border:				1px solid #f90;
	z-index:			2;
}

#detailheader2 {
	background-color:	#f90;
	color:				#fff;
	font-size:			0.9em;
	text-align:			right;
	text-transform:		uppercase;
	margin:				0px 0px 0px 0px;
	padding-right:		6px;
	width:				164px; 
	border:				1px solid #f90;
	z-index:			2;
}

#detailid {
	color:				#000;
	font-size:			0.9em;
	text-align:			center;
	text-transform:		uppercase;
	margin:				12px 0px 0px 0px;
	width:				60px; 
	border:				1px solid #000;
	border-left:		none;
	z-index:			2;
}

#detailaddnew {
	vertical-align:		top;
	margin:				12px 0px 0px 4px;
	width:				78px; 
	height:				19px; 
	z-index:			2;
}

table.detail {
	width:				60%;
	margin-top:			8px;
}


#detailsubheader1 {
	background-color:	#999;
	color:				#fff;
	font-size:			0.9em;
	font-weight:		bold;
	text-align:			left;
	text-transform:		uppercase;
	margin:				12px 0px 0px 0px;
	padding-left:		13px;
	width:				100%; 
	border:				1px solid #999;
	z-index:			2;
}

#detailsubheader2 {
	background-color:	#999;
	color:				#fff;
	font-size:			0.9em;
	font-weight:		bold;
	text-align:			left;
	text-transform:		uppercase;
	margin:				12px 0px 0px 0px;
	padding-left:		13px;
	width:				100%;  
	border:				1px solid #999;
	z-index:			2;
}

#detailsubheader3 {
	background-color:	#999;
	color:				#fff;
	font-size:			0.9em;
	font-weight:		bold;
	text-align:			left;
	text-transform:		uppercase;
	margin:				12px 0px 0px 0px;
	padding-left:		13px;
	width:				100%;  
	border:				1px solid #999;
	z-index:			2;
}

#detailsubheader4 {
	background-color:	#999;
	color:				#fff;
	font-size:			0.9em;
	font-weight:		bold;
	text-align:			left;
	text-transform:		uppercase;
	margin:				12px 0px 0px 0px;
	padding-left:		13px;
	width:				100%;  
	border:				1px solid #999;
	z-index:			2;
}

#detailsubheader5 {
	background-color:	#999;
	color:				#fff;
	font-size:			0.9em;
	font-weight:		bold;
	text-align:			left;
	text-transform:		uppercase;
	margin:				12px 0px 0px 0px;
	padding-left:		13px;
	width:				100%;  
	border:				1px solid #999;
	z-index:			2;
}

#detailsubkey {
	background-color:	#ddd;
	color:				#000;
	font-size:			0.9em;
	font-weight:		normal;
	text-align:			left;
	text-transform:		none;
	margin:				2px 0px 0px 0px;
	padding-left:		13px;
	width:				100%;  
	z-index:			2;
}

#detailsubheader1 a {
	color:				#fff;
	text-decoration:	none;
	font-weight:		normal;
}

#detailsubheader1 a:hover {
	color:				#fff;
	text-decoration:	none;
	font-weight:		normal;
}

#detailsubheader1 a.on {
	color:				#fff;
	font-weight:		bold;
	text-decoration:	underline;
}

#detailsubheader1 a.on:hover {
	color:				#fff;
	font-weight:		bold;
	text-decoration:	underline;
}

/*******	PAGE-SPECIFIC	******/
/*******	HOME PAGE	******/
#homeimg {
	background-color:	#fff;
	position:			absolute;
	left:				30px;
	top:				70px;
	width:				175px;
	height:				244px;
	z-index:			1;
}

#homeimg img {
	border:				1px solid #999;
}

#homebody {
	background-color: 	#fff; 
	position:			absolute; 
	left:				280px; 
	top:				56px; 
	height:				254px; 
	padding-right:		50px; 
	z-index:			1;
}

/*******	ORGANISATIONS	******/

div.itemselect {
	color: 				#f90;
	font-weight:		bold;
	text-transform:		uppercase;
	margin-top:			18px;
}

/*******	REGISTRATION/FORGOTTEN	******/

table.regis {
	background-color:	#dfdfdf;
}

th.reghead {
	background-color:	#fff;
	color:				#999;
	font-size:			1.4em;
	font-weight:		bold;
	text-align:			left;
	padding-left:		10px;
}

th.reghead em {
	color:				#f90;
	font-style:			normal;
}

th.regsubhead {
	background-color:	#f90;
	color:				#ccc;
	font-size:			0.9em;
	font-weight:		bold;
	text-align:			left;
	padding-left:		10px;
}

th.regsubhead em {
	color:				#fff;
	font-style:			normal;
}

td.divide {
	background-color:	#fff;
	margin:				0px;
	padding:			0px;
	font-size:			0.1em;
	height:				1px;
}

/*******	FORMS	******/


form {
	margin:				0px;
	padding:			0px;
} 
textarea {
	background-color:	#eee;
	color: 				#f90;
	border:				1px solid #000;
	width:				250px;
	height:				125px;
	overflow:			auto;
}

input.text {
	background-color:	#eee;
	color: 				#f90;
	border:				1px solid #000;
	width:				14em;
}

input.textsml {
	background-color:	#eee;
	color: 				#f90;
	border:				1px solid #000;
	width:				10em;
}

input.textmed {
	background-color:	#eee;
	color: 				#f90;
	border:				1px solid #000;
	width:				12em;
}

input.textlarge {
	background-color:	#eee;
	color: 				#f90;
	border:				1px solid #000;
}


input.file {
	background-color:	#eee;
	color: 				#f90;
	border:				1px solid #000;
	width:				14em;
}
select {
	background-color:	#eee;
	color: 				#f90;
	font-size:			0.8em;
	font-weight:		normal;
	/*width:				15em;*/
}

select.yesno {
	background-color:	#eee;
	color: 				#f90;
	font-size:			0.8em;
	font-weight:		bold;
	width:				8em;
}

div.button {
	margin-top:			12px;
	text-align:			left;
}

input.button {
	background-color:	#ccc;
	color:				#000;
	font-size:			0.8em;
	padding:			2px;
	border:				1px solid #000;
}

th.label {
	text-align:			right;
	padding-right:		10px;
}

label {
	color:				#f90;
	font-size:			0.8em;	
	font-weight:		normal;
	text-align:			right;
	vertical-align:		top;
}

th.labelcheck {
	color:				#f90;
	font-size:			0.8em;	
	font-weight:		normal;
	text-align:			center;
	vertical-align:		middle;
	width:				50px;
}

table.checklist td.check {
	color:				#f90;
	font-size:			0.8em;	
	font-weight:		normal;
	text-align:			center;
	vertical-align:		top;
	padding:			4px;
}

table.checklist td.checkhead {
	color:				#f90;
	font-size:			0.8em;	
	font-weight:		normal;
	text-align:			center;
	vertical-align:		top;
	padding:			0px;
}

table.list td.check {
	color:				#f90;
	font-size:			0.8em;	
	font-weight:		normal;
	text-align:			center;
	vertical-align:		top;
	border-left:		1px solid #f90;	
}

#detailmandatory {
	margin-top:			24px;
}

/*	login page	*/
table.login td, table.login th {
	padding-left:		10px;
}

/*	error page	*/
table.error td, table.error th {
	padding-left:		10px;
}

/*	forgotten password page	*/
table.forgot td, table.forgot th {
	padding-left:		10px;
}