/* NOTE:  Each page is divided into 3 sections
                  -- Header (contains breadcrumb trail)
                  -- Container (contains left hand menu navigation) - The basic content page is styled first, then the other pages follow
                  -- Footer
                  -- Margin and padding go clockwise from top.
*/

/* -- set basic rules - general styling & look and feel of generic attributes */
*{
  margin: 0pt;
  padding: 0pt;
}
body{
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 80%;
  line-height: 1.4;
}
ul, ol{
  margin: 0 0 0.5em 2em;
}
li.doc{
  list-style-image: url(iconWord.gif);
  margin: 0.1em 0 0.1em 0em;
}
li.ppt{
  list-style-image: url(iconPowerPoint.gif);
  margin: 0.1em 0 0.1em 0em;
}
li.xls{
  list-style-image: url(iconExcel.gif);
  margin: 0.1em 0 0.1em 0em;
}
li.pdf{
  list-style-image: url(iconPDF.gif);
  margin: 0.1em 0 0.1em 0em;
}
li.txt{
  list-style-image: url(iconText.gif);
  margin: 0.1em 0 0.1em 0em;
}
p{
  margin: 0 0 1em 0;
}
a{
  color: #F78620;
  text-decoration: underline;
}
a:hover{
  color: #666666;
  text-decoration: none;
}
a img{
  border: none;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  float: right;
}
h1{
  padding: 0.25em 0 0.5em 0.25em;
  font-weight: normal;
  color: #FFFFFF;
  font-size:250%;
  float: left;
}
table{
  width: 78%;
  font-size: 100%;
}
h3{
  font-size: 125%; 
  color: #F78620;
  padding: 0 0 0.5em 0;
}
/*-- for styling the Flash image on homepages--*/
object{
  width: 550px;
  height:250px;
  float: center;
  position: center;
  white-space: nowrap;
  margin: 0 0 0.5em 0;
}

/* ------   END set basic rules - general styling & look and feel of generic attributes */


/* --------- HEADER -------- */
/*------Skip navigation----*/
#skip a, #skip a:hover, #skip a:visited 
 { 
  position:absolute; 
  left:0px; 
  top:-500px; 
  width:1px; 
  height:1px; 
  overflow:hidden;
} 
#skip a:active 
{ 
position:static; 
width:auto; 
height:auto; 
}
/*------END skip navigation----*/

/* -- Breadcrumb top navigation */
#breadcrumbPageNavigation{
  width: 100%;
  clear: left;
  float: left;
}
#breadcrumbMargin{
  clear: left;
  float: left;
  width: 0%;
}
ul.breadcrumbTrail{
  border-bottom: solid 2px #666666;
  border-top: solid 2px #666666;
  display: block;
  margin: 0;
  padding: 3px 0 3px 0;
  overflow: hidden;
  background: #ffffff;  
} 
* html ul.breadcrumbTrail{/* fix for IE6 */
  overflow: visible; 
  height: 1px;
}
ul.breadcrumbTrail li{
  background: url(bt_chevs.png) center left no-repeat;
  float: left;
  display: block;
  padding: 0 20px;
  margin: 0 0 0 -16px;
}
ul.breadcrumbTrail li a{
  color: #000000;
  text-decoration: none;
}
ul.breadcrumbTrail li a:hover{
  color: #F78620;
  text-decoration: none;
}
/* ------ END Breadcrumb top navigation */
/* -----Header Text-----*/
#pageHeader{
  float: left;
  width: 990px;
  height: 78px; 
}

div.header{
  float: left;
}
div.headerImage{
	float: left;
	background: url(dt_logo.png) center left no-repeat;
	width: 838px;
	height: 68px;
}
/* -----END Header Text ----*/
/* ------ END HEADER --------- */

/* -------- CONTAINER (for all pages) ---------- */
/* -- Basic Page Template -- */
/* -- page container   */
#container{
  clear: left;
  overflow: hidden; 
  width: 990px;
  
}
* html #container{ /* fix for crappy IE6 */
  overflow: visible;
  height: 1px;
}
/* -- END page container */

/* -- menu navigation (left hand menu) */
#menuPageNavigation{
  display: block;
  width: 195px;
  float: left;
  clear: left;
  margin: 0;
  background-color: #FDAF17; 
}

#menuPageNavigation a{
  display: block;
  margin: 0 0 0.5em 0.25em;
  color: #000000;
  text-decoration: none;
}
#menuPageNavigation a:hover{
  color: #FFFFFF;
  text-decoration: none;
}
ul.pageNavigation{
  display: block;
  margin: 0;
  width: 100%;
  float: left;
  clear: left;
}
ul.pageNavigation li{
  margin: 0.5em 0 1em 0;
  padding: 0 0 0.5em 0;
  border-bottom: 2px solid #FFFFFF; 
}
ul.pageNavigation li.youAreHere span{
  margin: 0 0 0 0;
  padding: 0.25em 1.5em 0.25em 0.25em;
  background-color: #FFFFFF;
  /*font-weight: bold;*/
}
ul.pageNavigation li.toParent a{
  background: url(ul_chevs.png) no-repeat center left;
  padding: 0 0 0 15px;
}
ul.pageNavigation li.parent a{
	background: url(more_chevs.png) no-repeat center right;
	margin: 0 1em 0 0;
	padding: 0 1em 0 0;
}
/* ------ END menu navigation (left hand menu) */
/* -- END Basic Page Template -- */

/* ------- Content Structured Component Template ------ */
#content{
  width: 990px;
  float: left;
  clear: left;
}
#mainBody{
  width: 790px;
  float: left;
  clear: right;
}

#mainBodyMiddle{
  width: 580px;
  float: left;
}
div.section{
  padding: 0.5em 0.5em 1em 0.5em;
  clear: left;
}
div.contentSection{
 clear: both;
} 
div.contentSection img{
  float: right;
  margin: 0.5em 0.5em 0 1em;
}
div.contentSection img.leftImage{
  float: left;
  clear: left;
  margin: 0.5em 0.5em 0.5em 0;
}
div.contentSection h3{
  float: right;
  clear: both;
  padding: 0 0 0.25em 0;
  font-size: 70%;
  width: 300px;
}
div.contentSection h3.imageCaption{
  visibility: visible;
  float: right;
  padding: 0 0 0 0;
  margin: 0 0 0 0;
  font-size: 70%;
  width: 300px;
}                                                                                                                       
div.documentLinks{
  margin: 1em 0 0 0;
}
div.documentLinks li{
  padding: 0.1em 0 0.1em 0em;
}
div.relatedLinks{
  margin: 1em 0 0 0;
}

/*---Notice Item---*/
#noticeItem{
  width: 195px;
  float: right;
  background-color: #666666;
  text-align: center;
}
#noticeItem div.contentSection{
  text-align: left;
}
#noticeItem p{
  font-size:  95%;
  color: #ffffff;
  line-height: 1.5;
  padding: 0.5em 0 0.5em 0;
}
#noticeItem h3{
  text-align: left;
  color: #FFFFFF;
  font-weight: 600;
}
#noticeItem img{
  position: center;
  padding: 0.5em;
}
#noticeItem ul{
  color: #FFFFFF;
}
#noticeItem a{
	color: #FDAF17;
}
#noticeItem a:hover{
	color: #CCCCCC;
}
div.heading{
  background-color: #999999;
  width: 110%;
  margin: 0 0 0 0;
  padding: 0 0 0 0.5em;
  text-align: left;
  float: right;
}
div.heading h2{
  font-weight: normal;
  color: #FFFFFF;
  font-size:130%;
  margin: 0 0 0 0;
  padding: 0.15em 0 0.2em 0;
}
/*--- END Notice Item --*/
/* ------- contact page*/
div.serviceContact, div.externalContact{
  padding: 0.5em 0.5em 3em 0.5em;
  float: left;
}
div.serviceContact h3, div.externalContact h3{
  font-size: 125%;
  padding: 0 0 1.5em 0;
}
div.serviceContact h4, div.externalContact h4{
  color: #A54499;
  font-size: 110%;
  font-weight: bold;
}
div.serviceContact address, div.externalContact address{
  font-style: normal;
}
div.serviceContact ul, div.externalContact ul{
  margin: 0 0 0 0;
}
div.serviceContact li, div.externalContact li{
  list-style-type: none;
}

/* -------END contact page */

/* ------- content section */

/* ------- END content section */
/* ------- END Content Structured Component Template ------ */

/* -------- Index Item Component Template -------- */
div.indexItem{
 /* margin: 1.5em 0 0 0;
  clear: left;
  margin: 4px 4px 4px 200px;
  padding: 0 0 0 0.5em;*/
    padding: 0.5em 0.5em 2em 0.5em;
    margin: 0 0 0 0;    
}
div.indexItem h3{
  font-size: 110%;
}
div.indexItem div.fullArticleLink{
  text-align: right;
  margin: 0.5em 0;
}
div.indexItem div.fullArticleLink a{
  background: url(bt_chevs.gif) no-repeat center left;
  padding-left: 20px;
}
/* -------- END Index Item Component Template -------- */
/* -------- END CONTAINER ----------- */


/* --------- FOOTER ------------- */ 
#pageFooter{
  border-top: solid 4px #666666;
  padding:0 0 0 0;
  width: 990px;
}
#pageFooter hr{
  clear:  both;
  color: #666666;
 /* background-color: #A54499;*/
  height: 2px;
  width: 100%;
}
/*#pageFooter hr.wide{
  clear:  both;
  color: #A54499;
  background-color: #A54499;
  height: 2px;
  width: 100%;
}*/
#pageFooter a{
  color: #F78620;
  text-decoration: none;
}
#pageFooter a:hover{
  color: #666666;
  text-decoration: none;
}
/*div.footerBanner{
  float: left;
  text-align: left;
  width: 50%;
  padding: 5px 5px 5px 5px;
}*/
  div.footerAffiliates{
  float: right;
  clear: right;
}
  div.footerAffiliates ul{
  float: right;
  clear: right;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  line-height: auto;
  width: 10%;
}
/*div.footerAffiliates li{
  list-style: none;
  display: block;
  float: right;
  line-height: auto;
  width: 20%;
  padding: 2px 10px 2px 10px;
}*/
div.footerContactDetails{
  float: left;
  clear: left;
  margin-bottom: 0.5em;
}
div.footerContactDetails address{
  padding: 0.5em 0 0 0;
  margin: 0 0 0 0.5em;
  font-size: 80%;
  font-style: normal;
}
div.footerContactDetails ul{
  margin: 0 5px 0 10px;
}
div.footerContactDetails li{
  display: block; 
  float: left;
  padding: 0 14px 0 6px;
  margin: 0 3px 0 -11px;
  border-left: solid 1px #000000;
  font-size: 80%;
  font-style: normal;
}
div.footerStandards{
  width:40%;
  line-height: auto;
  font-size:70%;
}
div.footerStandards ul{
  display: block;
}
div.footerStandards li{
  float: left;
}
div.footerLinks{
  float: right;
  clear: right;
  width: 50%;
  margin: 0 0.5em 0 0;
  font-size: 80%;
}
div.footerLinks a{
  margin: 0 0 0 1em;
}
div.footerLinks ul{
  margin: 0 0 0 0;
  padding: 0 0 0 0; 
}
div.footerLinks li{
  display: block;
  float: right;
  list-style: none;
  margin: 0 -1em 0 1em;
  padding: 0 1em 0 0.25em;
  border-right: solid 1px #000;
  overflow: hidden;
}

/* --------- END FOOTER --------- */