BODY
{
	margin: 0;
	padding: 0;
	background-color: #454545; /* (Red/Pink as at bottom of image) */
	font-family: Verdana, Sans-Serif;
	font-size: 0.75em;
}

DIV
{
	margin: 0;
	padding: 0;
	border: 0;
}

TABLE
{
	border-collapse: collapse;
	margin: 0;
	padding: 0;
	border: 0;
}

TR,TH,TD
{
	vertical-align: top;
}

P
{
	text-align: left;
	margin-top: 0.25em;
	margin-bottom: 1em;
	font-size: 1.1em;
}

A
{
	color: #ec4e16;
}


IMG
{
	
	padding: 0;
	margin: 0;
}

P IMG
{
	border:solid 1px black;
	padding: 0;
	margin: 0;
}

H1
{
	margin: 0;
	font-size: 2em;
	color: #8D1817;
	margin-top: 0.25em;
	margin-bottom: 1em;
	text-decoration: underline;
}

H2
{
	margin-top: 1em;
	margin-bottom: 0.25em;

	font-family: Arial, Sans-Serif;
	font-weight: bold;
	font-size: 1.5em;

	color: #8D1817;; /* dark red */
}









/* 
	FRAME CONTROL - That which controls the outer structure of the website
	=============
*/
DIV#container
{
	width: 978px;
	margin: 0 auto;
	text-align: left;
}





/*
	BODY
	====
	Description: This table style defines one, two and three column body sections (left and right columns both being optional).
	All columns have a white background, with the left amd right areas (where applicable) is 270px wide.  A shaded vertical line
	runs down the left edge of the main line
	This is compatible with the "shade" or "shadeindent" class styles.
*/
TABLE.body
{
	width: 978px;
	clear : both;
}

TABLE.body TD.body-left
{
	width: 230px;	/* 249px - 2px */
	background-color: white;
}

TABLE.body TD.body-main
{
	background-color: white;
}

TABLE.body TD.body-right
{
/*	width: 727px;	/ * 729px - 2px */
/*	width: 247px;	/ * 249px - 2px */
	width: 180px;	/*  214px - 2px */
	background-color: white;
}



/* leftsection appears inside TD.body-left to provide the appropriate padding */
DIV.left-padding
{
	padding: 11px 7px;
}

DIV.right-padding
{
	padding: 11px 7px;
	text-align: right;
	
}

DIV.main-padding
{
	padding: 11px 15px;
}






/*
	HEADER 
	======
*/
DIV#header
{
	background-color: White;
}

IMG.header-logo
{
	margin: 14px 0 17px 14px;
}

P#header-topmenu
{
	margin: 4px 8px 2px;
	padding: 0;
	font-family: Verdana, Sans-Serif;
	font-size: 0.9em;
	text-align: right;
}
P#header-topmenu A
{
	color: Black;
	text-decoration: none;
}
P#header-topmenu A:hover
{
	text-decoration: underline;
}

P#header-banner
{
	margin: 0;
}

TD#header-left
{
	width: 249px;
}

TD#header-right
{
	width: 729px;
}





/*
	FOOTER 
	======
*/
DIV#footer
{
	border-top: solid 1px #df0800; /* dark red */
	background-color: white;
	padding: 10px;
}





/*	SHADE
	=====
	The shade classes "shade" and "shadeindent" provide a shaded vertical line in the background of the containing object.
	The shadeindent version indents by the equivilent of a left column (270 pixels).  You can add these to DIV or TD objects
    by appending them to the existing class style.
*/
.shade
{
	background-image: url(assets/templates/self/picts/shade-line-alpha.png);
	background-repeat: repeat-y;
}

.shadeindent
{
	background-image: url(assets/templates/self/picts/shade-line-alpha.png);
	background-repeat: repeat-y;
	background-position: 249px top;	
}








/* 
	RED BAR
	=======
	The red-bar describes a 20pixel high red bar that runs the width of the containing area.
	This is compatible with the "shade" or "shadeindent" class styles.
*/
DIV.red-bar
{
	width: 962px;		/* = 978px - 2 * 8px */
	min-height: 16px;	/* = 20px  - 2 * 2px */

	background-color: #8D1817; /* dark red */
	color: White;
	
	padding: 2px 8px;	/* (font and padding based on header-topmenu) */
	font-family: Verdana, Sans-Serif;
	font-size: 0.9em;
	text-align: right;
}
DIV.red-bar A
{
	color: White;
	text-decoration: none;
}
DIV.red-bar A:hover
{
	text-decoration: underline;
}


/*
	BREADCRUMB
	==========
*/
DIV.breadcrumb
{
	margin-bottom: 1.4em;
}


/* 
	SIDEMENU
	========
	Formatting via DIV.sidemenu in the left column
*/
DIV.sidemenu {
}
DIV.sidemenu A {
	color: #000000;
	text-decoration: none;
	padding-left: 10px;
}
DIV.sidemenu A:hover {
}
DIV.sidemenu P {
	color: #000000;
}
DIV.sidemenu LI SPAN {
	display: none;
}
DIV.sidemenu UL.outer {
	margin-top: 0.5em;
	margin-left: 0em;
	padding-left: 0em;
	list-style-type: none;
}
DIV.sidemenu UL.outer LI {
	/*margin-top: 0.6em;*/
	margin: 0;
	padding-top: 0.3em;
	padding-bottom: 0.3em;
	border-top: solid 1px #8D1817; /*  bar between items in side menu */
}
DIV.sidemenu UL.outer LI:hover {
	background-color: #C92121;/* background when "over" side menu items */
	color:#FFFFFF
}
DIV.sidemenu UL.inner {
}
DIV.sidemenu UL.inner {
	list-style-type: disc;
}
DIV.sidemenu UL.inner LI {
	margin-top: 0;
}
DIV.sidemenu LI.parclass {
	color: #800000;
	font-weight: bolder;
	text-align: left;
}
Div.sidemenu H2.parclass.active {
	font-style: italic;
	color: #800000;
	font-weight: bolder;
	
	
}
DIV.sidemenu LI.active A, DIV.sidemenu LI.active A:link, DIV.sidemenu LI.active A:visited {
	color:#800000;
	font-style: italic;
	font-weight: bolder;
}







/* 
	SITEMAPMENU
	===========
	Sitemap Menu as on the Sitmap Page
*/
DIV.sitemapmenu P
{
	color: #000000;	
}
DIV.sitemapmenu A
{
	color: #000000;	
	text-decoration: none;
}
DIV.sitemapmenu A:hover
{
	text-decoration: underline;
}

DIV.sitemapmenu LI SPAN
{
	display: none;
}


DIV.sitemapmenu UL.outer 
{
	margin-top: 0.5em;
	margin-left: 0.25em;
	padding-left: 0.25em;
	list-style-type: none;
}

DIV.sitemapmenu UL.outer LI
{
	margin-top: 0.6em;
}

DIV.sitemapmenu UL.inner
{
}
	
DIV.sitemapmenu UL.inner
{
	list-style-type: none;
	margin-top: 0.4em;
}
DIV.sitemapmenu UL.inner .last
{
	list-style-type: none;
	margin-bottom: 0.6em;
}

DIV.sitemapmenu UL.inner LI
{
	margin-top: 0;
}
DIV.sitemapmenu LI.parclass
{
}

DIV.sitemapmenu LI.active A, 
DIV.sitemapmenu LI.active A:link, 
DIV.sitemapmenu LI.active A:visited
{
	color: #000000;	
}







/*
 * Generic error class -- initially hidden it is the
 * responsibility of js to hide/unhide the field if necessary
 */
P.feedback
{
	font-weight: bold !important;
	font-size: 1em !important;
	visibility: hidden;
}

/*
 * For the top 10 downloads table
 */
.whitebold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none
}
.whitebold:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: underline
}
.downloadslinksbold { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000 ; font-weight: bold; line-height: 1.4em; text-decoration: none}
.copy { font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #000000; line-height: 1.5em}
.copyheader { font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #000099}
.downloads { font-family: Arial, Helvetica, sans-serif; font-size: 10px; text-decoration: none; color: #336699 }
.downloadslinks {font-family: Arial, Helvetica, sans-serif;font-size: 11px;color: #336699;text-decoration: none; font-weight: bold }
.downloadslinks:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	color: #F57F20
}
.copylink { color: #336699; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 13px}
.copylink:hover { color: #336699; text-decoration: underline; font-family: Arial, Helvetica, sans-serif; font-size: 13px }
.downloadslinksbold:hover { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 1.4em; font-weight: bold; color: #000000; text-decoration: underline}

.tinytext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000000
}