.col, .cleaner, #formBox input, form, #footerContent { margin: 0px;  padding:  0px; border: 0px;	}
	#homeBar img, .left img, #banner img  { margin: 0px;  padding:  0px; border: 0px;	}
	body 			{ margin: 0px;  padding: 0px; border: 10px solid #fff;}
	.main1, .left	{ display: block; margin: 0px;  padding:  0px;	}
	.main1 			{ width: 755px; background-image:url(/images/leftbg.gif); background-repeat:repeat-y;}
	.left 			{ float:left; width: 155px; font-size: 1px; line-height: 1px;	 }
	html>body .left { width: 150px; }
	.left img 		{ margin-bottom: 0px; }
	.middle 		{ margin:0px; padding: 0px; }
	td 			{ text-align: left; }
	#homeBar, #banner { float: right; margin: 0px; padding: 0px;}
	#homeBar { height: 30px; border-bottom: 10px solid #fff;}
	#banner  { height: 99px; border-bottom: 10px solid #fff;}
	#title { 
		display: block;
		font-family: Arial, Helvetica, sans-serif; 
		font-size: 19px; 
		font-weight: bold; 
		color: #541043; /* color: #628CB9; */
		letter-spacing: 2px; 
		margin-bottom: 0px; 
		padding: 0px;
		
	}
	#title img { vertical-align: middle; border: 0px; margin: 0px; padding: 0px;}
	#twolinetitle { float: left; margin-bottom: 0px; }
	#threelinetitle { float: left; margin-bottom: 0px; }
	html>body #twolinetitle {	margin-bottom: 0px; }

	#pageContent { float: right; width: 600px;}
	#contentContainer { 
		font-family: Arial, Helvetica, sans-serif; 
		font-size: 12px; 
		color:#042A55; 
		margin: 0px; 
		margin-left: 30px; 
		margin-top: 10px;
		padding: 0px; 
		width: 568px;
		line-height: 14px;
	}
	#contentContainer a { color: #042A55; text-decoration: underline; }
	#contentContainer li {margin-left: -10px;}
	
	.contact, .popout, #subNavigation a {color: #042A55; text-decoration: none;}
	/*#contentContainer a:hover {color: #042A55; text-decoration: underline;}*/
	#quickLinks { float: right; margin: 0px; border-bottom: 13px solid #fff; }
	html>body #quickLinks { border-bottom: 15px solid #fff; }
	#quickLinks, #footerMenu 	{ height: 21px; background-color: #042a55; width: 600px; }
	#footerMenu {
			 width: 600px; text-align: center;
	}

	/* width:193px */
	#formBox 	{ margin: 1px 0px -3px 0px; height: 18px; float: right; width: 193px; text-align:right;} 
	#searchinput { vertical-align: top; line-height: 12px; height: 18px;}
	.inputCenter { }
	#googleSubmit {  }
	#formBox a, #quickLinks a, #footerMenu a, #footerContent a, #quickLinksDropDown, #quickLinksDropDown a {
		font-family: verdana; 
		font-size: 10px; 
		color: #ffffff; 
		text-decoration: none;
	}
	#quickLinksDropDown a:hover, #quickLinks a:hover, #footerMenu a:hover, #footerContent a:hover{  
		font-family: verdana; 
		font-size: 10px; 
		color: #a9c040; 
		text-decoration: none;
	}
	#footerContent { width: 600px; position: relative; float:right; }
	#formBox a, #quickLinks a, #footerMenu a { color: #ffffff; }

	#logo {
		height: 170px;
		width: 145px;
		border-bottom: 10px solid #fff;
		margin-bottom: 10px;
		background: url(/images/dpilogo.gif) no-repeat;
	}
	
	#overDiv, #overDiv a, a.white {
		color: #ffffff; 
		font-size: 9px; 
		text-decoration: none;
		background-color: #042a55;
	}
	#overDiv a:hover { text-decoration: underline; }
	#breakOut {	width: 145px; border-top: 10px solid #fff; border-bottom: 10px solid #fff; }
	#subNavigation { margin: 0px 10px 0px 14px;	line-height: 15px; padding-bottom: 8px;	width: 115px; overflow: hidden; }
	#subNavigation a { display: block; line-height: 15px; margin-left: 5px; margin-bottom: 3px;}
	#subNavigation a, .popout {
		font-family: Arial, sans-serif; 
		font-size: 7.5pt;  
		font-weight: bold; 
	}
	#subNavigation a:hover { color: #FFFFFF; }

	.cleaner { clear:both; height:1px; font-size:1px; }
	.hidden { position: absolute; visibility: hidden; height: 1px; width: 1px;	font-size: 1px; overflow: hidden; }
	.spacer { background: url(/images/dot200.gif); 
			  height: 2px;	margin-top: 1px; background-repeat: repeat-x;
			  overflow: hidden; width:100%; margin-bottom: 4px;}
	html>body .spacer {	margin-top: -4px; }
	/* commented backslash hack v2 \*/
	html>body .spacer {	margin-top: 0px; }
	/* end hack */


	/*.subheader { font-size: 14px; font-weight: bold; color: #628CB9; letter-spacing: 1px;} */
	.indenter  { margin: 1px 0px 9px 12px;}
	.popout { margin-left: 5px; line-height: 15px; }
	.pop { position: absolute; visibility: hidden; padding: 0px 10px 3px 10px; top:0px; width: 150px; left:0px; z-index:1; background-color:  #B58CB2;}
	.pop a:hover { color: #FFFFFF; }
	p { margin: 0px; padding: 6px 0px 1px 0px; }
	#breakOut { background-color:  #B58CB2; }  /* #breakOut { background-color:  #8cbf70; }  */
	
	/* default CSS for DPI pages */
	.header {font-size: 19px; font-weight: bold; color: #541043; letter-spacing: 2px; text-decoration: none}
	.header td {font-size: 19px; font-weight: bold; color: #541043; letter-spacing: 2px; text-decoration: none}
	.subheader {font-size: 14px; font-weight: bold; color: #541043; letter-spacing: 1px; line-spacing: 1px; text-decoration: none}
	.subheader td {font-size: 14px; font-weight: bold; color: #541043; letter-spacing: 1px; line-spacing: 1px; text-decoration: none}
	.subheader a {font-size: 14px; font-weight: bold; color: #541043; letter-spacing: 1px; line-spacing: 1px; text-decoration: none}
	.subheader2 {font-size: 12px; color: #541043; font-weight: bold;}
	h1 {border:0px; margin:0px; font-size: 19px; font-weight: bold; color: #541043; letter-spacing: 2px; text-decoration: none}
	h2 {border:0px; margin:0px; margin-top:10px; margin-bottom:1px; font-size: 14px; font-weight: bold; color: #541043; letter-spacing: 1px; line-spacing: 1px; text-decoration: none}
	h3 {border:0px; margin:0px; margin-top:5px; margin-bottom:1px; font-size: 12px; color: #541043; font-weight: bold; }
	.transparent table {font-size: 12px; border: 0px; margin: 0px; spacing: 0px}
	.transparent tr {font-size: 12px; border: 0px; margin: 0px; spacing: 0px; vertical-align: top}
	.transparent td {font-size: 12px; border: 0px; margin: 0px; spacing: 0px}
	.transparent th {font-size: 12px; font-weight: bold; background-color: #FFFFFF; background-position: left; color: #FFFFFF; border: 0px; margin: 0px; spacing: 0px; text-align:left}
	.chart table {font-size: 12px; border: 1px solid #042A55; margin: 0px; spacing: 0px}
	.chart tr {font-size: 12px; border: 1px solid #042A55; margin: 0px; spacing: 0px; vertical-align: top}
	.chart td {font-size: 12px; border: 1px solid #042A55; margin: 0px; spacing: 0px}
	.chart th {font-size: 12px; font-weight: bold; background-color: #B58CB2; background-position: left; color: #FFFFFF; border: 1px solid #042A55; margin: 0px; spacing: 0px; text-align:left}
	.colorText1 {font-size: 14px; font-weight: bold; color: #541043; letter-spacing: 1px; line-spacing: 1px; text-decoration: none}
	.colorText2 {font-size: 12px; color: #541043; font-weight: bold; }
	
	.chartnoborders table {font-size: 12px; border: 0px solid #042A55; margin: 0px; spacing: 0px}
	.chartnoborders tr {font-size: 12px; border: 0px solid #042A55; margin: 0px; spacing: 0px; vertical-align: top}
	.chartnoborders td {font-size: 12px; border: 0px solid #042A55; margin: 0px; spacing: 0px}
	.chartnoborders th {font-size: 12px; font-weight: bold; background-color: #B58CB2; background-position: left; color: #FFFFFF; border: 0px solid #042A55; margin: 0px; spacing: 0px; text-align:left}

	
	/* for form titles and fields */
	.formTitle { display: block; float: left; width: 175px; margin-right: 0px; padding: 0px; }
	.oneHalf { display: block; float: left; width: 250px; margin-right: 0px; padding: 0px; }
	.oneThird { display: block; float: left; width: 150px; margin-right: 0px; padding: 0px; }
	.twoThirds { display: block; float: left; width: 350px; margin-right: 0px; padding: 0px; }
	.memoTitle { display: block; float: left; width: 75px; margin-right: 0px; padding: 0px; }
	
	.indent25 { display: block; float: left; width: 25px; margin-right: 0px; padding: 0px; }
	.indent50 { display: block; float: left; width: 50px; margin-right: 0px; padding: 0px; }
	.indent60 { display: block; float: left; width: 60px; margin-right: 0px; padding: 0px; }
	.indent75 { display: block; float: left; width: 75px; margin-right: 0px; padding: 0px; }
	.indent80 { display: block; float: left; width: 80px; margin-right: 0px; padding: 0px; }
	.indent100 { display: block; float: left; width: 100px; margin-right: 0px; padding: 0px; }
	.indent110 { display: block; float: left; width: 110px; margin-right: 0px; padding: 0px; }
	.indent125 { display: block; float: left; width: 125px; margin-right: 0px; padding: 0px; }
	.indent150 { display: block; float: left; width: 150px; margin-right: 0px; padding: 0px; }
	.indent175 { display: block; float: left; width: 175px; margin-right: 0px; padding: 0px; }
	.indent200 { display: block; float: left; width: 200px; margin-right: 0px; padding: 0px; }
	.indent225 { display: block; float: left; width: 225px; margin-right: 0px; padding: 0px; }
	.indent250 { display: block; float: left; width: 250px; margin-right: 0px; padding: 0px; }
	.indent275 { display: block; float: left; width: 275px; margin-right: 0px; padding: 0px; }
	.indent300 { display: block; float: left; width: 300px; margin-right: 0px; padding: 0px; }
	.indent325 { display: block; float: left; width: 325px; margin-right: 0px; padding: 0px; }
	.indent350 { display: block; float: left; width: 350px; margin-right: 0px; padding: 0px; }
	.indent375 { display: block; float: left; width: 375px; margin-right: 0px; padding: 0px; }
	.indent400 { display: block; float: left; width: 400px; margin-right: 0px; padding: 0px; }
	.indent425 { display: block; float: left; width: 425px; margin-right: 0px; padding: 0px; }
	.indent450 { display: block; float: left; width: 450px; margin-right: 0px; padding: 0px; }
	.indent475 { display: block; float: left; width: 475px; margin-right: 0px; padding: 0px; }
	.indent500 { display: block; float: left; width: 500px; margin-right: 0px; padding: 0px; }
	
	/* replace align=left, right and center */
	.left {text-align:left; margin-top:0px; margin-bottom:0px; padding:0px;}
	.right {text-align:right; margin-top:0px; margin-bottom:0px; padding:0px;}
	.center {text-align:center; margin-top:0px; margin-bottom:0px; padding:0px;}
	
	
	/* for dpimainwide.tpl */
	.main2 		{ width: 755px; background-repeat:repeat-y;}
	#pageContent2 { float: right; width: 755px;}
	#contentContainer2 { 
		font-family: Arial, Helvetica, sans-serif; 
		font-size: 12px; 
		color:#042A55; 
		margin: 0px; 
		margin-left: 30px; 
		margin-top: 10px;
		padding: 0px; 
		width: 700px;
		line-height: 14px;
	}
	
	#contentContainer2 a { color: #042A55; text-decoration: underline; }
	
	.spacer2 { background: url(/images/dot700.gif); 
			  height: 2px;	margin-top: 1px; background-repeat: repeat-x;
			  overflow: hidden; width:100%; margin-bottom: 4px;}
	#footerContent2 { width: 755px; position: relative; float:right; }
	#footerMenu2 {height: 21px; background-color: #042a55; width: 755px; text-align: center;}
	#footerMenu2 a {
		font-family: verdana; 
		font-size: 10px; 
		color: #ffffff; 
		text-decoration: none;
	}
	
	#footerMenu2 a:hover {  
		font-family: verdana; 
		font-size: 10px; 
		color: #a9c040; 
		text-decoration: none;
	}
	
	
	#highlightTextBox {
		float: right; 
		width: 200px; 
		background-color: #042A55; 
		border: 1px solid #042A55; 
		margin-top: 10px; 
		margin-left: 10px; 
		margin-bottom: 10px; 
		color: #FFFFFF; 
		font-size: 12px; 
		font-family: Arial, Helvetica, sans-serif;
		padding-left: 10px;
		padding-right:10px;
		padding-top:8px;
		padding-bottom:12px;
	}
	
	#highlightTextBox a {
		color: #FFFFFF; 
		font-size: 12px; 
		font-family: Arial, Helvetica, sans-serif;
		text-decoration: underline;
	}
	
	/* text box under photo */
	


/*	#photoText {
	font-size: 10px;
	background-color: #042A55;
	color: #FFFFFF;
	line-height: 11px;
	font-weight: bold;
	border-bottom: 10px solid white;
	padding-left: 10px;
	padding-right:10px;
	padding-top:10px;
	padding-bottom:10px;
}*/


/* Images with captions */
.imageContainerRight {
	float: right;
	margin-top: 5px; margin-left: 10px; margin-right: 10px; margin-bottom: 10px;
	}
	
.imageContainerLeft {
	float: left;
	margin-top: 5px; margin-left: 0px; margin-right: 10px; margin-bottom: 5px;
	}
	
.imageContainerCenter {
	margin-top: 10px; margin-left: auto; margin-right:auto; margin-bottom: 10px;
	}

.imageCaption {
	font-size: 10px;
	color: #541043;
	line-height: 11px;
	font-weight: normal;
	padding-top: 5px;
	padding-left: 10px;
	padding-bottom: 5px;
}
	
.smallText {font-size: 9px; color: #541043}
	
#cse-search-results {
	color: red;
	}

/* Displaying computer codes */	
code {
	/*
	#6B1121; red
	#28620F green 
	*/
	color: #000;
	width: auto;
	background: #F8E9FF;
	display: block;
	padding: 10px;
	margin-top: 5px;
	}
	
/* Highlight boxes */
.textBoxRight {
	float: right;
	margin-top: 5px; 
	margin-left: 10px; 
	margin-bottom: 5px; 
	padding-left: 10px; 
	padding-right:10px; 
	padding-top:5px; 
	padding-bottom:10px; 
	border: 1px solid #042A55; 
	background-color:#B58CB2; 
	width:250px
	}
	
.textBoxLeft {
	float: left; 
	margin-top: 5px; 
	margin-right: 10px; 
	margin-bottom: 5px; 
	padding-left: 10px; 
	padding-right:10px; 
	padding-top:5px; 
	padding-bottom:10px; 
	border: 1px solid #042A55; 
	background-color:#B58CB2; 
	width:250px
	}
	
.textBoxCenter {
	margin-top: 10px; 
	margin-bottom: 5px; 
	display: block; 
	margin-left: auto; margin-right: auto; 
	padding-left: 10px; padding-right:10px; padding-top:5px; padding-bottom:10px; 
	border: 1px solid #042A55; 
	background-color:#B58CB2; 
	width:300px
	}
	
/* Quotes */
.quoteRight {
	float: right;
	margin-top: 0px; 
	margin-left: 10px; 
	margin-bottom: 5px; 
	padding-left: 10px; 
	padding-right:0px; 
	padding-top:0px; 
	padding-bottom:10px; 
	width:250px;
	text-align:right;
	font-style:italic;
	}
	
.quoteLeft {
	float: left; 
	margin-top: 0px; 
	margin-right: 10px; 
	margin-bottom: 5px; 
	padding-left: 0px; 
	padding-right:10px; 
	padding-top:5px; 
	padding-bottom:10px; 
	width:250px;
	text-align:left;
	font-style:italic;
	}
	
.quoteCenter {
	margin-top: 10px; 
	margin-bottom: 5px; 
	display: block; 
	margin-left: auto; margin-right: auto; 
	padding-left: 10px; padding-right:10px; padding-top:5px; padding-bottom:10px; 
	width:500px;
	font-style:italic;
	}
	
/* Table layout */
.tableRow {
	display: block;
    margin-left: auto;
    margin-right: auto;
	margin-top: 10px;
	margin-bottom: 10px;
	width: 700px;
	padding: 0;
	}

.tableCell {
	float: left;
	width: 180px;
	border: 3px solid #ffffff;
	}
	
.tableCell img {
	width: 180px;
	height: 130px;
	border: 1px solid #042A55;
	}
	
.tableCell ul {
	margin: 0 0 20px 5px;
	padding: 0 0 0 15px;
	}
	
.tableCell li {
	margin: 0 0 5px 0;
	}
	
/* Bullets within a table */
.tableBullets {
	margin:0 0 0 -10px;
	}
	
.tableBullets li {
	margin:0px 0 0 -20px;
	}

	
/* Begin SkipNav CSS */
a.offscreen {
position:absolute;
left:-1000px;
top:-1000px;
width:1px;
height:1px;
text-align: left;
overflow:hidden;
}

a.offscreen:focus, a.offscreen:active, a.offscreen:hover {
position:absolute;
left:0;
top:0;
width:auto;
height:auto;
overflow:visible;
background-color:#FF3;
border: 1px dotted #000;
} 
/* End SkipNav CSS */