body,html {

	margin: 0 0 0 0;

	padding: 0 0 0 0;

	height: 100%;

	width: 100%;

	background-color: #FFFFFF;

	background-repeat: repeat-x;

	font-family: Arial, Verdana, Helvetica, sans-serif;

	font-size: 12px;

	color: #666666;

}



#container {

	width: 750px;

	margin-top: 0px;

	margin-left: auto;

	margin-right: auto;

	margin-bottom: 0px;

}



#container-header {

	width: 670px;

	height: 85px;

	padding: 20px 40px 0px 40px;

	background-image: url(images/bg_DTI_header.gif);

	line-height: 85px;

	font-size:28px;

	font-weight:bold;

}



#container-name {

	float: left;

}





#container-slogan {

	float: right;

	font-size: 18px;

	font-weight: normal;

	font-style: italic;

	padding-right: 10px;

}



span, #container-name span,#container-slogan span {

	color: #006AC3;

}



#container-eyecatcher {

	width:670px;

	background-image: url(images/bg_content.gif);

	background-repeat: no-repeat;

	margin: 0 0 0 0;

	padding: 0px 40px 0px 40px;

	height: auto;



}



#container-navigation {

	width: 670px;

	background-color: #45AAFF;

	height: 22px;

	border-bottom: 1px solid #ffffff;



}



ul#navigation {

	margin: 0 0 0 0;

	padding: 0 0 0 0;

}



#navigation li {

	display: inline;

	list-style: none;

	height: 22px;

}



#navigation li a {

	color: #ffffff;

	line-height: 22px;

	font-size: 11px;

	text-decoration: none;

	padding: 5px 15px 6px 15px;

	border-right: 1px solid #ffffff;

}



#navigation li a:hover {

	text-decoration: underline;

	background-color: #0066CC;

}



#container-content {

	width:670px;

	padding: 20px 40px 0px 40px;

	margin: 0 0 0 0;

	height: auto;

}



#content {

	width: 430px;

	float: left;

}



#border {

	width: 170px;

	margin-left: 480px;

}



#container-footer {

	border-top: 4px solid #E5E5E5;

	width: 670px;

	padding: 10px 0px 20px 0px;

	margin: 0 40px 0px 40px;

	clear: both;

	color: #aeaeae;

}



#container-footer a {

	font-weight: bold;

	padding: 2px 2px 2px 2px;

	color: #aeaeae;

}



#container-footer a:hover {

	color: #006AC3;

}



#footer {

	font-size: 11px;

	color: #aeaeae;

	width: 670px;

	margin-bottom: 20px;

}



#footer-copyright {

	float: center;

	text-align: center;

	width: 670px;

	padding-left: 10px;

}



#footer-meta {

	float: center;

	text-align: center;

	width: 670px;

	padding-right: 10px;

}



.clearer {

	clear: both;

}



h1 {

	font-size: 22px;

	color: #666666;

	margin: 0 0 0 0;

	padding: 0px 0 15px 25px;

	background-image: url(images/h1_arrow.gif);

	background-repeat: no-repeat;

	background-position: 5px 7px;

	line-height: 24px;

}



h2 {

	font-size: 16px;

	color: #006AC3;

	padding: 5px 0 5px 25px;

	letter-spacing: 1px;

	text-transform: uppercase;

}



h3 {

	font-size: 14px;

	color: #006AC3;

	padding: 5px 0 0px 25px;

	text-transform: capitalize;

	letter-spacing: -0.5px;

	

	}

	

h4 {

	font-size: 14px;

	color: #006AC3;

	text-transform: uppercase;

	letter-spacing: -0.5px;



	}



hr {

	border: none 0;

	border-top: 1px solid #cccccc;

	height: 1px;

}



#content hr {

	border: none 0;

	border-top: 1px solid #cccccc;

	margin: 0px 0 0px 25px;

	height: 1px;

}



#content p {

	line-height: 19px;

	color: #666666;

	margin: 0 0 20px 25px;

}



#content p a, #border p a {

	text-decoration: none;

	color: #006AC3;

	border-bottom: 1px dotted #006AC3;

	padding: 2px 2px 2px 2px;

}



#content p a:hover, #border p a:hover  {

	text-decoration: none;

	color: #FFFFFF;

	background-color: #006AC3;

	padding: 2px 2px 2px 2px;

}



#content li {

	line-height: 20px;

	color: #666666;

	margin: 0 0 0 15px;

}



#border li a {

	text-decoration: none;

	color: #006AC3;

	font-size: 10px;

	border-bottom: 1px dotted #006AC3;

	padding: 2px 2px 2px 2px;

}



#border li a:hover {

	text-decoration: none;

	color: #FFFFFF;

	font-size: 10px;

	background-color: #006AC3;

	padding: 2px 2px 2px 2px;

}





#content .quote {

	border-top: 1px solid #E5E5E5;

	background-color: #f7f7f7;

	border-bottom: 1px solid #E5E5E5;

	padding: 15px 15px 15px 65px;

	background-image: url(images/bg_quote.gif);

	background-repeat: no-repeat;

	background-position: 10px 10px;

	color: #0066CC;

	font-style: italic;

}



#border p {

	line-height: 17px;

	font-size: 11px;

	color: #666666;

	margin-left:10px; margin-right:0; margin-top:0; margin-bottom:15px

}



ul#subnavigation {

	padding: 0px 0px 0px 0px;

	margin: 0px 0px 15px 0px;

	background-image: none;

}



#subnavigation li {

	list-style: none;

	padding: 2px 0px 2px 10px;

	margin: 0px 0px 5px 0px;

}



#subnavigation li a {

	text-decoration: none;

	color: #006AC3;

	border-bottom: 1px dotted #006AC3;

}



#subnavigation li a:hover {

	text-decoration: none;

	border-bottom: 1px solid #006AC3;

}



ul#news {

	padding: 0px 0px 0px 0px;

	margin: 0px 0px 0px 0px;

	background-image: none;

}



#news li {

	background-image: url('images/li_cube.gif');

	background-repeat: no-repeat;

	background-position: 2px 6px;

	list-style-type:none; margin-left:0px; margin-right:0; margin-top:0; margin-bottom:4px; padding-left:15px; padding-right:0px; padding-top:0px; padding-bottom:2px

}



#content img {

	background-color: #E7F1FF;

	padding: 4px;

	border: 1px solid #006AC3;

}



img.alignleft {

	float: left;

	margin: 0 15px 5px 0px;

}



img.alignright {

	float: right;

	margin: 0 0 5px 15px;

}



img.alignabove {

	margin: 0 0 10px 0;

}



.green{

color: #009D76

}#container #container-eyecatcher #content a {
	text-decoration: none;
}