/* CSS Document */

/* group of styles used to get the text elements to line up properly in 
Opera */
td>p { text-align: left; }

td>p.footer { text-align: center; }

td>h1 { text-align: left; }

td>h2 {text-align: left; }

/* general styles */
p {
	font-size: 70%; color: #333333; font-family: Verdana, Arial, 
Helvetica, sans-serif; 
}

p.small {
	font-size: 65%;
}
* html p /* this selector recognized by IE only and is used to stop the 
lines scrunching up in IE and keeps the text left-aligned */
{
  line-height: 130%; text-align: left;
}

* html form.search p /* Because all the second-level and lower pages 
put the search form inside a td without the search class, we have to 
create a rule to tell IE to right-align all p tags inside a form of the 
search class */

{ text-align: right; }

p.footer /* this just bumps the font size in the footer down a touch */
{ font-size: 70% }

* html p.footer  /* this star html selector is to ensure the footer 
lines up in the middle for IE */

{ text-align: center; }

p.contactHeader /* this puts down a bold white heading against the 
lilac background on the contact form */
{ font-weight: bold; color: #ffffff }

p.rightColumn { font-weight: bold }

* html p.rightColumn a /* a little bit of spacing between the lines */
{
  line-height: 130%;
}

* html tr.bottomSpaced  /* creates a 10px space between each table row 
in IE in the right column */
{ padding-bottom: 10px }

p.centre /* this class allows the image on the front page to be centred 
whilst keeping the header text left-aligned - doesn't work in Opera or 
IE */ 
{ text-align: center }
td.divider /* this is the class for the table cells that make blue 
divider lines in several places */
{ background-color: #202e6e }
td.lilac /* this is the table cells that forms the background for the 
top of the contact form */
{ background-color: #666699; }
table.blue /* this is the table that outlines the contact form */
{ 
	background-color: #202e6e 
}

td.search /* this makes sure that the search form moves over to align 
at the right of the page */
{ text-align: right } 

td.contact /* this class adds white cells on top of the blue background 
set by the blue table class above */
{ 
	background-color: #ffffff; color: #000000;
}
td.left
{
	text-align: left;
}
td.selectedNav /* for second level pages, this class adds a grey 
background to the nav item corresponding to the section of the site */
{ background-color: #dedede
}
a.navlinks:link {  
	font-weight: bold; text-decoration: none; color: #003366
}
a.navlinks:visited {  
	text-decoration: none; font-weight: bold; color: #6600CC
	}
a.second:link {
	color: #666666; font-family: Verdana, Arial, Helvetica, sans-serif; 	
text-decoration: none
}
a.second:active {
	color: #666666; font-family: Verdana, Arial, Helvetica, sans-serif; 	
text-decoration: underline
}
a.second:visited {
	color: #666666; font-family: Verdana, Arial, Helvetica, sans-serif; 	
text-decoration: none
}
a.second:hover {
	color: #0000ee; font-family: Verdana, Arial, Helvetica, sans-serif; 	
text-decoration: underline
}
a.linkSmall:link {
	font-size: 10%; color: #0000ee; font-family: Verdana, Arial, 
Helvetica, 	sans-serif; text-decoration: underline
}
a.linkSmall:active {
	font-size: 95%; color: #0000ee; font-family: Verdana, Arial, 
Helvetica, 	sans-serif; text-decoration: underline
}
a.linkSmall:visited {
	font-size: 95%; color: #0000ee; font-family: Verdana, Arial, 
Helvetica, 	sans-serif; text-decoration: underline
}
a.linkSmall:hover {
	font-size: 10%; color: #6633cc; font-family: Verdana, Arial, 
Helvetica, 	sans-serif; text-decoration: underline
}
a:hover 
	{
	color: #6633cc; font-family: Verdana, Arial, Helvetica, sans-serif
}
input.contact /* this is the class that should be read correctly by all 
non-IE6 browsers as setting the form element widths to the full value 
of the cell that contains them */
{
	font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 75%;
}
textarea.contact /* as above for the input element */
{ 
	font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 75%;
}
input.search /* NB this does the search form, not the contact form, and 
IE6 seems perfectly happy with it */
{ font-family: Arial, Verdana, Helvetica, sans-serif; 
}
h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 100%; 
color: #003366
}
* html h1 
{ text-align: left }
h1.righth1
{ text-align: right; vertical-align: top; }
h2 {  
	font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; 	
font-size: 85%; color: #003366
}
* html h2 
{text-align: left }
a.breadcrumb:link { 
	font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; 	
text-decoration: none; color: #003366
}
a.breadcrumb:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; 
color: 	#6600cc; text-decoration: none
}
a.subsection:link {
	color: #003366; text-decoration: none
}
a.subsection:visited {
	color: #6600cc; text-decoration: none
}
li /* don't set font-size in here, because it will behave 
proportionally to the size let in the controlling ul or ol */ 
{ 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
}

ul { 
	list-style-type: square; font-family: Verdana, Arial, Helvetica, 
sans-serif; font-size: 70%; text-align: left;
}
ul.second /* this makes sure list items inside other lists don't suffer 
font shrinkage */
{ 
	font-size: 100%;
}
ol { 
	list-style-type: decimal; font-family: Verdana, Arial, Helvetica, 
sans-serif; font-size: 70%; text-align: left;
	}
ol.second /* this makes sure list items inside other lists don't suffer 
font shrinkage */
{ 
	font-size: 100%;
}
dd {
	overflow: auto;
	}
.tableheader {  
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 85%; 
color: 	#003366; font-weight: bold
}
* html .tableheader { font-family: Verdana, Arial, Helvetica, 
sans-serif; font-size: 85%; color: #003366; font-weight: bold; text-align: left 
}
hr {
	color:#cccccc; height:0.1em;
	}
td.grey /* this is a cell found only in the maincontent area - it does 
backgrounds behind headers and cells for download boxes */
{ background-color: #eeeeee; }
tr.grey /* as above */
{ background-color: #eeeeee; }

ul.comments /* this is a class created for the error reporting on the 
contact us php page - it makes the error message stand out more */
{ background-color: #eeeeee; font-size: 100% }

.border {
	border-color: #cccccc;
	}

.testimonial_line {
	background-color: #cccccc;
	}
	
/* group of styles used to control borders and shading in table used on 
some of the index pages */
.indexFullBorder
{
border: 1px solid #CCCCCC;
}

.indexBottomSpecial /*top border applied */
{
	border-bottom: 1px solid #CCCCCC; border-top: 1px solid #CCCCCC;
}

.indexBottomRightNormal
{
	border-bottom: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC;
}

.indexBottomRightSpecial /*top border applied */
{
	border-bottom: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; 
border-top: 1px solid #CCCCCC;
}

.indexRightSpecial /*top border applied */
{
	border-right: 1px solid #CCCCCC; border-top: 1px solid #CCCCCC;
}

.indexLeftNormal
{
	border-top: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; 
border-left: 1px solid #CCCCCC;
}

blockquote {
	color: #0000FF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.style3 {font-size: 12.0pt}
.MsoBodyText {font-size:12.0pt;
	font-family:"Times New Roman";}
.MsoHyperlink {color:blue;
	text-decoration:underline;
	text-underline:single;}
.MsoToc1 {tab-stops:right dotted 446.0pt;
	font-size:12.0pt;
	font-family:"Times New Roman";
	color:red;}
.MsoToc2 {font-size:12.0pt;
	font-family:"Times New Roman";}
.MsoToc3 {font-size:12.0pt;
	font-family:"Times New Roman";}
.MsoTof {text-indent:-20.15pt;
	font-size:12.0pt;
	font-family:"Times New Roman";}
.Section1 {page:Section1;}
.MsoBodyText {font-size:12.0pt;
	font-family:"Times New Roman";}
.MsoHeader {tab-stops:center 207.65pt right 415.3pt;
	font-size:12.0pt;
	font-family:"Times New Roman";}
.Section10 {page:Section10;}
.Section11 {page:Section11;}
.Section12 {page:Section12;}
.Section13 {page:Section13;}
.Section14 {page:Section14;}
.Section15 {page:Section15;}
.Section16 {page:Section16;}
.Section17 {page:Section17;}
.Section18 {page:Section18;}
.Section19 {page:Section19;}
.Section2 {page:Section2;}
.Section20 {page:Section20;}
.Section3 {page:Section3;}
.Section4 {page:Section4;}
.Section5 {page:Section5;}
.Section6 {page:Section6;}
.Section7 {page:Section7;}
.Section8 {page:Section8;}
.Section9 {page:Section9;}