body,td,th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	text-align: justify;
}
/* margin is set left to 50px to allow the padding applied locally in each <li> tag to position the links individually. see menu.php */
#nav {
	float: left;
	width: 830px;
	list-style: none;
	height: auto;
	line-height: 1em;
	background-color: none;
	margin: 0 0 0 50px;
	padding: 0 0 0 0px; 
	border: none;
	
}

#nav ul {
 	float: left;
	width: 830px;
	list-style: none;
	height: auto;
	line-height: 1em;
	background-color: none;
	border-top: solid white;
	/*border: solid white; /* The border color at the top of each link is set here */
	border-width: 1px;
	
}

/* The top menu links will appear horizonatally with the diplay:block command. The links are underlined in firefox but not in IE  
All the links will initially appear white before changing to either yellow or blue as outlined below */
#nav a {
	display: block;
	width: 8.4em;
	color: white;
	text-decoration: underline;
	padding: 0;
}

/* The colour of a link in the top menu will change to yellow when the mouse passes over it */
#nav a:hover, #nav a.sfhover {
	color: #FFCC00;
}
	
/* A white arrow will appear within the drop down menus when the class navarrow is written in one of the <li> tags */	
#nav a.navarrow {
	background: url(images/nav_arrow_white.gif) center right no-repeat;
}

/* This will position each <li> tag left and provide padding around each link in both the top and drop down menus 
changing these setting will allow the positon of the link spacing to change */
#nav li {
	float: left;
	margin: 0;
	padding: 7px 0 5px 3px;
	width: 9.5em;
}

/* when the drop down boxes are brought up, they will have a blue background and have a 5px margin from the bottom of the top menu
ie the drop down boxes will be too far to reach with the cursor if the margin height at the top is greater than 5px. LEAVE AT 5px!! 
The only way to make the drop down boxes go lower is to increase the border-width. The width of the blue drop down box is set here as
as well as the position of the drop down box relative to the main menu - ie margin setting*/
#nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	background-color: #3058B8;
	text-align: left;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 12.4em;
	border-width: 2px 0 0 0;
	margin: 5px 0 0 0px;
	padding: 0;
}


/* applies no border around the 2nd drop down box - for IE */
#nav li li ul {
	border: none;
	text-align: left;

}

/* when drop down boxes are brought up, the links wont begin as underlined (as they are in the top menu ) */
#nav li ul a {
	text-decoration: none;
	width: 12em;
}
	
/* when mouse passes over links in drop down menu, they will change from white to blue with no underline */
#nav li ul a:hover, #nav li ul a.sfhover {
	color: #000066;
	text-decoration: none;
	/* background: url(images/nav_arrow_blue.gif) center right no-repeat; */
}

/* when mouse passes over links in drop down menu, the width of the yellow box surrounding the white text is set */
#nav li li {
	padding-right: 1em;
	width: 11.1em;
}

/* positions the 2rd drop down box in line with the 1st drop down box and how close it sits next to the 2nd drop down box */
#nav li ul ul {
	clear: left;
	margin: -1.70em 0 0 12.2em; /* This works in Firefox and is of course is not right in IE */
}

/* ensures the drop down boxes stay out of view until the mouse passes over a link */
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}
/* brings the drop down boxes into view when the mouse passes over a link */
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	clear: left;
	left: auto;
}

/* when mouse passes over links in top menu, the background colour around the word wont change colour */
#nav li:hover, #nav li.sfhover {
	background-color: none;
}

/* when mouse passes over drop down menu, the background colour around the links will change to gold */
#nav ul li:hover, #nav ul li.sfhover {
	background: #FFCC00;
}

body a:link {
	color: #333333;
}

body a:visited {
	color: #333333;
}
body a:hover {
	color: #CC0000;
}

.BodyBold {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #333333;
}

.BodyBoldSmall {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	color: #333333;
}

.BodySmall {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	color: #333333;
}

.Title {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 26px;
	font-style: normal;
	font-weight: bold;
	color: #003399;
}
.SubTitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #000066;
}
.SubTitle2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	color: #000066;
}
.Quote {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;
	font-weight: bold;
	color: #3058B8;
}
.Footer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	color: #999999;
}
.FooterLinks {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	color: #333333;
}
.SubNavTitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	color: #000066;
}
.SubNavLinks {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	color: #333333;
}
.TableTitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #FFFFFF;
}
.TableContent {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #FFFFFF;
}
.TableContentSmall {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	color: #FFFFFF;
}