/* ===== ===== ===== ===== ===== ===== ===== ===== */
/* Tom Cloyd MS MA - Psychotherapist 
  http://tomcloyd.com - tc@tomcloyd.com
  http://directpathdesign.tomcloyd.com
  primary site specific CSS - W3C validated 2007.05.29 
  ver. 2008.07.24
  ===== ===== ===== ===== ===== ===== ===== ===== */
  /*
  . 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;/*block-none;*/ 
    font-weight:bold;
    margin:0;
    padding:0;
    }
  #page-sequencer-div{
    float:none;
    }
  #page-sequencer-div ul{
    list-style:none !important;
    width: 10em;
    margin-left:0 !important;
    padding-left:0 !important;
    }
  .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) 
*/
  /* ++ elements */
  body,html,blockquote,code,h2.content-summary-header,p,pre,ul,ol,li{
    background:#FFFFFF;
    color:black;
    font:normal normal normal 85%/140% Verdana,sans-serif;
    padding:0px 5px 5px 5px;
    text-align:left;
    }
  #page-content-div blockquote{
    	margin-left: 15px;
    font-size:85%;
    margin-bottom: 1em !important;
    margin-top:0;
    padding:0;
    }
  #page-content-div blockquote p, #page-content-div blockquote q{
    font-size:135% !important;
    margin-bottom: 0.5em !important;
    margin-top:0 !important;
    padding:0 !important;    
    font-style: italic;
    }    
  ul,ol{
    background:#FFFFFF;
    color:black;
    font:normal normal normal Verdana,sans-serif;/* 90%/140% .9em/1.4em*/
    padding:0px 5px 5px 5px;
    text-align:left;    
    }
  ul ul{
    font-size:1em;
    list-style-type:circle;
    }
  ul ul ul{
    font-size:1em;
    list-style-type:disc;
    }
  /* ++ classes */
  .bold{
    font-weight:bold;
    }
  .center-text{
    text-align:center;
    }
  .image-border-0{
    border:medium none;
    margin:5px 0px;
    }
  .image-border-1{
    border:#000000 1px solid;
    margin:5px 0px;
    padding:1px;
    }
  .image-inline-PDF{
    display:inline !important;
    margin:3px 0 0 1px !important;
    padding:0 1.0em 0 0 !important;
    float:left !important;
    }
  .invisible{
    display:none !important;
    margin:0;
    padding:0;
    }
  .italic{
    font-style:italic;
    }
  .no-show-block{
    display:none !important;;
    }
  .show-block{
    display:block;
    }
  .underline{
    text-decoration:underline;
    }
/* -------------------------------------------------------------
++ ***** 0.0::WEBPAGE-DIV ******************************
(applies to all child elements unless preempted by 
the cascade)
*/
  #webpage-div{
    background:#FFFFFF;/*very dark gray = #3F3F3F */
    border:1px dashed #FFFFFF;/* DARK TEAL = #1F6263 */
    color:black;
    margin:0px 80px 0px 80px;
    padding:0px;
    }
  /* ++ elements */
  code{
    background:#DDF2F4 none repeat scroll 0% 50%;
    border:#999999 1px dashed;
    padding:0px 6px;
    font-size:100%;    
    }
  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.5em/normal "Times New Roman",Times,serif;
    margin:0px 0px 4px;
    padding:0px 0px 2px 0px;
    text-align:left;
    }
  h2{
    background:transparent;
    border-top:1px solid silver;
    color:#8B2E35;
    font:normal normal normal 2.0em/1.4em Verdana,Geneva,Arial,Helvetica,sans-serif;
    margin:32px 0px 15px;
    padding:6px 0px 5px 0px;
    text-align:left;
    }
  h3{
    background:transparent;
    color:#4682B4;
    font:normal normal bold 1.4em/normal Verdana,Geneva,Arial,Helvetica,sans-serif;
    margin:16px 0px 10px;
    padding:6px 0px 0px;
    text-align:left;/*border-bottom:1px dashed silver;*/
    }
  h4{
    color:gray;
    font:italic small-caps bold 1.2em/normal Verdana,Geneva,Arial,Helvetica,sans-serif;
    margin:8px 0px 5px;
    padding:4px 0px 0px;
    text-align:left;/* text-decoration:underline;*/
    }
  li p{
    font-size:1em;
    margin:10px 0px 10px 25px;
    padding:0px;
    text-align:left;
    }
  p{
    margin:0px 0px 10px 0px;
    font-size:115%;
    line-height:150%;
    padding:0px;
    text-align:left;
    }
  q{
    font-style:italic;
    }
  h3 sup{
    font-size:.5em;
    }
  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;
    }
  a.a-link-null-font-1:link,a.a-link-null-font-1:hover,a.a-link-null-font-1:active,a.a-link-null-font-1:visited{
    background:#000000 none repeat scroll 0% 50% !important;
    color:#000000 !important;
    display:none;/*text-decoration:none !important;*/
    }
  /* ------------------------------------------------------------- 
  ++ ***** 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 transparent;/*green*/
    color:black;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    }
  /* ++ elements */
  /* ++ classes */
  /* ------------------------------------------------------------- 
  ++ ********** 1.1 site-header-main-links-div
  */
  /* ++ elements */
  /* ++ classes */
  /* ------------------------------------------------------------- 
  ++ *************** 1.1.1 site-name-div
  */
  #site-name-div{
    background:transparent;
    border:1px dashed #FFFFFF;/* ORANGE */
    color:black;
    float:right;
    margin:0px;
    padding:0px 0px 0px 0px;/* adjusts the vertical position of name in div */
    width:26em;
    }
  /* ++ 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{
    float:right;
    font:normal normal normal 310%/1em "Times New Roman",serif;
    margin:5px 0 1px 0;
    padding:0px 0px 0px 0px;
    }
  .site-name-secondary{
    background:transparent;
    color:#191970;
    float:right;
    font:normal normal normal 150%/1em Verdana,Tahoma,sans-serif;
    margin:0;
    padding:0 0 1px 0;
    }
  /* ------------------------------------------------------------- 
  ++ *************** 1.1.2 main-nav-link-strip-div
  */
  #main-nav-link-strip-div{
    background:transparent;
    border:1px dashed transparent;/*purple*/
    color:Black;
    height:60px;
    margin:0px 0px 0px 0px;
    overflow:hidden;
    padding:0px 0px 0px 0px;
    }
  #main-nav-link-strip-div p,#main-nav-link-strip-div p a{
    line-height:1.2em;
    margin:8px 0 0px 0;
    padding:0px 0px 0px 0px;
    }
  /* ++ classes */
  /* ------------------------------------------------------------- 
  ++ *************** 1.1.2.1 top-skip-links-div
  */
  #top-skip-links-div{
    background:transparent;
    border:1px dashed transparent;
    margin:3px 0 18px 0;
    padding:0;
    }
  #top-skip-links-div ul.accessibility-show01 li{
    background:transparent;
    color:#A9A9A9;/*light gray*/
    display:inline;
    font-size:.9em;
    margin:0;
    padding:0;
    }
  #top-skip-links-div ul.accessibility-show01 li a{
    background:transparent;
    color:#A9A9A9;/*light gray*/
    margin:0;
    padding:0;
    text-decoration:none;
    }
  #top-skip-links-div p{
    background:#00000F;/*dark navy*/
    color:#00000F;
    margin:0;
    padding:0;
    }
  /* ++ 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;/*dark navy*/
    margin:0 0 0 0;
    padding:0px 0px 0px 0px;
    }
  /* ------------------------------------------------------------- 
  ++ *************** 1.1.2.2 main-links-div
  */
  #main-links-div{
    margin:10px 0 0 0;
    }
  /* ++ elements */
  #main-links-div ul{
    background:transparent;/*#F08080 light coral*/
    /*border:1px dashed red;*/
    color:Black;
    margin:0px 1px 0px 0px;
    padding:0;
    }
  #main-links-div ul li{
    /*border:1px dashed green;*/
    display:inline;
    margin:0;
    padding:0;    
    font-size:145%;    
    }
    
  /* ++ classes */
  #main-links-div ul li a.select{
    border-top:2px solid Black;
    font:normal small-caps bold 115%/normal Verdana,Geneva,Arial,Helvetica,sans-serif;/*overflow:hidden;*/
    margin:0 0 0 0;
    padding:0 0 0 0;
    }
  
  /* ------------------------------------------------------------- 
  ++ ********** 1.2 header-image-div
  */ 
  #header-image-div{
    background:#FFFFFF;
    border:1px solid transparent;/*Orange*/
    color:black;
    height:180px;
    margin:15px 0px 10px 0px;
    padding:0;
    overflow:hidden;
    text-align:center;
    }
  /* ++ elements */
  #header-image-div img{
    border:1px solid Black;
    padding:1px;
    }
  /* ++ classes */
/* ------------------------------------------------------------- 
++ ***** 2::CONTENT-MODULE-DIV *************************
*/
  #content-module-div{
    background:#FFFFFF;
    border:1px dashed #FFFFFF;
    color:black;
    margin:0px;
    padding:0px;
    }          
  /* ++ elements */  
  /* ++ classes */       
  
  /* ------------------------------------------------------------- 
  ++ ********** 2.1 breadcrumbs-module-div
  */
  #breadcrumbs-module-div{
    background:transparent;/*#DCDCDC gray*/
    border-bottom:1px solid #75A2CA;
    border-left:1px dashed #FFFFFF;
    border-right:1px dashed #FFFFFF;
    border-top:1px dashed #FFFFFF;
    color:black;
    margin:0 0 15px 0;
    padding:0 0 0px 0;
    }
    
  /* ++ elements */
  #breadcrumbs-module-div ul{
    font-family: Arial, sans-serif;
    list-style:none;
    margin:0px 0px 12px 0px;
    padding:0px 0px 0px 0px;    
    }
  #breadcrumbs-module-div ul li{
    display:inline;
    }
  
  /* ++ classes */  
  /* ------------------------------------------------------------- 
  ++ *************** 2.1.1 breadcrumb-links
  */
  #breadcrumbs-div{
    margin:0;
    padding:0;
    float: left;
    display: inline;
    }         
    
  /* ++ elements */
  #breadcrumbs-div ul{
    background:transparent;/*"#FFDAB9 peach puff"*/
    color:Black;
    font-size:100%;/*setting font size anywhere else seems not to work; see also #main-links-submenu-div ul, below*/
    }    
  #breadcrumbs-div ul li{
    	padding-left:0;
    	margin-left:0;
    }
  /* ++ classes */
  /* ------------------------------------------------------------- 
  ++ *************** 2.1.2 main-links-submenu-div
  */
  
  #main-links-submenu-div ul{
    text-align:left;
    font-size:100%;/*setting font size anywhere else seems not to work; see also #breadcrumbs-div ul, above*/
    }
  /* ++ classes */
    #main-links-submenu-div ul li{
    margin:0px 0px 15px 0px;/*bottom must be =>11 else sidebarR div moves out of place*/
    padding:0px 0px 0px 0px;
    }
  /* ------------------------------------------------------------- 
  ++ ********** 2.2 sidebarR-div
  */
  /* ++ elements */
  #sidebarR.yui-b ul{    
    margin:0px 0px 0px 25px;
    padding:0px 0px 0px 0px;
    text-align:left;
    }
  #sidebarR.yui-b ul li{
    list-style-type:square;
    border:none;
    margin:6px 0px 5px;
    padding:0px 0px 0px 5px;
    text-align:left;    
    font-weight:normal;
    }
  #sidebarR ul ul{
    list-style-type:circle;
    margin:6px 0px 5px;
    padding:0px 0px 0px 15px;
    text-align:left;
    }
  #sidebarR ul ul ul{
    list-style-type:disc;
    }
  /* ++ classes */
  #sidebarR p.col-header{
    background:#DCDCDC;/*#DCDCDC - "Gainsboro"*/
    border:1px solid silver;
    font:normal 140% "Verdana",sans-serif;
    margin-bottom:17px;
    margin-top:0px;
    padding:5px 5px;
    }
  #sidebarR.panel-contents{
    border:1px dashed transparent;
    margin-bottom:15px;
    }
  #sidebarR.yui-b ul li{    
    font-size:115%;
    }
  #sidebarR.yui-b ul ul li{    
    font-size:115%;
    }  /*needed to prevent font size degradation*/  
  #sidebarR.yui-b #utility-links-div{
    background:transparent;/*"#98FB98 pale green"*/
    color:Black;
    float:none;
    margin:0.5em 0 15px 0px;
    padding:0 0 0 0;
    text-align: center;
    }
  /* ++ elements */
  #sidebarR.yui-b #utility-links-div ul{
    display: inline;
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    background:transparent;/*"#7FFFD4 aquamarine"*/
    color:Black;
    margin:0;
    padding:0;
    /*overflow:hidden; <= no effect*/
    }
  #sidebarR.yui-b #utility-links-div ul li{
    display: inline;
    font-size:100%;
    margin: 0;
    padding: 0;
    /*overflow:hidden; <= no effect*/
    }
  /* ------------------------------------------------------------- 
  ++ *************** page-sequencer-div => see top of file
  */
    /* ++ elements */
    /* ++ classes */
  
  /* ------------------------------------------------------------- 
  ++ *************** 2.2.1 utility-links
  */
    /* ++ elements */
    /* ++ classes */
  /* ------------------------------------------------------------- 
  ++ *************** 2.2.2 page-contents-div
  */
    /* ++ elements */
    /* ++ classes */
  /* ------------------------------------------------------------- 
  ++ *************** 2.2.3 whats-new-div
  */
  #whats-new-div{
    margin-top:40px;}
    /* ++ elements */
    /* ++ classes */
  /* ------------------------------------------------------------- 
  ++ *************** 2.2.4 search-tool-div
  */
  #search-tool-div{
    margin-top:40px;}
  /* ++ elements */
  #search-tool-div form{
    margin-top:15px !important;
    }
  /* ++ classes */
  .freefind{
    float:right;
    font:85% arial,helvetica,sans-serif;
    padding-top:3px;
    }
  .search-form{
    margin:0px;
    padding:0;
    text-align:right;
    }
  /* ------------------------------------------------------------- 
  ++ *************** 2.2.5 translation-div
  */
  #translation-div{
    margin:30px auto 0 auto;
    width:44%;/*border-top:1px solid silver;*/
    }
  /* ++ elements */
  #translation-div p{
    margin:70px auto 0 50px;
    }
  /* ++ classes */
  /* ------------------------------------------------------------- 
  ++ ********** 2.4 col-2-div
  */

  /* ++ elements */

  #yui-main ol{
    background:#FFFFFF;
    color:black;
    font-size:135%; /*needed to prevent font size degradation*/    
    line-height:15px;    
    list-style-position:inside;
    padding:0 0 0 20px;
    }
  #yui-main ul{
    background:#FFFFFF;
    color:black;
    font-size:100%; /*needed to prevent font size degradation*/    
    line-height:15px;
    border:medium none;
    list-style-image:none;
    list-style-position:outside;
    list-style-type:square;
    margin:0px 0px 5px 0px;
    padding:0px 0px 0px 40px;
    }
  #yui-main ul li, #yui-main ul ul li{
    font-size:115%;
    line-height:170%;
    margin:7px 0px 0px 0px;
    padding:0px;
    }        
  /* ++ classes */
  #yui-main p img.license{
    margin:7px 1em 0 0;
    padding:0;
    float:left;
    }
  /* ------------------------------------------------------------- 
  ++ *************** 2.4.1 page-content-div
  */
  /* ++ elements */
  #yui-main a:link,#yui-main a:hover,#yui-main a:visited{
    border-bottom:1px dotted purple !important;
    }
  #yui-main p.image-float-left img{    
    margin:5px 0 0px 45px;
    border:1px solid black;
  }
  #yui-main table, table td{
    border:1px solid black;
    margin:0;
    }
  #yui-main table caption{
    margin-bottom:10px;
    margin-top:20px;
    }
  #yui-main table td{
    padding:3px 5px 0px 5px;                                   
    }
  /* ++ classes */  
  #main-content h2.home_page{
    background: #DCDCDC;
    border-top: 3px solid gray;
    padding: 5px 5px 5px 10px;
    font-size: 1.5em;
    }
  div.newsletter-edition h2{
    background:transparent;
    border-top:1px dashed black;
    color:Black;
    font:normal normal bold 1.4em/1.2em Verdana,Geneva,Arial,Helvetica,sans-serif;
    margin:22px 0px 8px;
    padding:6px 0px 5px 0px;
    }
  h2.content-summary-header{
    border-top:1px solid silver;
    margin-top: 2em;
    margin-bottom:0.5em;
    padding: 0.5em 0 0 0;
    font-weight: bold;
    font-size: 100%;
    }
  p.content-summary{
    font-style: italic;
    }
  p.example, span.example{
    font-style: italic;
    color:green;
    }
  p.image-float-left{
    float:left;
    margin:5px 15px 0px 0px !important;
    padding:0 !important;
    line-height:100%;
    font-size:100%;
    /*background:pink;*/
    }
  p.image-float-left img.image-border-1{
    margin: 0 !important;
    }
  p.image-float-right{
    float:right;
    margin:0px 0px 0px 15px;
    }
  p.pg1-a{
    font-size: 160%;
    font-weight: bold;
    line-height: 125%;
    margin-left:230px;     
    }
  p.pg1-b{
    font-size: 120%;
    font-weight: normal;
    line-height: 200%;         
    margin-top:30px;
    margin-left:45px;
    }
  p.subtitle{
    background:transparent;
    color:#666699;
    font:normal normal bold 115%/150% Verdana,Geneva,Arial,Helvetica,sans-serif;
    }
  p.toplink{
    text-align: right;
    padding-bottom:0px;
    	margin-bottom:0px;	
    	font-size:.8em;
    }
  /* ------------------------------------------------------------- 
  ++ *************** 2.4.1.b newsletter-div
  */
  /* ++ elements */
  #newsletter-div h2,#newsletter-div h3,#newsletter-div p{
    background:#F0F8FF;
    border:none;
    color:Black;
    font:normal 1em/1em monospace;
    margin-bottom:0;
    margin-top:0;
    padding-bottom:0;
    padding-top:0;
    }
  #newsletter-div pre{
    background:#F0F8FF;
    font-family:monospace;
    margin:0;
    padding:0;
    width:100%;
    }
  /* ++ classes */
  /* ------------------------------------------------------------- 
  ++ *************** 2.4.1.1 datestamp-div
  */
  #datestamp-div{
    margin-top:20px;
    }
  /* ++ elements */
  /* ++ classes */
  p.author-datestamp{
    background:transparent;
    color:#191970;
    font:normal normal normal 85%/normal sans-serif;
    margin:0px;
    text-align:right;
    }
  /* ------------------------------------------------------------- 
  ++ *************** 2.4.2 print-page div
  */
  /* ++ elements */
  /* ++ classes */
/* ------------------------------------------------------------- 
++ ***** 3::PAGE-FOOTER-DIV ******************************* 
*/
  #page-footer-div{
    background:#FFFFFF;
    border:1px dashed #FFFFFF;/* white */
    color:black;
    float:none;
    margin:20px 320px 0px 0px;/*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 copyright-div
  */
  #copyright-div{
    clear:both;
    padding:20px 0 0px 0;
    }
  /* ++ elements */
  #copyright-div p{
    font:normal normal normal 1em sans-serif;
    margin:30px 0 20px 0;
    text-align:center;
    }
  #copyright-div ul{
    background:#DCDCDC;/*gray*/
    color:Black;    
    list-style:none;
    margin:0;
    padding:3px 0 3px 0;
    text-align:center;
    }
  #copyright-div ul li{
    display:inline;
    background:#DCDCDC;/*gray*/
    color:Black;    
    margin:0;
    padding:0;
    }    
  /* ++ classes */
  .copyright-notice{
    border:#75A2CA 1px solid;/*#DCDCDC - "Gainsboro"*/
    font-size:100%;
    margin-bottom:5px;
    margin-top:4px;
    padding:4px 0px;
    }
  /* ------------------------------------------------------------- 
  ++ ********** 3.2 Direct Path button container
  */
  #DPD-button-container-div{
    left:auto;/*border:1px dashed green;*/
    margin:10px auto 50px auto;/*centers the button*/
    padding:0;
    position:relative;/*right:50%;*/
    right:auto;
    text-align:center;
    width:250px;
    }
  #DPD-button-div{
    background:#006768 !important;/*#3F3F3F;#006699;*/
    border:1px solid Black;/*button border*/
    color:black;/*pre-empted by local link selector*/
    float:none;
    font:normal small-caps normal .9em  Verdana,sans-serif;/*height:20px;*/
    margin:0 auto 0 auto;
    padding:0px;
    text-align:center;
    width:166px;/*button width*/
    }
  /* ++ elements */
  #DPD-button-div p{
    background:transparent;
    font-size:1em;
    line-height:1.2em;
    margin:0px;/*border:1px;*/
    overflow:hidden;/*forces mysterious 2px underline in Firefox to disappear*/
    padding:0px 1px 2px 1px;/*size of area around text*/
    text-align:center;
    }
  #DPD-button-div p a{
    background:transparent;
    border:none;
    color:#6CFDFF !important;/*button font*/
    padding-bottom:3px;/*forces mysterious 2px underline in Firefox to disappear*/
    text-decoration:none !important;
    }
  /* ++ classes */
  #DPD-button-div a:hover{
    background:transparent;
    color:#FEFF48 !important;
    text-decoration:none;
    }
/* ------------------------------------------------------------- 
++ **********{div name}
*/
  /* ++ elements */
  /* ++ classes */
/* ----- END CSS FILE ----- */
