/* ===== ===== ===== ===== ===== ===== ===== ===== */
/* DPD CSS general */
/* ===== ===== ===== ===== ===== ===== ===== ===== */
  /*             
  . ordering hierarchy,within division:
  . id 
  . element
  . class
  .
  . IDs not qualified by an element are <div> IDs - all others 
  . will be qualified.
  ---------------------------------------------------*/
/* ++ special - page sequencer - turn on for sequential page-checking only */
  #page-sequencer-div,page-sequencer,.page-sequencer a:link,.page-sequencer a:active,.page-sequencer a:hover,.page-sequencer a:visited{
    display:none;/*values=inline,none;*/
    /*float:right;*/
    font-size:larger;
    font-weight:bold;
    margin:0;
    padding:0;                                                               
    }
  #page-sequencer-div li{                                             
  	  list-style-type:none;
  	  display:inline;
  	  padding:0;
  	  margin:0;
    }   
  #page-sequencer-div ul{
    	padding:0;
    	margin:0;	
    }
  .page-sequencer a:link,.page-sequencer a:active,.page-sequencer a:hover,.page-sequencer a:visited{
    background:yellow;
    color:red !important;
    }
/* -------------------------------------------------------------
++ GENERAL 
(applies to all child elements unless preempted by the cascade) 
*/
  /*html{
    border:1px dashed red;
    }*/
  #custom-doc { /*calculated to render page width of 825px*/
    width: 71.15em; 
    *width: 69.39em;
    /*width: 63.38em; 
   *width: 61.81em;*/
    margin:auto;                                                          
    text-align:left;
    min-width:750px;
    }  
  /* ++ elements */
  body,html,blockquote,code,p,pre{
    background:#FFFFFF;
    color:black;
    font:normal normal normal 8.5pt/15pt Verdana,sans-serif;
    padding:0px 5px 5px 5px;
    text-align:left;
    }
  html{
    margin-top:15px;
    }
  ol{
    background:#FFFFFF;
    color:black;
    font:normal normal normal 8.5pt/12pt Verdana,sans-serif;
    padding:0px 5px 5px 5px;
    text-align:left;
    }
  ol li{
    margin-left: 30px !important;
    }
  blockquote p{
    margin-bottom: 0;
    padding-bottom: 0;
    }    
  ul,ul ul,ul ul ul{
    background:#FFFFFF;
    color:black;
    font:normal normal normal 100%/110% Verdana,sans-serif;
    padding:0px 5px 5px 5px;
    text-align:left;
    }
  ul ul{
    list-style-type:circle;/*font-size:inherit <= commented out to stop incremental reduction of size!;*/
    }
  ul ul ul{
    list-style-type:disc;
    }   
  div.example ul, div.example ol{
    background-color: inherit;
    padding-left:0;
    padding-bottom:0;
    margin-left:20px;
    }
  li{                                                     
    font-size:105%;
    }
  /* ++ classes */
  .border-transparent{                                                
    border:1px dashed transparent;
    }                                                                                
  .bold{
    font-weight:bold;
    }
  div.example {    
    border: 1px dashed silver;
    background-color: Honeydew;
    padding: 10px;
    margin-bottom: 10px;
    }
  .image-border-0{
    border:medium none;
    margin:5px 0px;                           
    }
  .image-border-1{
    border:#000000 1px solid;
    float:left;
    margin:5px 40px 15px 20px;
    padding:1px;
    }
  .image-inline{
    display:inline;
    }
  .invisible{
    display:none;
    margin:0pt;
    padding:0pt;
    }
  .no-show-block{
    display:none;
    }
  .show-block{
    display:block;
    }
  .underline{
    text-decoration:underline;
    }
/* -------------------------------------------------------------
++ ***** 0.0::WEBPAGE-DIV ******************************
(applies to all child elements unless preempted by 
the cascade)
*/
  #hd{
    margin-bottom:0px;
    }
  /* ++ elements */
  code{
    background:#DDF2F4 none repeat scroll 0% 50%;
    border:#999999 1px dashed;
    padding:0px 6px;
    }
  dl,dd{
    font-family:sans-serif;
    }
  dt{
    font-family:sans-serif;
    margin:6px 0px;
    }
  h1{
    background:#FFFFFF none repeat scroll 0% 50%;
    color:#000000;
    font:normal normal normal 2.2em/normal Georgia,"Times New Roman",serif;
    margin-top:20px;
    margin-bottom:10px;
    padding:0px 0px 2px;
    text-align:left;
    }
  h2{
    background:transparent none repeat scroll 0% 50%;
    border-bottom:1px dashed;
    color:#892727;
    font:normal normal normal 1.75em/1.2em Verdana,Geneva,Arial,Helvetica,sans-serif;
    margin:0px 0px 15px;
    padding:12px 0px 5px;
    text-align:left;
    }
  h3{
    background:transparent none repeat scroll 0% 50%;
    color:#4682B4;
    font:normal normal bold 1.4em/normal Verdana,Geneva,Arial,Helvetica,sans-serif;
    margin:0px 0px 10px;
    padding:10px 0px 0px;
    text-align:left;
    }
  h4{
    font:normal normal bold 1.2em/normal Verdana,Geneva,Arial,Helvetica,sans-serif;
    margin:15px 0px 10px 0px;
    padding:0px;
    text-align:left;
    }
  li p{
    margin:10px 0px 10px 25px;
    padding:0px;
    text-align:left;
    }
  p{
    margin:0px 0px 10px 0px;/*font-size:85%;*/
    padding:0px;
    text-align:left;            
    font-size:110%;
    }
  q{
    font-style:italic;
    }
  sup{
    font-size:75%;
    vertical-align:50%;
  }
  ul{
    list-style-image:none;/*font-size:85%;*/
    list-style-position:outside;
    list-style-type:square;
    }
  /* ++ classes */
  a:link{
    background:transparent none repeat scroll 0% 50%;
    color:#0000FF;
    text-decoration:none;
    }
  a:visited{
    background:transparent none repeat scroll 0% 50%;
    color:#8B008B;
    text-decoration:none;
    }
  a:hover{
    background:transparent none repeat scroll 0% 50%;
    color:#FF0000;
    text-decoration:none;
    }
  /* ------------------------------------------------------------- 
  ++ ***** 0.1::content-div
  */
  #content-div{
    background:transparent;
    color:black;
    margin:0px;
    padding:0px;
    }
  /* ++ elements */
  /* ++ classes */
  /* ------------------------------------------------------------- 
  ++ ***** 1::SITE-HEADER-DIV ****************************
  */
  #site-header-div{
    background:transparent;/*border:1px dashed blue;*/
    color:black;
    margin:10px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    }
  /* ++ elements */
  /* ++ classes */
  /* ------------------------------------------------------------- 
  ++ ********** 1.1 site-header-main-links-div
  */
  #site-header-main-links-div{
    border:1px dashed transparent;/*height:120px;*/
    margin:0px 0 10px 0;
    }
  /* ++ elements */
  /* ++ classes */
  /* ------------------------------------------------------------- 
  ++ *************** 1.1.1 top-skip-links-div
  */
  #top-skip-links-div{
    background:transparent;/*#ADFF2F"green-yellow"*/
    border:1px dashed red;
    float:right;
    margin:0 0 3px 0;
    padding:0;
    }
  #top-skip-links-div ul.accessibility-show01 li{
    background:transparent;
    border:1px dashed transparent;
    color:#A9A9A9;/*light gray*/
    display:inline;
    font-size:.9em;
    margin:0;
    padding:0;
    }
  #top-skip-links-div ul.accessibility-show01 li a{
    color:#A9A9A9;/*light gray*/
    margin:0;
    padding:0;
    text-decoration:none;
    }
  #top-skip-links-div p{
    background:transparent;
    color:#00000F;
    margin:0;
    padding:0;
    }
  #top-skip-links-div{
    border:1px dashed transparent;
    }
  /* ++ classes */
  #top-skip-links-div ul.accessibility-show01 li a:hover{
    background:transparent;
    color:Red !important;
    }
  #top-skip-links-div ul.accessibility-show01{
    list-style:none;
    margin:0 0 0 0;
    padding:0px 0px 0px 0px;
    }
  /* ------------------------------------------------------------- 
  ++ *************** 1.1.2 site-name-div
  */
  #site-name-div{
    background:transparent;/*#EE82EE "lavender"*/
    color:black;/* #FFFFFF */
    float:none;
    margin:0px;
    padding:0px 0px 0px 0px;/* adjusts the vertical position of name in div */
    text-align:left;
    width:27em;/*height:4em;*/
    }
  /* ++ elements */
  #site-name-div a:link,#site-name-div a:hover,#site-name-div a:visited{
    background:transparent;
    color:Black;
    text-decoration:none;
    }
  /* ++ classes */
  .site-name{
    border:1px dashed transparent;/*Green*/
    float:none;
    font:normal normal normal 280%/1em "Times New Roman",serif;
    margin:0;
    padding:0;
    text-align:left;
    }
  /* ------------------------------------------------------------- 
  ++ ********** 1.2 header-image-div
  */ 
  #header-image-div{
    background:transparent;
    clear:both;
    color:black;
    height:141px;
    margin:0px 0px 1px 0px;
    overflow:hidden;
    text-align:center;
    }
  /* ++ elements */
  /* ++ classes */
  .header-image{
    border-bottom:6px solid black;
    border-top:6px solid black;
    }
  /* ------------------------------------------------------------- 
  ++ *************** 1.3 main-nav-link-strip-div
  */
  #main-nav-link-strip-div{
    background:transparent;
    /*border:1px dashed green;*/
    border-bottom:1px solid #75A2CA;
    color:Black;
    /*height:8em;*/
    float:none;
    text-align:center;
    margin: 5px auto 0px auto;
    overflow:hidden;
    padding:0;
    }
  /* ++ elements */
  a.main-nav-link strong{
    text-decoration:underline !important;
  }  
  /* ++ classes */
  /* ------------------------------------------------------------- 
  ++ *************** page-sequencer-div => see top of file
  */
  /* ++ elements */
  /* ++ classes */
  /* ------------------------------------------------------------- 
  ++ *************** 1.3.1 main-links-div
  */
  #main-links-div{ /*<= start here with main-links container sizing*/
    /*background:yellow;*/
    float:none;
    height:3.75em; /*<= controls height of this main nav links wrapper*/
    margin:0 0 10px 0;
    padding:0;
    text-align:center;
    }
  /* ++ elements */
  #main-links-div ul{
    /*background:pink;*//*#F08080 light coral*/
    border:1px solid white;
    color:Black;
    float:left;
    text-align:center;
    height:2em;
    margin:3px auto 8px auto ; /*top margin allow showing of selection bar*/
    padding:0;
    }
  #main-links-div ul li{
    display:inline;
    font-size:100%;
    line-height: 3em;
    }
  #main-links-div ul li a{
    font:normal normal normal small/1.7em sans-serif;
    margin:5px 0 0 0;
    }
  /* ++ classes */
  #main-links-div ul li a.main-nav-link{
    background:#ABCDAC;/*8FBC8F*/
    border-bottom:1px solid gray;
    border-top:2px solid black;
    font:normal normal normal 140%/normal verdana,geneva,arial,helvetica,sans-serif;
    padding:4px 10px 6px 10px !important;
    }
  #main-links-div ul li a.main-nav-link:link{
    color:#004588;
    }
  #main-links-div ul li a.main-nav-link:hover{
    color:#DC143C;
    }
  #main-links-div ul li a.main-nav-link-select{
    background:transparent;
    border-top:3px solid #B22222;
    font:normal normal bold 125%/normal Verdana,Geneva,Arial,Helvetica,sans-serif !important;/*overflow:hidden;*/
    margin:0 2px 2px 2px !important;
    padding:4px 7px 3px 7px !important;
    }
  /* ------------------------------------------------------------- 
  ++ ***** 2::CONTENT-MODULE-DIV *************************
  */
  #bd{
    background:#FFFFFF;
    border:1px dashed #FFFFFF;
    color:black;
    margin:1px 0 1px 0;
    padding:0px;
    }
  /* ++ elements */
  /* ++ classes */
  /* ------------------------------------------------------------- 
  ++ ********** 2.1 breadcrumbs-div
  */
  #breadcrumbs-div{
    background:transparent;/*#EE82EE violet*/
    /*border-bottom:1px dashed #FFFFFF;
    border-left:1px dashed #FFFFFF;
    border-right:1px dashed #FFFFFF;
    border-top:1px solid #75A2CA;*/
    margin:0;
    padding:0;    
    }
  /* ++ elements */
  #breadcrumbs-div ul{
    background:transparent;/*Aqua*/
    list-style:none;
    margin:0 !important;
    padding:0 !important;
    }
  #breadcrumbs-div ul li{
    display:inline;
    font:normal normal normal 100%/110% sans-serif;
    margin:0px 0px 5px 0px;
    padding:0px 0px 0px 0px;
    }    
  /* ++ classes */
  /* ------------------------------------------------------------- 
  ++ ********** 2.2 col-3-div
  */
  #col-3-div{
    border:1px dashed #FFFFFF;
    display:none;
    float:right;
    margin:10px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    width:300px;/*was 160 originally*/
    }
  /* ++ elements */
  #col-3-div ul{
    list-style-type:square;
    margin:0px 0px 8px;
    padding:0px 8px 0px 28px;
    text-align:left;
    }
  #col-3-div ul li{
    margin:6px 0px 5px;
    padding:0px 0px 0px 5px;
    text-align:left;
    }
  #col-3-div ul ul{
    list-style-type:circle;
    margin:6px 0px 5px;
    padding:0px 0px 0px 15px;
    text-align:left;
    }
  #col-3-div ul ul ul{
    list-style-type:disc;
    }
  /* ++ classes */
  #col-3-div p .col-header{
    background:#F5DEB3;
    border-bottom:1px dashed black;
    border-top:5px solid #2f4f4f;
    color:white;
    font:normal normal 140% "verdana",sans-serif;
    margin-bottom:10px;
    margin-top:0px;
    padding:5px 5px;
    text-align:center;
    }
  .col-3-panel-contents{
    border:1px dashed white;
    margin-bottom:15px;
    }
  /* ------------------------------------------------------------- 
  ++ ********** 2.3 col-1-div => sidebarR
  */
  #sidebarR{
    /*border:1px dashed red;*/
    margin:20px 0px 0px 60px;
    padding:0px 0px 0px 0px;
    }
  #toc{
    /*border:1px dashed green;*/
    margin-bottom:15px;
    }    
  /* ++ elements */
  #sidebarR ul{
    list-style-type:square !important;
    margin:0px 0px 8px !important;
    padding:0px 8px 0px 28px !important;
    text-align:left;
    }
  #sidebarR ul li{
    margin:6px 0px 5px !important;
    padding:0px 0px 0px 5px !important;
    text-align:left;
    font-size:100%;
    }
  #sidebarR ul ul{
    list-style-type:circle !important;
    margin:6px 0px 5px !important;
    padding:0px 0px 0px 15px !important;
    text-align:left;
    }
  #sidebarR ul ul ul{
    list-style-type:disc !important;
    }                                              
  /* ++ classes */
  #toc p.sidebar-header{                
    background:#EAD4B9;/*#CBA9A9;#BC8F8F*/
    border-bottom:1px solid gray;
    border-top:4px solid #005A5B;
    color:black;
    font:normal normal normal 160% Verdana,sans-serif;
    margin-bottom:15px;
    margin-top:0px;
    padding:0px 5px 2px 5px;
    text-align:center;
    }
  #toc.toc{
    border:1px dashed white;
    margin-bottom:15px;
    }    
  /* ------------------------------------------------------------- 
  ++ *************** 2.3.2 search-tool-div
  */
  #search-tool-div{
    margin-top:30px;
    }
  /* ++ elements */
  #search-tool-div form{              
    left:auto !important;
    margin:25px 0px 10px 10px !important;
    right:auto !important;
    }
  /* ++ classes */
  .freefind{
    float:right;
    font:85% arial,helvetica,sans-serif;  
    padding-top:3px;
    }
  .search-form{
    margin:0px;
    padding:0;
    text-align:right;
    }
  /* ------------------------------------------------------------- 
  ++ ********** 2.4 col-2-div
  */   
  #main-content{
    margin-right:20px;
    }
  /* ++ elements */
  #main-content li{
    margin:10px 0px;
    padding:0px;
    line-height: 1.5em;
    }
  #main-content ul{
    border:medium none;
    list-style-image:none;
    list-style-position:outside;
    list-style-type:square;
    margin:10px 0px;
    padding:0px 0px 0px 40px;
    }
  /* ++ classes */
  /* ------------------------------------------------------------- 
  ++ *************** 2.4.1 page-content-div
  */
  /* ++ elements */
  div.design-gallery h2{
    	border: 1px solid black;	
    	color:white;
    	background: gray;
    	padding: 5px 3px 5px 3px;
    	margin: 25px 0 10px 0; 
    }
  div.design-gallery h3{
    	color:black;
    	background:transparent;
    	padding: 15px 3px 5px 8px;	
    	margin-top:10px;
    	margin-bottom:5px;
    }
  div.gallery-container p{
    	color:black;
    	background:transparent;
    	overflow:hidden;
    }
  /* ++ classes */
  p.image-float-left{
    float:left;
    margin:0px 15px 0px 0px;
    }
  p.image-float-right{
    float:right;
    margin:0px 0px 0px 15px;
    }
  p.gallery-item-description{
    	float:right;
    	margin:25px 10px 10px 0;
    	width:150px;
    	/*border:1px dotted black;*/
    	font-size:1em;
    }
  p img.gallery-solid-border {
    	border: 1px solid gray;
    	margin:10px 15px;
    }
  div.gallery-container{
    	color:black;
    	background:#dedddd;/*lt gray*/
    	overflow:hidden;
    }
  p.subtitle{
    background:transparent;
    color:#666699;
    font: italic normal bold 120%/1.5em Verdana,Geneva,Arial,Helvetica,sans-serif;
    }
  /* ------------------------------------------------------------- 
  ++ *************** 2.4.1.1 datestamp-div
  */
  #datestamp-div{
    clear:both;
    margin-top:20px;
    }
  /* ++ elements */
  /* ++ classes */
  p.author-datestamp{
    background:transparent;
    clear:both;
    color:#191970;
    font:normal normal normal 85%/normal sans-serif;
    margin:0pt;
    text-align:left;
    }
  /* ------------------------------------------------------------- 
  ++ ** 3::PAGE-FOOTER-DIV ******************************* 
  */
  #page-footer-div{
    background:#FFFFFF;
    border:1px dashed #FFFFFF;/* white */
    color:black;
    float:none;
    margin:20px 0px 0px 290px;/*margin:25px 0px 0px 0px;*/
    padding:0px;
    }
  /* ++ elements */
  #page-footer-div fieldset{
    background:transparent none repeat scroll 0% 50%;
    color:#ADD8E6;
    margin-left:20px;
    margin-right:20px;
    }
  #page-footer-div legend{
    background:transparent none repeat scroll 0% 50%;
    color:#75A2CA;
    font:normal normal normal 85%/normal sans-serif;
    margin:0px 10px;
    }
  /* ++ classes */
  /* ------------------------------------------------------------- 
  ++ ********** 3.1 footer-links-div
  */
  #footer-links-div{
    margin:40px 0 20px 0;
    }
  /* ++ elements */
  #footer-links-div p{
    font:normal normal normal 1em sans-serif;
    margin:20px 0 0 0;
    text-align:center;
    }
  #footer-links-div ul li{
    display:inline;
    margin:0;
    padding:0;
    }
  #footer-links-div ul{
    list-style:none;/*background:transparent;
    color:Black;*/
    margin:0;
    padding:3px 0 3px 0;
    text-align:center;
    }
  /* ++ classes */
  ul.footer-links{
    background:#ABCDAC;/*#DCDCDC gray*/
    border:#75A2CA 1px solid;/*#DCDCDC - "Gainsboro"*/
    color:#000000;
    font-size:83%;
    margin-bottom:5px;
    margin-top:4px;
    padding:4px 0px;
    }
/* ----- END CSS FILE ----- */