empty {
}

body {
	background-color:	#fff;
	background-image:	url(bodybg.gif);
	background-repeat:	repeat-y;
	color:				#666;
	font-family:		verdana, helvetica, arial, "sans serif";
	font-weight:		normal;
	font-size:			11px;
	margin:				0px 0px; 
	padding:			0px;
	text-align:			left;
}

/*****
grouped selectors
*****/
	table, tr, th, td, input, textarea, select, ul, ol, li, h1, h2, h3, h4, h5, h6 {
		color:				#666;
		font-family:		verdana, helvetica, arial, "sans serif";
		font-weight:		normal;
		font-size:			11px;
	}
	
	h1, h2, h3, h4, h5, h6, p, div {
		margin:				0px;
		padding:			0px;
	}

/*****
element & generic element.class selectors
*****/
	a {
		color:				#d20107;
		text-decoration:	underline;
	}
	
	a:hover {
		color:				#333;				
		text-decoration:	underline;
	}
	
	ul {
		margin-top:			0px;
		margin-bottom:		8px;
		margin-left:		20px;
	}
	
	li {
		font-size:			11px; 
		list-style-type:	square;
	}
	
	p {
		margin-top:			8px;
		margin-bottom:		8px;
	}
	
	h1 {
		color:				#666;
		font-size:			14px;
		font-weight:		bold;
		margin-top:			10px;
		padding-bottom:		6px;
	}
		
	h2 {
		color:				#d20107;			
		font-size:			13px;
		font-weight:		bold;
		margin:				0px;
		padding:			2px 0px;
	}
	
	h3 {
		color:				#666;
		font-size:			12px;
		font-weight:		bold;
		margin:				8px 0px 0px 0px;
		padding:			0px;
	}
	
	script {
		margin:				0px;
		padding:			0px;
	}
	
	hr  {
		color:				#00ccff;
	}
	
	th, td {
		font-size:			11px;
	}
	
	th {
		font-weight:		bold;
		text-align:			left;
	}

/*****
emphasis
*****/
	
	em {
		font-weight:		normal;
		font-style:			italic;
	}
	
	em.alert {
		font-style:			normal;
		font-weight:		bold;
		color:				#900;
	}
	
	strong {
		font-weight:		bold;
	}
	
	span {
		color:				#fff;
	}

	div.more {
		text-align:			right;
		text-transform:		lowercase;
	}
	
	div.more a {
		color:				#d20107;
		text-decoration:	underline;
	}

	div.more a:hover {
		color:				#333;
		text-decoration:	underline;
	}

	
/*****
form element and class selectors
*****/
	form {
		margin:				0px;
		padding:			0px;
	}
	
	input.text, .formerror, textarea, select, input.button {
		color:				#666;
		font-size:			11px;
		border:				1px solid #999;
	}	
	
	input.text {
		width:				90%;
		height:				20px;;
		vertical-align:		middle;
	}
	
	input.search {
		width:				120px;
		height:				17px;;
		vertical-align:		middle;
	}
	
	input.button {
		vertical-align:		middle;
		border:				none;
	}
	
	textarea {
		width:				100%;
		height:				100px;
		overflow:			auto;
	}
	
	select {
		width:				90%;
	}
	
	select.short {
		width:				90px;
	}

	select.date {
		width:				30px;
	}
	
	.formerror {
		background-color:	#ebebeb;
		width:				90%;
		height:				20px;
		vertical-align:		middle;
	}

/******
template layers
******/

#mainbody {
	position:				absolute; 
	left:					276px; 
	top:					131px; 
	width:					488px; 
	height:					auto; 
	z-index:				2;
}

#copyright {
	font-size:				8px;
	text-align:				right;
	text-transform:			uppercase;
	margin-top:				12px;
}

#knwlogo {
	position:				absolute; 
	left:					37px; 
	top:					12px; 
	width:					88px; 
	height:					50px; 
	z-index:				1;
}

#strapline {
	position:				absolute; 
	left:					490px; 
	top:					46px; 
	width:					272px; 
	height:					12px; 
	z-index:				1;
}

#col1 {
	position:				absolute; 
	left:					27px; 
	top:					130px; 
	width:					242px; 
	height:					auto; 
}

/*
col 1 generic
*/
div.divider {
	background-image:	url(../img/nav/sm_dash.gif);
	background-repeat:	repeat-x;
	height:				5px;
	margin:				0px 8px;
}

div.listhead {
	margin-bottom:		12px;
}

div.listfoot {
	margin-top:			12px;
}

div.listitem, div.listdesc, div.listmore {
	color:				#666;
	font-size:			11px;
	margin: 			0px 2px;
	padding:			2px 8px 0px 8px;
	height:				19px;
}

div.listitem a {
	color:				#666;
	text-decoration:	none;
}

div.listitem a:hover {
	color:				#d20107;
	text-decoration:	underline;
}
	
div.listitem img {
	vertical-align:		middle;
}

div.listmore {
	text-transform:		lowercase;
	text-align:			right;
}


#newslist div.listitem {
	margin-top:			12px;
}
/*
news list
*/

#newslist {
	background-image:		url(../img/nav/secnav_bg.gif);
	background-repeat:		repeat-y;
	width:					242px; 
	height:					auto; 
	z-index:				3;
	margin-bottom:			11px;
}


/* web directory */

#webdir {
	background-image:		url(../img/nav/secnav_bg.gif);
	background-repeat:		repeat-y;
	width:					242px; 
	height:					auto; 
	z-index:				3;
}

/*
acccreditation
*/
#accred {
	background-image:		url(../img/nav/secnav_bg.gif);
	background-repeat:		repeat-y;
	margin:					11px 0px;
	width:					242px; 
	height:					auto; 
	z-index:				3;
}

table.acclogo {}

table.acclogo td {
	vertical-align:			middle;
	text-align:				center;
}