
/* Body text black Verdana (Helvetica if Verdana not available). */
body 		{ 
				font-weight: normal; 
				font-family: Verdana, Helvetica, sans-serif;
				margin: 0;
				padding: 0;
			}



/* 			H1 Main Title
   			H2 Page Title
   			H3 Main Cell (Centre) Titles
   			H4 Sidebar Cell (Right) Titles. */
   

h1			{	font-family: 'Trebuchet MS', Helvetica, sans-serif;
				font-weight: bold;
				font-style: normal;
				font-size: 40px /* was 28pt*/;
				text-align: right;
				margin: 0;
			}
			
h2			{	font-family: Arial, Helvetica, sans-serif;
				font-weight: bold;
				font-size: 19px /*was 110% */;
				text-align: right;
				border: 1px solid silver;
				background-color: silver;
				padding: 2px;
				margin: 0;
				clear: left;				/* 	Clear Logo */
			}
			
h3			{	font-family: Arial, Helvetica, sans-serif;
			 	font-weight: bold;
			 	font-size: 16px /*100%*/;
			 	margin: 0;
			 }

h4			{	font-family: Arial, Helvetica, sans-serif;
			 	font-weight: bold;
			 	font-size: 15px /*90%*/;
			 	margin: 0;
			 }


/* Normal text. */

p			{	font-size: 13px /*80%*/;
			}

/* Smaller text for sidebars, lists, etc. */
p.sm		{	font-size: 11px /*75%*/;
			}

li			{	font-size: 11px;
				margin-top: 4px;
			}		

/* "Strapline" below main title. */
p.strap		{	font: 14px /*100%*/ Arial, Helvetica, sans-serif;
				font-weight: bold;
				text-align: right;
				padding-bottom: 0px;
				margin-bottom: 0px;
			}
			
/* Footer information. */
p.footer	{	font: 11px /*75%*/ 'Trebuchet MS', Arial, Helvetica, sans-serif;
				font-weight: normal;
				margin-top: 2px;
				margin-bottom: 2px;
			}

/* Spacing for navigation buttons. */
p.button	{	margin-bottom: 4px;
				margin-top: 0px;
			}			


/* Main table properties. */
.maintab	{
				width: 100%;
				padding: 0px;
				border: solid 1px black;
		 	}

/* Banner cell containing logo, main title, strapline and page name. */
.bannercell	{
				background: url(images/banner2048.gif);
				color: black;
				padding: 5px; 
				border: 1px solid silver; 
			}

.logo		{
				float: left;
				padding-bottom: 1px;
			}


td.main_l	{	background-color: #e0e0e0;
				color: black;
				border-right: 3px solid #e0e0e0;
				padding: 6px;
				vertical-align: top;
			}

			
td.main_r	{	background-color: #e0e0e0;
				color: black;
				border-left: 3px solid #e0e0e0;
				padding: 6px;
				vertical-align: top;
			}
			
td.main_c	{	background-color: #FCFCFC;
				color: black;
				padding: 6px;
				vertical-align: top;
				width: 60%;
			}
			
.footercell	{	/* width: 100%; */
				background-color: #FCFCFC;
				color: black;
				border: 1px solid silver;
				padding: 4px;
			}			


.main_r_img		{	border: 1px solid black;
				}



/* Normal links */
a:link 		{ color: black; background-color: inherit; text-decoration: underline}  	/* for unvisited links */
a:visited 	{ color: black; background-color: inherit; text-decoration: underline} 		/* for visited links */
a:hover 	{ color: red;   background-color: inherit; text-decoration: underline} 	    /* when mouse is over link */
a:active 	{ color: black; background-color: inherit; text-decoration: underline} 		/* when link is clicked */


/* Q & A Sections on Home Page: "Question" cell on the left; "Answer" on the right. */

.qcell, .acell {	
			vertical-align: top;	
			background-color: #F2F2F2;
			color: black;
			border-top: 1px solid red;
			padding: 8px;
		}

.qcell {
			background-color: #f2f2f2;
}

.acell {		
			background-color: silver;
}


hr {margin-top: 0em; margin-bottom: 1em;}

  
  
/* Floating image in table. */
img.fright {
	float: right;
	margin-left: 5px;
	margin-bottom: 5px;
	border: 1px solid black;
}

/* Navigation Buttons ******************************************************************/

#left
	{	display: block;
		width: 136px;
		font-family: Tahoma, Verdana, Helvetica, sans-serif;
		font-size: 16px;
		font-weight: normal;
		overflow: hidden;
	}

#left ul {
	list-style: none;
	text-align: center;
	width: 132px;
	/*margin: 0 auto 20px auto;*/
	margin: 0 0 20px 0;
	padding: 0;
}

#left li {
	margin: 0 0 5px 0;
	color: black;
	background-color: #a0a0a0;
	border: 2px solid #707070;
}

#left .menu a {
	display: block;
	text-decoration: none;
	padding: 6px 0 6px 0;
	border-left: 8px solid #505050;
}

#left .menu a:hover, #left .menu .select a {
	border-left: 8px solid red;
	color: black;
}

#left .menu a:active {
	border-left: 8px solid red;
	color: red;
	background-color: inherit;
}