html { 
  min-height:100%; 
  margin-bottom:1px; 
}

body{
	font: 1em/1em Verdana, sans-serif;
	background: white url(../images/dctbg1.gif) repeat-x top;
	border: 0px;
  padding: 0px;
  margin: 0px;
  text-align: center;
}

h1{
	font: 1em/1.2em Arial, Helvetica, sans-serif;
	margin: 20px 0px 10px 0px;
	padding: 0px;
	color: black;
	text-transform: capitalize;
	color: #0066FF;
}

h2{
	font: 0.75em/1.2em Arial, Helvetica, sans-serif;
	margin: 10px 0px;
	padding: 0px;
	color: #ABABAB;
	text-transform: uppercase;
}

h3{
	font: bold 0.8em/1.2em Arial, Helvetica, sans-serif;
	margin: 5px;
	margin-top: 15px;
	padding: 0px;
	color: black;
}

a:link, a:visited{
	color: #0066FF;
	text-decoration: underline;
}

a:active, a:hover, a:visited:hover{
	color: #0066FF;
	text-decoration: none;
}

p, ul, ol, li, img, input, div{
	margin: 0px;
	padding: 0px;
	border: 0px;
}

hr{
  border: 0px;
  border-top: 1px solid black;
  clear: both;
}

/* page layout */
#container{
	position: relative;
	margin: 0px auto;
	padding: 0px;
	width: 940px;
	text-align: left;
}
/* header layout */
#headarea{
  float: left;
  width: 940px;
  height: 365px;
	background: url(../images/dctmainimage_middle.jpg) no-repeat top;
}

#logo{
  position: absolute;
  top: 0px;
  left: 0px;
  width: 330px;
  height: 110px;
  padding: 0px;
  margin: 0px;
  border: 0px;
  z-index: 10;
}

#headercontact{
  position: absolute;
  top: 20px;
  left: 370px;
  text-align: right;
  width: 570px;
  height: 110px;
  padding: 0px;
  margin: 0px;
  border: 0px;
  margin-right: 5px;
  font: 0.7em/1em Arial, Helvetica, sans-serif;
  z-index: 11;
}

.contact_title{
  text-transform: uppercase;
  font-weight: bold;
  margin-top: 10px;
  color: #0099FF;
  font: 1.2em/1.2em Arial, Helvetica, sans-serif;
}

.tel{
  font: 1.2em/1.2em Arial, Helvetica, sans-serif;
}

.email{
  font: 1em/1.2em Arial, Helvetica, sans-serif;
}

.fax{
  font: 1em/1.2em Arial, Helvetica, sans-serif;
}
/* end of header layout */

/* navigation layout */
#mainimageleft{
  float: left;
  width: 220px;
  height: 400px;
}

#navigation{
  clear: left;
  width: 220px;
  height: 160px;
  font: bold 0.7em/2em Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  background: #003366;
  margin-top: 135px;
}

#navigation ul{
  padding: 0px;
  margin: 0px;
}

#navigation li{
  list-style: none outside;
  padding: 0px;
  margin: 0px;
  color: white;
  border-bottom: 1px solid #0066FF;
  text-align: center;
}

#navigation a:link, #navigation a:visited{
  display: block;
	color: white;
	background: #003366;
	text-decoration: none;
}

#navigation a:active, #navigation a:hover, #navigation a:visited:hover{
	color: white;
	background: black;
	text-decoration: underline;
}

#navigation img{
  height: 20px;
  margin: 0px;
  padding: 0px;
}
/* end of navigation layout */

/* login box */
#mainimageright{
  float: right;
  width: 220px;
  height: 400px;
}

#login{
  /*clear: left;*/
  width: 220px;
  height: 170px;
  text-transform: uppercase;
  background: #003366;
  margin-top: 135px;
}

#login h3{
  font: bold 0.7em/1.6em Arial, Helvetica, sans-serif;
  border-bottom: 1px solid #0066FF;
  border-top: 1px solid #0066FF;
  text-indent: 10px;
  margin: 0px;
  padding: 6px 0px;
  color: white;
  background: black;
}

#login p{
  font: bold 0.7em/1em Arial, Helvetica, sans-serif;
  padding: 7px 10px 7px 0px;
  text-indent: 10px;
  color: white;
  border-bottom: 1px solid #0066FF;
}

#login a:link, #login a:visited{
	color: white;
	text-decoration: underline;
}

#login a:active, #login a:hover, #login a:visited:hover{
	color: black;
	text-decoration: underline;
}

#login input{
  width: 115px;
  margin: 0px 2px;
  border: 1px solid #0066FF;
}

#login input.loginsubmit{
  border: 0px;
  width: 200px;
  font: bold 0.7em/1.4em Verdana, Arial, Helvetica, sans-serif;
  color: black;
  background: #99CCFF;
  padding: 5px;
  margin: 8px 10px 0px 10px;
  cursor: pointer;
}
/* end of login box */

/* content area layout */
#contentarea{
  clear: both;
  float: left;
  width: 940px;
  padding: 0px;
  margin: 0px;
  text-align: center;
}

#content_middle{
  float: left;
  width: 680px;
  min-height: 300px;
  text-align: left;
  margin: 0px 20px;
  padding-bottom: 20px;
}

#content_middle p, #content_middle li{
  font: 0.6em/1.6em Verdana, Arial, Helvetica, sans-serif;
  margin: 6px 0px;
}

#content_middle li{
  margin-left: 20px;
}

#content_middle img{
  float: right;
  border: 1px solid #0066ff;
  margin: 2px 10px 20px 20px;
}

#content_middle img.minipics{
  float: left;
  border: 1px solid #0066ff;
  margin: 2px;
}

#content_middle h2{
  font: 0.7em/1.2em Verdana, sans-serif;
  color: #0066ff;
  border-top: 1px solid #cdcdcd;
  border-bottom: 1px solid #cdcdcd;
  margin: 10px 0px 0px 0px;
  padding: 5px 0px 5px 0px;
}

#content_right{
  float: left;
  width: 220px;
  background: #DEDEDE url(../images/newsbody.gif) repeat-y top;
  min-height: 100px;
  text-align: left;
  padding: 0px;
}

#content_left h3, #content_right h3{
  font: 0.8em/1.4em Arial, Helvetica, sans-serif;
  background: #DEDEDE url(../images/newsheader.gif) no-repeat top;
  text-transform: uppercase;
  color: white;
  margin: 0px;
  padding: 15px 20px 45px 20px;
  text-align: center;
}

#content_left h4, #content_right h4{
  font: bold 0.7em/1.6em Verdana, Arial, Helvetica, sans-serif;
  margin: 4px 20px;
}

#content_left p, #content_right p{
  font: italic 0.6em/1.6em Verdana, Arial, Helvetica, sans-serif;
  margin: 4px 20px;
}

#content_left a{
  font-weight: bold;
}

#content_left img, #content_right img{
  margin: 0px;
  padding: 0px;
}

#content_right li{
  font: bold 0.8em/1.4em Verdana, Arial, Helvetica, sans-serif;
  margin: 10px 0px;
  text-indent: 20px;
  list-style: none;
}

.strapline{
  background: white;
}
  /* contact form */
.textright{
  text-align: right;
}

form{
  float: left;
  margin: 0px;
  padding: 0px;
  border: 0px;
}

table{
  margin: 0px;
  padding: 5px;
  width: 600px;
}

tr{
  margin: 0px;
  padding: 0px;
  border: 0px;
}

td{
	font: 0.7em/1.6em Verdana, sans-serif;
	margin: 0px;
  padding: 5px;
  border: 0px;
}

input{
	border: 1px solid silver;
	font: 0.9em Verdana, sans-serif;
	width: 400px;
	padding: 2px;
}

.mandatory{
	background: yellow;
}

textarea{
	border: 1px solid silver;
	font: 0.9em Verdana, sans-serif;
	width: 400px;
	min-height: 250px;
	padding: 2px;
}

.formsubmit{
	padding: 0.2em 2.5em;
	font: bold 1em/1.4em Arial, Helvetica, sans-serif;
	border: 2px solid #003366;
	background: #003366;
	color: white;
	cursor: pointer;
	float: left;
	text-transform: uppercase;
}

.errorlist, .ddfmerrors{
  font: bold 0.8em/1.4em Verdana, sans-serif;
  color: red;
  margin: 5px;
}
  /* end of contact form */
/* end of content area layout */

/* footer layout */
#footer{
  clear: both;
  margin: 10px 0px;
  padding: 4px 0px;
  border-top: 1px solid #6699CC;
  text-align: left;
}

#footer p{
  font: 0.6em/1em Arial, Helvetica, sans-serif;
}
/* end of footer layout */
/* end of page layout */

/* other layout edits */
.hidden{
  display: none;
}

.italics{
  font-style: italic;
}