/*** BACKGROUND COLOURS ***/

.secintrobg /* section intro background */
{
	background-color: #F9EEBF;
	padding: 5px;
}

.artintrobg /* article intro background */
{
	background-color: #C7D8ED;
	padding: 5px;
}

.accent /* accent colour (for high contrast) */
{
	background-color: #5F90CB;
}

/*** TABLE CELL BORDER DEFAULTS ***/

TABLE, TD, TH, CAPTION
{
	border-style: solid;
	border-color: #000;
	border-width: 0px;
}

/*** GENERAL TEXT AND LINK STYLES ***/

BODY /* default text */
{
	font-size: 70%;
	margin-top: 0px;
}

TD, TH /* default text */
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	text-decoration: none;
	vertical-align: top;
}

H1 /* page title */
{
	font-size: 130%;
}

H2 /* header within page */
{
	font-size: 120%;
}

H3 /* header within page */
{
	font-size: 110%;
}

.warning /* For 'mandatory field' star */
{
	color: #F00;
}

.date /* For displaying the date on news etc. */
{
	font-size: 90%;
	color: #666;
}

A:link, A:visited /* default link */
{
	color: #5F90CB;
	text-decoration: underline;
}

A:hover, A:active /* default link */
{
	color: #5F90CB;
	text-decoration: none;
}

/*** IMAGES (wrapped in paragraphs to improve non-css site appearance) ***/

P.left
{
	float: left;
	margin: 0px 10px 10px 0px;
}

P.right
{
	float: right;
	margin: 0px 0px 10px 10px;
}

P.center
{
	text-align: center;
	margin: 0px 10px 10px 10px;
}

/*** FORMS AND INPUTS ***/

FORM /* Removes unwanted form whitespace */
{
	margin: 0px;
}

INPUT, SELECT
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
}

.textarea /* For <input type="text"> and <select> fields */
{
	border: 1px solid #000;
	width: 200px;
}

.textarealong /* For longer <input type="text"> and <select> fields*/
{
	border: 1px solid #000;
	width: 300px;
}

.textareashort /* For shorter <input type="text"> and <select> fields*/
{
	border: 1px solid #000;
	width: 120px;
}

.textarea2d /* For <textarea> */
{
	border: 1px solid #000;
	width: 200px;
	height: 50px;
}

.textareafree /* For <input type="text"> and <select> fields of free width */
{
	border: 1px solid #000;
}

/*** DATA TABLE ***/

TABLE.centered
{
	margin: 0px auto 0px auto;
}

TABLE.datatable
{
	border-width: 1px 0px 0px 1px;
}

TABLE.datatable TH
{
	border-width: 0px 1px 1px 0px;
	background-color: #C7D8ED;
	padding: 8px;
	text-align: left;
}

TABLE.datatable TH.plaintext /* for default text in a <th> */
{
	font-weight: normal;
	text-align: left;	
}

TABLE.datatable TD
{
	border-width: 0px 1px 1px 0px;
	padding: 8px;
	text-align: left;
}

TABLE.datatable CAPTION
{
	font-weight: bold;
	padding: 8px;
	text-align: left;
	border-width: 1px 1px 0px 1px;
	background-color: #9FBCE0;
}

/*** TOP MENU BAR ***/

#topmenubar TD
{
	color: #000;
	font-weight: bold;
	vertical-align: middle;
	font-size: 95%;
}

#undermenubar
{
	background-color: #FFF;
	height: 5px;
	font-size: 5%;
}

#topmenubar TD.menuon /* bg colour of selected menu */
{
	background-color: #5F90CB;
	padding: 8px 6px;
}

#topmenubar TD.menuoff /* bg colour of unselected menu */
{
	background-color: #9FBCE0;
	padding: 8px 6px;
}

#topmenubar TD.divideron /* show menu divider */
{
	background-color: #9FBCE0;
	color: #FFF;
}

#topmenubar TD.divideroff /* hide menu divider */
{
	background-color: #5F90CB;
	color: #5F90CB;
}

#topmenubar TD.dividerinv /* hide menu divider */
{
	background-color: #9FBCE0;
	color: #9FBCE0;
}

#topmenubar TD.menuon A:link,
#topmenubar TD.menuon A:visited
{
	color: #FFF;
	text-decoration: none;
}

#topmenubar TD.menuon A:hover,
#topmenubar TD.menuon A:active
{
	color: #FFF;
	text-decoration: underline;
}

#topmenubar TD.menuoff A:link,
#topmenubar TD.menuoff A:visited
{
	color: #000;
	text-decoration: none;
}

#topmenubar TD.menuoff A:hover,
#topmenubar TD.menuoff A:active
{
	color: #000;
	text-decoration: underline;
}

/*** LEFT HAND MENU ***/

#lhlinks TD
{
	padding: 5px 7px;
	vertical-align: middle;
	font-weight: bold;
}

#lhlinks TD.menuitemon /* bg colour of selected menuitem */
{
	background-color: #5F90CB;
	color: #FFF;
}

#lhlinks TD.menuitemoff /* bg colour of unselected menuitem */
{
	background-color: #C7D8ED;
}

#lhlinks TD.menuitemon A:link,
#lhlinks TD.menuitemon A:visited
{
	color: #FFF;
	text-decoration: none;
}

#lhlinks TD.menuitemon A:hover,
#lhlinks TD.menuitemon A:active
{
	color: #FFF;
	text-decoration: underline;
}

#lhlinks TD.menuitemoff A:link,
#lhlinks TD.menuitemoff A:visited
{
	color: #000;
	text-decoration: none;
}

#lhlinks TD.menuitemoff A:hover,
#lhlinks TD.menuitemoff A:active
{
	color: #000;
	text-decoration: underline;
}

#lhlinks TD.sectionon /* bg colour of selected section */
{
	background-color: #9FBCE0;
	padding: 2px 0px 3px 3px;
	font-size: 90%;
}

#lhlinks TD.sectionoff /* bg colour of unselected section */
{
	background-color: #9FBCE0;
	padding: 2px 0px 3px 3px;
	font-size: 90%;
	font-weight: normal;
}

#lhlinks TD.sectionon A:link,
#lhlinks TD.sectionon A:visited
{
	color: #000;
	text-decoration: none;
}

#lhlinks TD.sectionon A:hover,
#lhlinks TD.sectionon A:active
{
	color: #000;
	text-decoration: underline;
}

#lhlinks TD.sectionoff A:link,
#lhlinks TD.sectionoff A:visited
{
	color: #000;
	text-decoration: none;
	font-weight: normal;
}

#lhlinks TD.sectionoff A:hover,
#lhlinks TD.sectionoff A:active
{
	color: #000;
	text-decoration: underline;
	font-weight: normal;
}

/*** BREADCRUMB TRAIL NAVIGATION **/

#breadcrumb
{
	font-size: 90%;
	font-weight: bold;
}

#breadcrumb A.navlinkon:link,
#breadcrumb A.navlinkon:visited
{
	font-weight: normal;
	text-decoration: none;
}

#breadcrumb A.navlinkon:hover,
#breadcrumb A.navlinkon:active
{
	font-weight: normal;
	text-decoration: underline;
}

#breadcrumb A.navlinkoff:link,
#breadcrumb A.navlinkoff:visited
{
	/* UNUSED BY ARFSDEMO */
}

#breadcrumb A.navlinkoff:hover,
#breadcrumb A.navlinkoff:active
{
	/* UNUSED BY ARFSDEMO */
}

#breadcrumb .navarrow
{
	color: #5F90CB;
}

/*** CONTENT AREA ***/

#content
{
	padding: 10px 0px 20px 0px;
}

/*** FOOTER ***/

#footer TD
{
	background-color: #9FBCE0;
	font-size: 95%;
	font-weight: bold;
}

#footer A:link,
#footer A:visited
{
	color: #000;
}

#footer A:hover,
#footer A:active
{
	color: #000;
}

/*** LEFT AND RIGHT INCLUDES (Search/Register etc.) ***/

TD.includesbg
{
	background-color: #9FBCE0;
}

TABLE.includebox TD
{
	padding: 7px;
	font-size: 95%;
	background-color: #9FBCE0;
}

TABLE.includebox TD.header
{
	background-color: #5F90CB;
}

TABLE.includebox A:link,
TABLE.includebox A:visited
{
	color: #000;
}

TABLE.includebox A:hover,
TABLE.includebox A:active
{
	color: #000;
}

/*** NEWS INCLUDE ***/

TABLE.news TD
{
	padding: 7px;
	font-size: 95%;
	background-color: #EFF4FA;
	border-bottom: 1px solid #5F90CB;
}

TABLE.news TD.header
{
	background-color: #9FBCE0;
	border-width: 0px;
}

TABLE.news A:link,
TABLE.news A:visited
{
	color: #000;
	font-weight: bold;
}

TABLE.news A:hover,
TABLE.news A:active
{
	color: #000;
	font-weight: bold;
}

/*** ORANGE BACKGROUND INCLUDE (login/logout etc.) ***/

TABLE.log TD
{
	vertical-align: middle;
	padding: 5px 7px;
	font-size: 95%;
	font-weight: bold;
	background-color: #F4DD7F;
}

TABLE.logsec TD
{
	vertical-align: middle;
	padding: 5px 7px;
	font-size: 95%;
	font-weight: bold;
	background-color: #F9EEBF;
}

TABLE.log TD.arrow
{
	background-color: #5F90CB;
	padding: 5px;
}

TABLE.log A:link,
TABLE.log A:visited
{
	color: #000;
	font-weight: bold;
	text-decoration: none;
}

TABLE.log A:hover,
TABLE.log A:active
{
	color: #000;
	font-weight: bold;
	text-decoration: underline;
}

/*** CLASSES USED TO GET INSIDE .NET TABLES IN SEARCH.ASPX ***/

#SearchDataGrid TD
{
	padding: 10px;
}

TR.pagerstyle TD
{
	background-color: #C7D8ED;
}

TR.pagerstyle TD SPAN
{
	padding: 0px 10px;
}

TD.kwtableheader
{
	background-color: #C7D8ED;
	font-weight: bold;
}

/*** HIDING HR ELEMENTS USED IN NON CSS DISPLAY ***/

HR.hide
{
	display: none;
}