a {	
	color: #3366CC;	
	font-weight: bold;
}
body {	
	font-family: Arial, Helvetica, sans-serif;	
	font-size: 1em;	
	line-height: 1em;	
	color: #000000;

	}
ul{

}

li{
	margin-left:1em;
	padding-left:1em;
	line-height:1.5em;
}

h1 {
text-decoration:underline;
font-style:italic;
color:#cccccc;
line-height:1em;
}
h2 {
	color: #CCCCCC
	}
h3 {	
	font-family: Arial, Helvetica, sans-serif;	
	font-size: 1.15em;	
	background-color: #006666;  	
	color: #DCDCDC
	}
h4 {
	color: #000000
	}
table {
	color: #FFFFFF
	}
td, th {	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #333333
	}
textarea {
	font-family: Arial, Helvetica, sans-serif;	
	font-size: 1em
	}
ul {	
	font-family: Arial, Helvetica, sans-serif;	
	font-size: 1em;	
	list-style-type: square;	
	list-style-position: outside
	}
a:hover {	
	text-decoration: underline;
	}
.Header{

}
.HeaderImage{
background-color:#cccccc;
}
.Contact{
font-weight:bold;
}
.MenuBar{

float:left;



line-height:2em;
margin: 0 0.5em 0 0;
width:13em;

}
.Menu{
background-color:#ccffcc;
border-right: 2px dotted #cccccc;
margin-bottom:2em;
}
.MenuItem{
line-height: 1.5em;
border-bottom: 2px dotted #cccccc;
padding:0.1em;
}
ul.sectors{
list-style-type:circle;
}
ul.sectors li{
line-height:1em;
}
.MenuItem a{

}
.MenuImage1{
width:13em;
display:block;
color:white;
}
.MenuImage2{
height:5em;
display:block;
color:white;
}
.Content{
margin-left: 14em;

}
.Footer{
float:none;
font-size:0.8em;
clear:both;
}
.MainPanel{
}
table.HazChem1{
margin-left:2em;
margin-bottom:2em;
}
p.Accreditations{
font-size:0.8em;
}
links{
}
links a{
font-weight:normal;
color:white;
}

.ContentImage{
height:auto; /* can be used to manipulate image size here, but given landscape/portrait images, this is a pain */
display:block;
color:white;
}
.ContentImageHolder{
float:right;
margin-left:2em;
margin-bottom:2em;
}
ul.FrontList{
font-weight:bold;
}
li.frontitem{
font-weight:bold;
line-height:3em;
}