/********************* ALL PAGES - BACKGROUND STANDARD FONT **********************/

Body 	{color: black; background-color: #006647; }

/********************* HEADERS **********************/
H1 	{font-family:  arial, sans-serif; color: gray;
		font-size: large; font-weight: bolder; 
		font-size: 18pt; text-align: Center; font-variant: small-caps;}



H2 	{font-family:  arial, sans-serif; color: #4A6C8E;
		font-size: large; font-weight: bolder; 
		font-size: 12pt; text-align: LEFT; font-variant: small-caps;}

H3 	{color: gray; font-family: arial, ariel, sans-serif; font-size: 10pt; 
	font-weight: bold; font-style: italic;
	text-align: LEFT; text-transform: smallcase;}

hr 	{color: #456189;}

P 	{font-family: arial, ariel, helvetica, verdana, sans-serif;  
       font-style: normal; font-weight: normal; font-size: 10pt;}


LI	{font-family: arial, ariel, helvetica, verdana, sans-serif;  
       font-style: normal; font-weight: normal; font-size: 10pt;}


br	{font-family: arial, ariel, helvetica, verdana, sans-serif;
       font-style: normal; font-weight: normal; font-size:10pt}


b	{font-style: normal; color: #4A6C8E}

strong	{font-weight: bold; font-variant: small-caps; text-transform: smallcase;}

.white {color: white}


.safetyalert {
	font-family: times, helvetica, serif;
	font-style: italic;
	color: #AE0000;}

.conclusion {font-family: times, helvetica, serif; font-weight:bold;} 






.topnav a:link	 {  font-family: arial, ariel, sans-serif; font-size: 10pt; color: white ; }

.topnav a:visited {font-family: arial, ariel, sans-serif; font-size: 10pt; color: white ; }

.topnav a:hover	 { font-family: arial, ariel, sans-serif; font-size: 10pt; color: white ; }

.topnav a:active	 { font-family: arial, ariel, sans-serif; font-size: 10pt; color: white ; }




.pullquote
{
	border-right: white thin solid;
	padding-right: 0.6em;
	border-top: white thin solid;
	padding-left: 0.6em;
	font-size: 8pt;
	background: white;
	float: right;
	padding-bottom: 0.6em;
	border-left: white thin solid;
	width: 90%;
	padding-top: 0.6em;
	border-bottom: white thin solid;
	text-align: left;
	font-family:  arial, sans-serif;  
	color: #091B3A

}





.publicnavdark a:link	 { text-decoration: none; font-family: arial, ariel, sans-serif; font-size: 10pt; color: white ; }

.publicnavdark a:visited {text-decoration: none; font-family: arial, ariel, sans-serif; font-size: 10pt; color: white ; }

.publicnavdark a:hover	 { text-decoration: none; font-family: arial, ariel, sans-serif; font-size: 10pt; color: white ; }

.publicnavdark a:active	 { text-decoration: none; font-family: arial, ariel, sans-serif; font-size: 10pt; color: white ; }



a:link 		{font-family:  arial, sans-serif;  font-size: 10pt;
	text-decoration: underline;
	color: #091B3A;
}
a:visited 	{font-family:  arial, sans-serif;  font-size: 10pt;
		text-decoration: underline; color:  #091B3a}
a:hover 	{font-family:  arial, sans-serif;  font-size: 10pt;
		text-decoration: underline overline; color: black}




#copyright {color: gray; font-size: 8pt; font-style: normal}


#tr.myNavigation  {
  width: 149px;				/* sets the size of the menu blocks */
  background-color: #101250;	/* makes the menu blocks mint green - a bg-color MUST 
									be included for IE to work properly! */
  padding: 0px;				/* stops the usual indent from ol */
  margin: 0px;				/* Opera 7 final's margin and margin-box model cause 
					problems */
  font-family: Arial, Verdana;
  font-size: 10pt;
  z-index: 2;
  border-right: none;
  border-left: none;
  position: relative;
  left: 0px;
  border-bottom: 1px solid white;
}
#myNavigation td.verticalNav  {
  width: 149px;				/* sets the size of the menu blocks */
  background-color: #000000;	/* makes the menu blocks mint green - a bg-color MUST 
					be included for IE to work properly! */
  padding: 0px;				/* stops the usual indent from ol */
  margin: 0px;				/* Opera 7 final's margin and margin-box model cause 
					problems */
  font-family: Arial, Verdana;
  font-size: 10pt;
  z-index: 2;
  border-right: none;
  border-left: none;
  position: relative;
  left: 0px;
vertical-align: top
}
#verticalNav  {
  list-style-type: none;		/* removes the bullet points */
  margin: 0px;					/* Opera 7 puts large spacings between li elements */
  position: relative;			/* makes the menu blocks be positioned relative to 
					their parent menu item the lack of offset makes 
					these appear normal, but it will make a difference
					to the absolutely positioned child blocks */
  background-color: #101250;			/* sets the default font colour to white */
  font-family: Arial, Verdana;
  font-size: 8pt;
  font-weight: bold;
  padding: 7.5px;
  border-bottom: none;
  border-right: none;
  border-bottom: 1px solid white;
}
#myNavigation tr.highlight {
	border-right: none;
background-color: pink;
}
#myNavigation  tr.highlight, #myNavigation tr:hover.highlight, #myNavigation  tr.highlight a.highlight, #myNavigation tr.highlight a:hover.highlight, #myNavigation tr.highlight a:visited.highlight {
	color: #B8011D;
	background: #FFFFFF; 
	behavior: none;
	font-weight: bold;
}
#myNavigation  td > tr {	/* using the > selector prevents many lesser browsers (and IE - see below) hiding child ols */
  display: none;			/* hides child menu blocks - one of the most important 
									declarations */
  position: absolute;			/* make child blocks hover without leaving space for 
									them */
  top: -1px;				/* position slightly lower than the parent menu item */
  left: 140px;
					/* this must not be more than the width of the parent 
					block, or the mouse will have to move off the 
					element to move between blocks, and the menu will close */
  border-left: 1px solid black;
  border-top: 1px solid black;
  border-right: 1px solid black;						
}
#myNavigation  td:hover {
   background-color: yellow;	/* gives the active menu items a yellow background */
   color: #FFFFFF;			/* makes the active menu item text black */ 
}
#myNavigation  td:hover > tr {	/* one of the most important 
													declarations - the browser must 
													detect hovering over arbitrary 
													elements the > targets only the 
													child ol, not any child ols of 
													that child ol */
  display: block;			/* makes the child block visible - one of the most 
					important declarations */
background-color: #000000;}		/* and some link styles */
#myNavigation  td a 
{
	color: #FFFFFF;
	display: block;
	width: 100%;
	text-decoration: none;
}
#myNavigation  a:hover 
{
	


background-color: 6388AD;
  padding: 0px;				/* stops the usual indent from ol */
  margin: 0px;				/* Opera 7 final's margin and margin-box model cause 
					problems */
}




/********************* TABLES **********************/

td.top {
	background-color: #006647;
}



TR#subsections {
	background-color: #006647;
	table-layout: fixed 
}

TR#safetyalert { background-color: #6388AD }


td.menu {
	background-color: #101250;
}