/*areaA - Welcome Image*/
#areaA {
 /*padding-bottom: 10px;*/
}
#areaA h3, #areaA .text {
 display: none;
}
#areaA .contentitem, #areaA .contentitemlast {
 float: left;
 margin-bottom: 21px;
}
/*End of Area*/
/*areaB - first row of adverts*/
#areaB {
 float: left;
 width: 552px;
 margin: 0 0 21px 0;
}
#areaB .contentitem, #areaB .contentitemlast {
 width: 520px;
 height: 170px;
 margin: 0;
}
/*End of Area*/
/*areaC - last row of adverts*/
#areaC {
 float: left;
 width: 552px;
 margin: 0 0 21px 0;
}
#areaC .contentitem, #areaC .contentitemlast {
 float: left;
 width: 170px;
 height: 170px;
 margin: 0 21px 0 0;
}
#areaC .contentitemlast {
 margin-right: 0;
}
/*End of Area*/
/*areaD*/
#areaD {
 float: left;
 width: 552px;
 margin: 0;
}
#areaD .contentitem, #areaD .contentitemlast {
 float: left;
 width: 275px;
 height: 123px;/*This is so they all line up as I can't have a clear div between them*/
 margin: 0 0 15px 0;
 overflow:hidden;/*Removes any overflowing text*/
}
#areaD img {
 float: left;
 margin: 0 10px 5px 0;
}
#areaD h3, #areaD .text {
 float: left;
 width: 160px;
}
#areaD h3 a {
 font-weight: bold;
}
/*End of Area*/

/*Style all headers*/
#maincontent h2 {
 font-size: 1.1em;
 line-height: 20px;
 background-color: #262626;
 border: 1px solid #262626;
 color:#FFFFFF;
 margin: -1px -1px 10px -1px;
 font-weight: bold;
 padding:0 0 0 5px;
}
/*Style all subheadings*/
#maincontent h3 {
 font-size: 1em;
 font-weight:normal;
 margin: 0 0 5px 0;
}

#safetynewssearch {
	display: none;
}
#areaD h2 a {
    color:#FFFFFF;
    text-decoration:underline;
    font-size: 1em;
}
#areaD h2 a:hover {
    color:#FFFFFF;
    text-decoration:none;
}