@import "/include/css/forms.css";
BODY
{
	margin: 0;
	font-family: arial, sans-serif, verdana, tahoma;
	font-size: 70%;
	line-height: 1.3;
	min-width: 973px;
	background: #EEE url(/Images/background_tcm6-46539.gif) repeat-y center;
	font-family: verdana, arial, sans-serif, tahoma
}
BODY *
{
	font-family: arial, sans-serif, verdana, tahoma;
}
BODY IMG
{
	border: none;
}
A:link, A:visited
{
	color: #1e2e76;
	text-decoration: none;
}
A:hover
{
	text-decoration: underline;
}
DIV#surround
{
	width: 973px;
	margin: 0 auto;
	border: 10px solid #FFF;
	border-width: 0 10px;
	background-color: #FFF;
}
DIV#body, DIV#header, DIV#footer, DIV#menu
{
	clear: both;
	width: 100%;
}
#body
{
	min-height: 244px;
}
#header
{
	height: 90px;
	background-color: #255790;
	color: #FFFFFF;
	margin-bottom: 10px;
}
#header A:hover, #footer A:hover
{
	text-decoration: underline;
}
#footer
{
	padding-top: 8px;
	font-size: 105%;
}
#copyright
{
	float: left;
	color: #818285;
}
#logo
{
	float: left;
	margin-top: 10px;
	margin-left: 8px;
}
#date_and_search
{
	white-space: nowrap;
	margin-top: 4px;
	margin-right: 8px;
	clear: right;
	float: right;
	text-align: right;
}
#date_and_search FORM
{
	margin: 0;
	padding: 0;
}
#date_and_search #date
{
	font-size: smaller;
}
#date_and_search INPUT.text
{
	border: 1px solid #FFFFFF;
}
#date_and_search INPUT.button
{
	height: 20px;
	color: #255790;
	background-color: #FFFFFF;
	border: 1px solid #FFFFFF;
	border-left: 1px solid #255790;
}
#topimage
{
	margin-bottom: 8px;
}

#topmenu
{
	clear: both;
	position: relative;
	top: 20px;
	border: 1px solid #767676;
	border-width: 1px 0 0 0;
	height: 22px;
}
#topmenu UL
{
	list-style: none;
	padding: 0;
	margin: 0 auto;
}
#topmenu UL LI
{
	display: block;
	float: left;
	text-align: center;
}
#topmenu UL LI A
{
	padding: 2px 18px 3px 18px;
	display: block;
	height: 100%;
	font-size: 110%;
	border-right: 1px solid #c1cae1;
}
#topmenu UL LI.first A
{
	padding-left: 18px;
	padding-right: 18px;
}
#topmenu UL LI.last A
{
	border-right: none;
	padding-left: 18px;
	padding-right: 18px;
}
#topmenu UL LI A:link, #topmenu UL LI A:visited
{
	color: #FFFFFF;
	text-decoration: none;
}
#topmenu UL LI A:hover
{
	background-color: #3987df;
	text-decoration: underline;
}

DIV#boxes
{
	float: right;
	width: 240px;
}
DIV#boxes DIV.column
{
	float: right;
	clear: right;
	width: 240px;
}
DIV#boxes DIV.column DIV.box
{
	float: none;
	clear: none;
}

DIV.box.left
{
	padding-left: 0;
}
DIV#boxes DIV.box, DIV.box.right
{
	padding-right: 0;
}

DIV.box.main
{
	width: 475px;
	clear: none;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	margin: 0;
}

DIV.box
{
	float: left;
	clear: left;
	width: 232px;
	padding: 4px 8px;
	margin: 0;
	margin-bottom: 4px;
}
/* Headings 1 and 2 have grey backgrounds and white text */
DIV.box H1, DIV.box H2
{
	color: #FFFFFF;
	background-color: #767676;
	font-size: 120%;
	padding: 2px 0 2px 4px;
	margin-top: 0;
	margin-bottom: 0;
}
DIV.box.main H1, DIV.box.main H2
{
	padding: auto;
	margin: auto;
}
DIV.box.main H2
{
	font-size: 110%;
}
DIV.box.main H3
{
	font-size: 10pt;
}
DIV.box.main H4
{
	font-size: 9pt;
}
DIV.box.main H1 A, DIV.box.main H2 A, DIV.box.main H1 A:visited, DIV.box.main H2 A:visited
{
	color: white;
}
DIV.box UL
{
	padding: 4px;
}
DIV.box.main UL
{
	padding: 0;
}
/* Make sure the first heading in the main box has no margin above it */
DIV.box.main H1:first-child, DIV.box.main H2:first-child
{
	margin-top: 0;
}
#footer
{
	margin-top: 8px;
	border-top: 1px solid #767676;
	padding-bottom: 4px;
}
#footer UL
{
	margin: 0;
	list-style: none;
	float: right;
}
#footer UL LI
{
	display: block;
	float: left;
	padding: 0 12px;
}
#footer UL LI.last
{
	padding-right: 0;
}

/* Navigation box */
DIV.box.navigation UL.middle
{
	/* Top level UL gets displayed */
	display: block !important;
	margin: 0 !important;
	padding: 0 !important;
}
DIV.box.navigation UL.middle UL.bottom
{
	/* All others are hidden by default */
	display: none;
}
DIV.box.navigation UL.bottom
{
	margin-left: 0;
	padding: 0;
	list-style: none;
}
DIV.box.navigation UL.middle LI
{
	display: block;
}
DIV.box.navigation UL LI A
{
	/* Links take up full width */
	display: block;
	margin: 2px 0;
}
DIV.box.navigation UL.middle LI
{
	/* Top level LIs have borders between them */
	border-top: 1px solid #c6c6c6;
	padding: 4px 0;
}
DIV.box.navigation UL.middle LI:first-child
{
	border-top: none;
}
DIV.box.navigation UL.middle LI A
{
	/* Top level links are in bold */
	padding: 2px;
	font-weight: bold;
}
DIV.box.navigation UL.bottom LI
{
	/* Bottom level LIs have no borders */
	border-top: none;
	padding: 0;
}
DIV.box.navigation UL.bottom LI A
{
	/* Bottom level links are not bold */
	padding: 0 0 0 16px;
	font-weight: normal;
}
DIV.box.navigation UL.middle LI.open UL.bottom
{
	display: block;
}
DIV.box.navigation UL.middle LI.selected A, DIV.box.navigation UL.middle LI.selected A:hover
{
	background-color: #c1cae1;
}
DIV.box.navigation UL.bottom LI.selected A, DIV.box.navigation UL.middle LI.selected UL.bottom LI.selected A
{
	background-color: #e9ecf5;
}
DIV.box.navigation UL LI A:hover, DIV.box.navigation UL.middle LI.selected UL.bottom LI.selected A:hover
{
	background-color: #e9ecf5 !important;
}
DIV.box.navigation LI.selected UL.bottom LI A
{
	background-color: #FFFFFF;
}

/* Stripey tables */
TABLE TR.selected, TABLE TR.selected TD
{
	background-color: #CFDEEA;
}
.stripe
{
	background-color: #F0F0F0;
}
TD.stripe
{
	background-color: #F8F8F8;
}
TR.stripe TD.stripe
{
	background-color: #E8E8E8;
}
TR.selected TD.stripe
{
	background-color: #C8D7E2;
}

CAPTION
{
	text-align: left;
	font-weight: bold;
	border-bottom: 1px solid #CCC;
}

@media screen
{
	.print
	{
		display: none;
	}
}

@media print
{
	.screen
	{
		display: none;
	}
	/* Hide all boxes that aren't the main one(s) */
	div.box.left, div.box.right
	{
		display: none;
	}
	DIV#main
	{
		display: block;
		width: 100%;
		border-left: none;
	}
	DIV#main .box
	{
		display: block;
		width: 100%;
	}
	#header
	{
		background-color: #FFFFFF;
		height: auto;
	}
	/* Hide top and bottom links bars */
	#header UL, #footer UL
	{
		display: none;
	}
	/* Hide top menu and the top image */
	#topmenu, #topimage
	{
		display: none;
	}
	/* Stop the page being so wide */
	BODY
	{
		min-width: auto;
	}
	DIV#surround
	{
		width: auto;
	}
	/* Hide the search form */
	#date_and_search
	{
		display: none;
	}
}

/* Hide old stuff - can be removed */
#topimage
{
	display: none;
}