/* 

In odrder for this 3 column plus footer
layout to work the following <div> tags must 
be listed in this order on the page:

#left-menu
#right-column
#main-text
#footer

To stop an item being displayed use this propery 
display: none;

*/

body {
  text-align: center;
  margin: 0px 0px 0px 0px;
  padding:  0px 0px 0px 0px;
  }

#container {
  margin: 0 auto;
  width: 790px;
  height:auto;
  padding: 0px 0px 0px 0px;
  text-align:left;
  }

	h1 {
	font-size: 1.6em;
	font-weight: bold;
	color: #E30915;
	}
	
	h2 {
	font-size: 1.2em;
	font-weight: bold;
	color: #E30915;
	background-color: #FFFFFF;
	margin: 20px 0 5px 0;
	}
	
	h3 {
	font-size: 1em;
	font-weight: bold;
	color: #E30915;
	background-color: #FFFFFF;
	margin: 20px 0 5px 0;
	}
	
	th {
	font-size: 10pt;
	font-weight: bold;
	color: #000000;
	background-color: #FFFFFF;
	}
	
	p, ul, ol  {
	font-family: arial, helvetica, sans-serif;
	font-size: 95%;
	background-color: #FFFFFF;
	font-weight: normal;
	margin-top:5px;
	margin-bottom:10px;
	}
	
	li, td  {
	font-family: arial, helvetica, sans-serif;
	font-size: 10pt;
	background-color: #FFFFFF;
	font-weight: normal;
	}
	
	hr {
	margin: 0;
	padding: 0;
 	border: none 0; 
	border-top: 1px dashed #002962;/*the border*/
	height: 1px;/*whatever the total width of the border-top and border-bottom equal*/
	}

	
	a:link {
	color: #21428A;
	background-color: #FFFFFF;
	}
	
	a:visited {
	color: #21428A;
	background-color: #FFFFFF;
	}
	
	a:hover {
	color: #E30915;
	background-color: #FFFFFF;
	}
	
	a.current {
	/* doesn't work well across browsers, text-decoration: underline seems ok */
	font-weight: bold;
	background-color: #FFFFFF;
	}

#header{
width: 100%;
padding: 0px 0px 0px 0px;
margin-top: 0;
margin-left: 0;
margin-bottom: 0;
margin-right: 0;
background-color: #002962;
height: 80px;
}

/* Styles for the navbar on the left side. */

#left-menu {
float:left;
width: 170px;
padding: 0px 0px 0px 0px;
background-color: #FFFFFF;
}


#links {
float:left;
width: 170px;
padding: 0px 0px 0px 0px;
color: #E30915;
background-color: #FFFFFF;
}
	
	#links p {
	margin-top: 1px;
	margin-bottom: 1px; 
	padding: 4px 2px 4px 6px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	background-color: #002962;
	font-weight: normal;
	text-align: left;
	}
	
	#links h3 {
	padding: 2px 2px 2px 6px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
	background-color: #000000;
	}
	
	#links hr {
	margin: 2px 2px 2px 2px;
	padding: 2px 2px 2px 6px;
 	border: none 0; 
	border-top: 1px dashed #000000;/*the border*/
	height: 1px;/*whatever the total width of the border-top and border-bottom equal*/
	}
	
	#links h5 {
	margin-top: 2px;
	margin-bottom: 2px; 
	padding: 2px 2px 2px 6px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #000000;
	font-weight: bold;
	text-decoration: underline;
	}
	
	#links h6 {
	margin-top: 2px;
	margin-bottom: 2px; 
	padding: 2px 2px 2px 6px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #000000;
	}
	
	#links a:link {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	background-color: #002962;
	text-decoration: none;
	}
	
	#links a:visited {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	background-color: #002962;
	text-decoration: none;
	}
	
	#links a:hover {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFF00;
	background-color: #002962;
	text-decoration: none;
	}
	
	#links a.current {
	/* doesn't work well across browsers, text-decoration: underline seems ok */
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	background-color: #002962;
	text-decoration: none;
	}
	
	#search {
	text-align:center;
	width:auto;
	background-color: #FFFFFF;
	}

	
/* Style for the iamges on the right side of the pages. */

#right-column {
margin-top: 44px;
float: right;
text-align: right;
width: 248px;
padding: 0px 0px 0px 0px;
background-color: #FFFFFF;
}

#right-column h6 {
margin: 10px 6px 10px 10px;
font-family: arial, helvetica, sans-serif;
font-size: 10px;
text-align:	center;
padding: 10px 10px 10px 10px;
color: #FFFFFF;
background-color: #4F6CA8;
}

#news-right {
margin-top: 44px;
float: right;
text-align: right;
width: 318px;
padding: 0px 0px 0px 0px;
background-color: #FFFFFF;
}

#news-right h6 {
margin: 10px 10px 10px 10px;
font-family: arial, helvetica, sans-serif;
font-size: 10px;
text-align:	center;
padding: 10px 10px 10px 10px;
color: #FFFFFF;
background-color: #4F6CA8;
}

/* Style for the centre body content. */

#main-text {
font-family: arial, helvetica, sans-serif;
font-size: 120%;
padding: 30px 20px 3px 40px;
background-color: #FFFFFF;
}

/* Styles for the footer at the bottom of the page */

#footer {
clear: both;
width: 100%;
height: 200px;
background-image:url(images/footer.gif);
}

.small-text  {
	font-family: arial, helvetica, sans-serif;
	font-size: 8pt;
	background-color: #F2F2F2;
	}
	
#news-links {
	margin-top: 2px;
	margin-bottom: 2px; 
	padding: 2px 2px 2px 6px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	background-color: #F2F2F2;
	font-weight:normal;
	}
	
#news-links p {
	margin-top: 2px;
	margin-bottom: 2px; 
	padding: 2px 2px 2px 6px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	background-color: #F2F2F2;
	font-weight:normal;
	}

#news-links a:link {
	margin-top: 2px;
	margin-bottom: 2px; 
	padding: 2px 2px 2px 6px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	background-color: #F2F2F2;
	font-weight:normal;
	}
	
#news-links a:visited {
	margin-top: 2px;
	margin-bottom: 2px; 
	padding: 2px 2px 2px 6px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	background-color: #F2F2F2;
	font-weight:normal;
	}
	
#news-links a:hover {
	margin-top: 2px;
	margin-bottom: 2px; 
	padding: 2px 2px 2px 6px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #E30915;
	background-color: #F2F2F2;
	font-weight:normal;
	}
	
#news-links a:active {
	margin-top: 2px;
	margin-bottom: 2px; 
	padding: 2px 2px 2px 6px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	background-color: #F2F2F2;
	font-weight:normal;
	}
	
.ImageCaption {  
font-family: Arial, Helvetica, sans-serif;
font-size: 9pt;
font-weight: normal; 
color: #21428A; 
background-color: #002962; 
padding-top: 10px; 
padding-right: 10px; 
padding-bottom: 10px; 
padding-left: 10px;
}

#footer-links-container {
	margin: 0 auto 0 auto;
	text-align:center;
	width: 777px;
	height: auto;
}

#footer-links {
	margin-top:6px;
	margin-right: 6px;
	text-align: right;
	font-size:11px;
}

#footer-links p {
	margin: 0px;
	text-align: right;
	color:#666666;
}

#footer-links a:link, #footer-links a:visited {
color:#666666;
}

#footer-links a:hover, #footer-links a:active {
color:#FF0000;
}