body {
	font-family:  arial, Sans-Serif; 
	background-color: #ffffff;
	margin: 0;
	padding: 0;
	min-width: 792px; /* 22/04/2010 Web and Design */
}

.ul {
	list-style-type: none;
	display: inline;
}

img {
	border: none;
}

	/* header */
 
.header
{
	width: 100%;
	margin: 0px;
	padding: 0;
}

.headerouter {
	width: 100%;
	background-image: url(doe-banner.gif);
	background-repeat: no-repeat;
	background-position: top right;
	min-height: 125px;
	margin: 0;
}

.headerinner
{
	width: 100%;
	
}

.bannertitle
{
	width: 98%;
	height:100px;
	
}


/* top menu styles */
/*
.topmenubar{
	width: 100%;
}
.topmenubarinner {
		margin-left: 2px;
		text-align: left;
	}

.topmenubarinner ul{
	margin: 0;
	padding:0;
	list-style-type: none;
		
}
.topmenubarinner ul li{

	display: inline;
	font-size: small;
	white-space: nowrap;
	border-right: 1px solid #009966;		
}

* html .topmenubarinner ul li{
	font-size: small;
	display: inline;
}

.topmenubarinner a { padding: 0 5px 0 5px }

.topmenubarinner a:link{
	color: #00804f;
	font-size: small;
	font-weight: normal;
	text-decoration: none;
}

* html .topmenubarinner a:link{
	font-size: small;
	text-decoration: none;
}

.topmenubarinner a:visited{
	color: #00804f;
	text-decoration: none;
}

.topmenubarinner a:hover{
	color: #003366;
	text-decoration: none;
	


}*/

li.tmiselected {
	color: #036;
	font-size: small;
	font-weight: bold;
	padding: 0 5px 0 3px;
}

* html .tmiselected {
	font-size: small;
}

.search {
	float: right;
	width: 26.7em; 
	text-align: right;
	vertical-align: top;
	margin-right: 1px;
	white-space : nowrap;
	font-size: 0.8em;
}

.search fieldset{
	border: none;
	padding: 0px;
	margin: 0px;
	color: white;
	font-weight: bold;
}

.search form
{
	display: inline;

}

.searchlabel{
	display: none;
}

.qt{
	
	height: 125px; 
	padding: 0;
}

.qssubmit{
	
	height: 5%; 
	vertical-align: top;
}

/*homepage content*/

.layout {
	width: 100%;
	text-align: justify;
	margin: 15px 0 0 0;
	padding: 0;
	}

.homepagetable {
	
	width: 98%;
	color: #ffffff;
	text-align: center;
	margin-left: 9px;
	border-collapse: collapse;
}

.row {

	width: 98%;
	}

	/* -- homepage table styles -- */
	
.tr-pod-gap-height {
	background-color: white;
	Height: 10px;
	}

.td-pod-spacer {
	background-color: white;
	width: 1%;
	padding-left: 7px;
	padding-color: white;
	}
	
.textarea {
    color:white;
	font-weight: normal;
	font-size: small;
	text-align: left;
	vertical-align: top;
	background-color: #fffff0;
	width: 30%;
	padding: 9px;
		}
		
/* -- homepage table styles -- Top left POD -- START -- */
.topleftpod-tl-gif {
	background: url(podTL-cornerTL.gif)
	top left no-repeat;
	position: relative;
	padding-left: 9px;
	left: -9px;
	top: -1px;
	}
	
.topleftpod-tr-gif {
	background: url(podTL-cornerTR.gif)
	top right no-repeat;
	}
		
.topleftpod-bl-gif{
	position: relative;
	top: -9px;
	left: -1px;
	text-align: left;
	}	
	
.topleftpod-br-gif {
	background: url(podTL-cornerBR.gif)
	bottom right no-repeat;
	}
/* -- homepage table styles -- Top left POD -- END -- */
		

/* -- homepage table styles -- Top right POD -- START -- */
.toprightpod-tl-gif {
	background: url(podTR-cornerTL.gif)
	top left no-repeat;
	position: relative;
	padding-left: 9px;
	left: -9px;
	top: -1px;
	}
	
.toprightpod-tr-gif {
	background: url(podTR-cornerTR.gif)
	top right no-repeat;
	}
		
.toprightpod-bl-gif {
	position: relative;
	text-align: left;
	top: -9px;
	left: -1px;
	}	
	
.toprightpod-br-gif {
	background: url(podTR-cornerBR.gif)
	bottom right no-repeat;
	}
	/* -- homepage table styles -- Top right POD -- END -- */
	
/* -- homepage table styles -- Mid left POD -- START -- */
.midleftpod-tl-gif {
	background: url(podML-cornerTL.gif)
	top left no-repeat;
	position: relative;
	padding-left: 9px;
	left: -9px;
	top: -1px;
	}
	
.midleftpod-tr-gif {
	background: url(podML-cornerTR.gif)
	top right no-repeat;
	}
		
.midleftpod-bl-gif {
	position: relative;
	text-align: left;
	top: -9px;
	left: -1px;
	}	
	
.midleftpod-br-gif {
	background: url(podML-cornerBR.gif)
	bottom right no-repeat;
	}
	/* -- homepage table styles -- Mid left POD -- END -- */
	
/* -- homepage table styles -- Mid centre POD -- START -- */
.midcentrepod-tl-gif {
	background: url(podMC-cornerTL.gif)
	top left no-repeat;
	position: relative;
	padding-left: 9px;
	left: -9px;
	top: -1px;
	}
	
.midcentrepod-tr-gif {
	background: url(podMC-cornerTR.gif)
	top right no-repeat;
	}
		
.midcentrepod-bl-gif {
	position: relative;
	text-align: left;
	top: -9px;
	left: -1px;
	}	
	
.midcentrepod-br-gif {
	background: url(podMC-cornerBR.gif)
	bottom right no-repeat;
	}
	/* -- homepage table styles -- Mid centre POD -- END -- */
	

/* -- homepage table styles -- Mid Right POD -- START -- */
.midrightpod-tl-gif {
	background: url(podMR-cornerTL.gif)
	top left no-repeat;
	position: relative;
	padding-left: 9px;
	left: -9px;
	top: -1px;
	}
	
.midrightpod-tr-gif {
	background: url(podMR-cornerTR.gif)
	top right no-repeat;
	}
		
.midrightpod-bl-gif {
	position: relative;
	text-align: left;
	top: -9px;
	left: -1px;
	}	
	
.midrightpod-br-gif {
	background: url(podMR-cornerBR.gif)
	bottom right no-repeat;
	}
	/* -- homepage table styles -- Mid Right POD -- END -- */	
	
	
/* -- homepage table styles -- Bottom Left POD -- START -- */
.botleftpod-tl-gif {
	background: url(podBL-cornerTL.gif)
	top left no-repeat;
	position: relative;
	padding-left: 9px;
	left: -9px;
	top: -1px;
	}
	
.botleftpod-tr-gif {
	background: url(podBL-cornerTR.gif)
	top right no-repeat;
	}
		
.botleftpod-bl-gif {
	position: relative;
	text-align: left;
	top: -9px;
	left: -1px;
	}	
	
.botleftpod-br-gif {
	background: url(podBL-cornerBR.gif)
	bottom right no-repeat;
	}
	/* -- homepage table styles -- Bottom Left POD -- END -- */	
		
	
/* -- homepage table styles -- Bottom Mid POD -- START -- */
.botmidpod-tl-gif {
	background: url(podBM-cornerTL.gif)
	top left no-repeat;
	position: relative;
	padding-left: 9px;
	left: -9px;
	top: -1px;
	}
	
.botmidpod-tr-gif {
	background: url(podBM-cornerTR.gif)
	top right no-repeat;
	}
		
.botmidpod-bl-gif {
	position: relative;
	text-align: left;
	top: -9px;
	left: -1px;
	}	
	
.botmidpod-br-gif {
	background: url(podBM-cornerBR.gif)
	bottom right no-repeat;
	}
	/* -- homepage table styles -- Bottom Mid POD -- END -- */	
			

/* -- homepage table styles -- Bottom Right POD -- START -- */
.botrightpod-tl-gif {
	background: url(podBR-cornerTL.gif)
	top left no-repeat;
	position: relative;
	padding-left: 9px;
	left: -9px;
	top: -1px;
	}
	
.botrightpod-tr-gif {
	background: url(podBR-cornerTR.gif)
	top right no-repeat;
	}
		
.botrightpod-bl-gif {
	position: relative;
	text-align: left;
	top: -9px;
	left: -1px;
	}	
	
.botrightpod-br-gif {
	background: url(podBR-cornerBR.gif)
	bottom right no-repeat;
	}
	/* -- homepage table styles -- Bottom Right POD -- END -- */	
				
	
.titleunderline  {
     padding-top: 7px;
	border-bottom: 2px solid white;
	width: 99.5%;
	padding-bottom: 2px;
	}
		
.toplefttitle {
	background-color: #5c838d;
	}
	
.toplefttext {
	background-color: #5c838d;
	}
		
		
.toprighttitle {
	background-color: #00a387;
	}	
	
.toprighttext {
	background-color: #00a387;
	}	
	
	
.midlefttitle {
	background-color: #0a83df;
	}	
	
.midlefttext {
	background-color: #0a83df;
	}	
	
	
.midcentertitle {
	background-color: #d21b7b;
	}	
	
.midcentertext {
	background-color: #d21b7b;
	}	
	

.midrighttitle {
	background-color: #df6804;
	}	
	
.midrighttext {
	background-color: #df6804;
	}	
	
	
.botlefttitle {
	background-color: #6e0a70;
	}	
	
.botlefttext {
	background-color: #6e0a70;
	}	
	
.botcentertitle {
	background-color: #5bac2a;
	}	
	
.botcentertext {
	background-color: #5bac2a;
	}	
	
.botrighttitle {
	background-color: #a90000;
	}	
	
.botrighttext {
	background-color: #a90000;
	}	
	
	
	
.textarea ul {
	list-style-type: none;
	margin: 0px;
	padding: 0;
	}
		
.textarea ul li {
    margin: 0;
	list-style-type: none;
	padding: 0px 0 0px 0;
	text-decoration: none;
	
}

.title a
{
	color: #ffffff;
	text-decoration: none;
	}

.title a:hover
{
	text-decoration: underline;
	}	
	
.textarea a
{
	color: #ffffff;
	text-decoration: none;
	}

		
.textarea a:hover
{
	text-decoration: underline;
	}
	
	
.more {
	background-color: white;
	font-weight: normal;
	width: 30%;
	text-align: right;
	font-size: small;
	border-bottom: solid white 10px;
	
}

.more a
{
	color: #00804E;
	text-decoration: none;
		
	}

		
.more a:hover
{
	text-decoration: underline;
	}
	

	

.more2 {
	
	color: #142062;
	font-weight: normal;
	width: 30%;
	text-align: right;
	font-size: small;
	border-bottom: solid white 10px;
	
}

.more2 a
{
	color: #142062;
	text-decoration: none;
		
	}

		
.more2 a:hover
{
	text-decoration: underline;
	}
	
.title {
	color: white;
	text-align: left;
	font-weight: bold;
	font-size: small;
	width: 30%;
	height: 25px;
	padding-left: 9px;

}

.title .bold{
    width: 90%;
	}
.newstitle {
	background: #043669 url(newstitle.gif) right no-repeat;
	color: white;
	font-size: small;
	font-weight: bold;
	text-align: left;
	padding-left: 9px;
	height: 25px;
}

.newstitle2 {
	background-color: white;
	border-top: solid white 15px;
	color: white;
	font-weight: bold;
	text-align: right;
	padding-right: 5px;
	border-right: dashed #00804f 1px;
	border-left: dashed #00804f 1px;
	
}


.newsarea {
	margin-bottom: 15px;
	font-weight: bold;
	font-size: x-small;
	height: 120px;
	border-right: 0px;
	border-bottom: 0px;
	border-left: dashed #00804f 1px;
	border-right: dashed #00804f 1px;
	background-color: #F0f3f6;
	width: 61%;
	}
	

.tdspacer {
	background-color: white;
	width: 1%;
	padding: 0;
	border: 0px;
	}
	
.tdspacer2 {
	background-color: #f0ffff;
	width: 1%;
	padding: 0;
	border: 0px;
	}	
.picture {
float: left;
 
 }
 .picture2 {
float: right;
 
 }


.logotable {
	margin-top: 10px;
	width: 98%;
	font-family: "Times New Roman";
	border-top: 1px dotted #003366;
	}

.logotable td {
	
	text-align: center;	

}
.homepagelogoehs
{
	background-image: url(ehs_logo.gif);
	background-repeat: no-repeat;

}	
.homepagelogodvta {	
	background-image: url(dvta_logo.gif);
	background-repeat: no-repeat;	
}

.homepagelogodvlni {	
	background-image: url(dvlni_logo.gif);
	background-repeat: no-repeat;	
}

.homepagelogoplanning {	
	background-image: url(planning_logo.gif);
	background-repeat: no-repeat;	
}

.homepageBoxRows {
	width: 100%;
	
}



#footer {
	text-align: center;	
	padding: 0.1em;
	font-size: small;	
}
#footer a{ 
	COLOR: #003366; 
	text-decoration:underline; 
	font-size: small;
}

#footer a:visited {
	COLOR: #003366; 
	text-decoration:underline; 
	font-size: small;
}
#footer a:hover {
	COLOR: #00804f; 
	text-decoration: none; 
	font-size: small;
}

#footer ul{
	margin: 0px;
	padding:2px;
	list-style-type: none;
		
}

#footer ul li{
	display: inline;
	margin-right: 2px;
	margin-left: 2px;
	font-size: small;
	border-right: #003366 solid 1px;
	padding-right:2px;	
}
/* --  new banner css  start --  same as subpage.css but only affects home page -- */

.headerinner {
	width: 100%;
	background-image: url(header_banner_image_482x125__may_09_.jpg);
	background-repeat: no-repeat;
	background-position: top right;
	margin: 0;
	border: 0px;
	padding-bottom: 1px;
	}
	
	
.topmenu {
	width: 100%;
	border-bottom: solid 5px #e2ede9;
	background-color: #cc3333;
}
	
.topmenubar {
 margin-left: 5px;
 margin-bottom: 0;
 float: left;
 padding-left:2px;
 padding-top:6px;
 width: 60%;
}

* html .topmenubar {
	border-collapse: collapse;
	padding-top:0px;
}
.topmenubar ul{
	margin: 0px;
	padding-left: 5px;
	list-style-type: none;
	width: 100%;
}

.topmenubar ul li{
	color: white;
	display: inline;
	margin-right: 1px;
	margin-left: 1px;
	font-size: small;
	white-space: nowrap;
	padding-right: 5px;
	border-right: 1px solid #ffffff;
	padding-left: 3px;
}

.currentpage{
	font-weight: bold;
}

*html .topmenubar ul li{
	font-size: small;
}

.topmenubar a:link{
	color: white;
	font-size: small;
	font-weight: normal;
	text-decoration: none;
}

*html .topmenubar a:link{
	font-size: small;
	text-decoration: none;
}

.topmenubar a:visited{
	color: white;
	text-decoration: none;
}

.topmenubar a:hover{
	color: white;
	text-decoration: underline;
}

.tmiselected {
	color: #F90F0F;
	font-size: small;
	font-weight: bold;
}

*html .tmiselected {
	font-size: small;
}


/* Top Links End */

/* Search Box */

.qsearch {
	padding: 3px 3px 3px 0;
	text-align: right;
	vertical-align: top;
	float: right;	
	margin: 0;
	width: 35%;
}

.qsearch label {
	
	top: 0.1em;
	color: white;
	font-size: small;
	Font-weight: bold; 
	background-color: #cc3333;
}

.qsearch fieldset {
	border: 0;
	margin: 0;
	padding: 0;

	
}

.qsearch form {
	display: inline; 
	
}
/* --  new banner css  end --  same as subpage.css but only affects home page -- */