/* ===== ===== ===== ===== ===== ===== ===== ===== */
/* ABetterWayCounseling.com - CSS general */
/* author:Tom Cloyd MS MA tomcloyd@comcast.net */
/* ===== ===== ===== ===== ===== ===== ===== ===== */
/* 
This file is divided into sections which match the divisions of
the XHTML source for a page - e.g. " 0.1::content-div" will be 
found both here and in the page source. Formatting used in the page
at that point SHOULD be found here in the corresponding section.
However,the content columns are HERE in the correct order,
whereas in the XHTML the order cannot be 1-2-3,due to the rules
governing placement of floated elements. They *must* be in the order
which makes sense to the browser,so that it can build the screen 
page correctly.
.
Locate sections both in this file and in page source by searching 
for "++*" using a text editor which can aggregate all instances where
a string is found and report them in a list - like jEdit (free) or
TopStyle Pro (not). Such an editor is incredibly useful.
.
Due to the flawed MS IE6 box model implementation,it is necessary
not to use the padding attributes much of the time. When padding is 
required,I often use margin only instead,or wrap the element in a 
div and add margin to that,inside of a container div - depending on circumstance.
.
"border" attributes may appear below in what might seem strange places -
borders which cannot be seen in the page. This is to control the
nefarious collapsing margins problem (when two collide,the larger
wins) - often a good thing,but not always.
.
Commented-out backgrounds attributes are for locating block boundaries 
during testing and bug squashing. Very handy!
.
===== ===== ===== ===== ===== ===== ===== ===== ===== ===== */
/*
. 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{
display:none;/*set to "inline" to turn on,"none" to turn off*/
float:right;
}
.page-sequencer,.page-sequencer a:link,.page-sequencer a:active,.page-sequencer a:hover,.page-sequencer a:visited{
background:yellow;
color:red !important;
font-size:100%  !important;
font-weight:bold !important;
}
/* --------------------------------------------------------
++ ***** GENERAL 
(applies to all child elements unless preempted by the cascade) 
*/
/* (no IDs) */
/* ++ elements */
body{
background:#00000F;/*dark navy*/
color:White;
font:normal normal normal .8em Verdana,Geneva,Arial,Helvetica,sans-serif;
margin:0;
text-align:left;
}
h1{
background:transparent;/*border:1px;*/
color:#000000;
font:normal normal normal 2.4em/normal "Times New Roman",Times,serif;
margin:25px 10px 0px 10px;
padding:0;
text-align:left;
}
h2{
background:transparent;/*border:1px;*/
color:#000000;
font:normal normal normal 1.7em/1.2em Verdana,Geneva,Arial,Helvetica,sans-serif;
margin:20px 10px 0px 10px;
padding:0;
text-align:left;
}
h3{
background:transparent;/*border:1px;*/
color:#000000;
font:italic normal normal 1.4em/normal Verdana,Geneva,Arial,Helvetica,sans-serif;
margin:20px 10px 0px 10px;
padding:0;
text-align:left;
}
h4{
background:transparent;/*border:1px;*/
color:#000000;
font:normal small-caps bold 1.2em/normal Verdana,Geneva,Arial,Helvetica,sans-serif;
margin:15px 10px 0px 10px;
padding:0;
text-align:left;
}
h5{
background:transparent;/*border:1px dashed transparent;*/
color:#000000;
font:normal normal bold 1em/normal Verdana,Geneva,Arial,Helvetica,sans-serif;
margin:15px 10px 0px 10px;
padding:0;
text-align:left;
}
p{
margin:15px 10px 20px 10px;
padding:0px 0px 0px 0px;/*border:1px dashed transparent;*/
}
ul{
line-height:1.3em;/*border:1px dashed red;*/
}
ul ul li{
margin:0;/*background:#F08080;*/
padding:0;
}
/* ++ classes */
a:link{
background:transparent;/*border:1px dashed green;*/
color:#0066CC;/*blue*/
text-decoration:none;
}
a:visited{
background:transparent;
color:#8B008B;
font-weight:bold;
text-decoration:none;
}
a:hover{
background:transparent;
color:#CC0033;
text-decoration:underline;
}
.centered{
text-align:center !important;
}
p.coupon-centered{
border:1px solid black;
font-weight:bold;
margin-left:auto;
margin-right:auto;
padding:15px;
text-align:center;
width:33%;
}
span.dropcap1{
display:inline;
float:left;
font-size:4em;
font-weight:normal;
margin-bottom:-10px;
margin-right:5px;
margin-top:-10px;
}
.image-centered{
margin:0 auto 0 auto;
text-align:center;
}
.image-float-left{
border:1px solid black;
float:left;
margin:0px 10px 10px 5px;
padding:0;
}
.image-float-right{
float:right;
margin:20px 10px 10px 10px;
padding:0px;
}
.invisible{
display:none !important;
}
.lines-close-together{
line-height:.2em !important;
}
.no-show-block{
display:none;
}
.show-block{
display:block;
}
.underline{
text-decoration:underline;
}
/* --------------------------------------------------------
++ ***** 0.0::WEBPAGE-DIV 
*/
#webpage-div{
background:transparent;/*very dark gray - leave this NOT-black so can see placement errors better*/
color:Black;/* DARK TEAL = #1F6263 */
margin:0px 8%;/*<= THIS determines width of page*/
padding:0 0 30px 0;
}
/* --------------------------------------------------------
++ ********** 0.1::content-div
*/
#content-div{
background:#00000F;/*dark navy*/
color:Black;
margin:0px;
padding:0;/*border:1px;*/
}
#top-skip-links-div{
background:#00000F;/*dark navy*/
}
/* ++ elements */
#top-skip-links-div ul.accessibility-show01 li{
background:transparent;
color:gray;
display:inline;
font-size:.8em;
margin:0;
padding:0;
}
#top-skip-links-div ul.accessibility-show01 li a{
background:transparent;
color:gray !important;
display:inline;
font-size:.9em;
margin:0;
padding:0;
text-decoration:none;
}
#top-skip-links-div p{
background:#00000F;/*dark navy*/
color:#00000F;
float:right;
margin:0;
padding:0 0 0 5px;
}
/* ++ classes */
#top-skip-links-div ul.accessibility-show01 li a:hover{
background:transparent;
color:White!important;
text-decoration:underline;
}
#top-skip-links-div ul.accessibility-show01{
border:1px dashed #00000F;/*dark navy*/
list-style:none;
margin:0;
padding:0px 0px 0px 0px;
}
/* --------------------------------------------------------
++ ***** 1::SITE-HEADER-DIV
*/
#site-header-div{
background:#00000F;/*dark navy*/
border-bottom:none;
border-left:1px solid black;
border-right:1px solid black;
border-top:1px solid black;
color:Black;/*border:1px;*/
margin:0;/*height:140px;*/
padding:0;
}
#site-header-content-div{
border:none;/*border:1px dashed green;*/
height:130px;
margin:0;
padding:0;
}
#header-image-div{
float:left;
height:121px;
margin:0;
overflow:hidden;
padding:0;/*border:1px dashed orange;*/
width:72%;/*600px;*/
}
#site-name-div{
border-top:1px solid gray;/*border:1px;*/
float:right;
height:100%;
margin:0;
overflow:hidden;
padding:0;
text-align:right;
width:27%;/*235px;*/
}
#site-name-top{
font-size:1em;
}
/* ++ elements */
#site-name-div h1{
background:transparent;
color:#FFFF99;
display:block;
font:normal normal normal 2.5em Tahoma,serif;
margin:6px 0px 0px 0px;
padding:0px 0px 0px 0px;/*border:1px;*/
}
#site-name-div h2{
background:transparent;
color:white;
display:block;
font:normal normal normal 1.2em Tahoma,serif;/*border:1px;*/
margin:12px 0px 0px 0px;
padding:0;
text-align:right;
}
#header-image-div p{
margin:0;
padding:0;
}
#header-image-div p img{
border:none;
margin:0px;
padding:0px;/*leave 0*/
}
/* ++ classes */
.site-name-bottom{
background:white;
color:Silver !important;
font-size:1.8em !important;
font-style:normal !important;
line-height:1em !important;

}
/* --------------------------------------------------------
++ ***** 2::CONTENT-MODULE-DIV 
*/
#content-module-div{
background:#00000F;/*dark navy*/
border:1px dashed black;/*absolutely necessary!*/
color:gray;
margin:0px;
padding:0px;
}
#breadcrumbs-div{
background:#666666;
border-bottom:1px solid #666666;
border-left:1px solid #666666;
border-right:1px solid #666666;
border-top:3px solid #E6C400;
clear:both;
color:white;
margin:0px 0px 9px 0px;
padding:0px 0px 0px 0px;
}
/* ++ elements */
#breadcrumbs-div p{
font-size:.75em;
line-height:1.15em;
margin:5px 5px 5px 5px;
}
/* ++ classes */
#breadcrumbs-div p a:link,#breadcrumbs-div p a:visited{
background:transparent;
color:#66CCFF;
font-weight: normal;
}
.site-print-links{
float:right;
}
/* -----  ++ ********** col-1-div */
#col-1-div{
background:transparent;/*border:1px dashed #FF4500;*/
color:black;/*display:block;*/
float:left;/*height:400px;*/
width:170px;
}
#col-1-content-div{
background:transparent;
padding:0px;/*border:1px dashed #40E0D0;*/
}
#pagecontents-col-1-div{
margin-top:10px;
}
/* ++ classes */
/* ul class selectors for main menu are found in menus01.css */
/* -----  ++ ********** col-2-div */
#col-2-div{
background:#FFF0FF;/*very light pink*/
border:1px solid white;/*border-top:1px solid white;
border-right:1px solid white;
border-bottom:none;
border-left:1px solid white;*/
color:black;
float:none;/*margin:0px 0px 10px 180px;use if one fat col. R*/
margin:0px 0px 10px 180px;/*margin:0px 170px 10px 180px;use if one center and one R col. (+ L col)*/
padding:0px;
}
#col-2-content-div{
border-bottom:1px solid #CC3366;
border-left:2px solid #CC3366;/*burgundy*/
border-right:2px solid #CC3366;
border-top:1px solid #CC3366;
margin:0;
padding:0;/*border:1px dashed yellow;*/
}
#col-2-content-container-div{
margin:10px;/*border:1px;*/
padding:0;
}
#col-2-footer-div{
background:silver;
border-top:1px dotted #3F3F3F;/*border:1px;*/
color:Black;
height:23px;
margin:20px 0px 0px 0px;
padding:0;
}
#print-page-div{
margin:20px 10px 10px 10px;/*clear:both;*/
padding:0;
}
#two-chairs{
margin:20px auto 0 auto;
}
/* ++ elements */
#col-2-content-div a:link{
font-weight:bold;/*border:1px dashed red;*/
}
#col-2-content-container-div div{
margin:10px 0;/*border:1px dashed black;*/
padding:10px 0;
width:99%;/*This width forces multiple divs to be too wide to lie side by side and wide enough to fill the available space. */
}
.tributes img{
border:1px solid black;
float:left;
margin:10px 20px 10px 0;
}
#col-2-footer-div ul li{
display:inline;
font:normal normal normal .8em/2em Verdana,sans-serif;
margin:0;
padding:0;
}
#col-2-content-container-div div p{
float:left;/*This is the "float to contain a float" trick Eric Meyer talks about in his "Containing Floats" article at www.complexspiral.com*/
margin:10px 0 10px 0;/*border:1px;*/
}
#col-2-footer-div ul{
list-style:none;
margin:0;
padding:0;/*border:1px;*/
text-align:center;
}
/* ++ classes */
#col-2-content-div h1.content-title{
background:transparent;
color:#336666;/*border:1px dashed black;*/
font-weight:bold;
margin-top:10px;
}
#col-2-content-div h1.content-title-centered{
background:transparent;
color:#336666;/*border:1px dashed black;*/
font-weight:bold;
margin-top:10px;
text-align:center;
}
#col-2-content-div h2.subtitle{
font:italic small-caps bold 1.3em Verdana,sans-serif;/*border:1px dashed black;*/
margin:15px 10px 5px;
padding:0;
}
/* -----  ++ ********** col-3-div */
#col-3-div{
background:black;/*#FFE5FF;*/
border-bottom:1px solid black;
border-left:1px solid black;
border-right:1px solid black;
border-top:none;
color:black;/*blue*/
float:right;/*height:400px;*/
margin:0;
padding:0;
width:170px;/*width:300px;use if only one fat col. R*/
}
#col-3-content-div{
font-size:.95em;
margin:0;
padding:0;
}
/* ++ elements */
#col-3-content-div p{
margin:6px 10px 10px 10px;
}
#col-3-content-div a{
font-weight:bold;
}
#col-3-content-div ul{
margin:10px 3px 10px 23px;
padding:0px;
}
#col-3-content-div ul ul{
margin:0 0 0 15px;
padding:0px;
}
#col-3-content-div ul ul ul{
margin:0 0 0 15px;
padding:0px;
}
#col-3-content-div ul li{
margin:8px 0 0 0;
padding:0;
}
/* ++ classes */
#col-3-content-div div.special-focus-item{
background:#FFF0FF;/*light pink*/
border-bottom:1px solid black;
border-top:none;
}
#col-3-content-div h2.special-focus{
background:#666666;/*#334C66;a dark teal*/
border-top:2px solid #FFD700;
color:#FFFF99;
font:normal normal bold 1.2em/2em Tahoma,serif;
margin:0px 0px 5px 0px;
padding:0;
text-align:center;
}
/* --------------------------------------------------------
++ ***** 3::SITE-FOOTER-DIV 
*/ 
#copyright-div{
margin-bottom:5px;/*border:1px solid black;*/
}
#site-footer-div{
height:5em;/*border:1px;*/
margin:0px 0px 0px 179px;/*margin:0px 169px 0px 179px;*/
padding:0;/*margin-top:25px;*/
}
#site-footer-content-div{
height:4.5em;
margin:0 auto 0 auto;/*border:1px dashed white;*/
padding:0px 0px 0px 0px;
}
#site-footer-nav-links-div{
font-size:.8em;/*border:1px dashed green;*/
text-align:center;
}
#standards-links-div{
background:transparent;/*border:1px dashed orange;*/
color:Black;
float:none;
font:normal small-caps normal .7em/.7em Verdana,sans-serif;
margin:0;
padding:0;
}
div#DPD-button-container{
left:auto;/*border:1px dashed green;*/
margin:15px auto 30px auto;
padding:0;/*centers the button*/
position:relative;/*right:50%;*/
right:auto;
text-align:center;
width:250px;
}
div#DPD-button{
background:#3F3F3F;/*#006699;*/
border:1px solid #6D6D6D;/*button border*/
color:black;
float:none;
font:normal small-caps normal .8em/.8em Verdana,sans-serif;/*height:20px;*/
margin:0 auto 0 auto;
padding:0px;
text-align:center;
width:166px;/*button width*/
}
ul#standards-links{
background:transparent;
color:#FFD700;
list-style:none;
margin:0;
padding:0;
}
/* ++ elements */ 
#site-footer-nav-links-div  p{
background:transparent;
color:#FFD700;
margin:0;
padding:0;
}
#copyright-div p{
font:normal normal normal .9em Arial,sans-serif;/*color:#FEFF13;*/
margin:0;
padding:0px 0px 3px 0px;
text-align:center;
}
div#DPD-button p{
font-size:1.1em;
line-height:1.1em;
margin:0px;/*border:1px;*/
padding:0px 1px 2px 1px;/*size of area around text*/
}
div#DPD-button a:hover p{
border:2px solid white;
text-decoration:none;
}
ul#standards-links li{
display:inline;
margin:0;
padding:0;
}
/* ++ classes */
div#DPD-button a:link,div#DPD-button a:visited{
background:transparent;
color:#B16C90 !important;/*button font*/
text-decoration:none;
}
div#DPD-button a:hover{
background:transparent;
color:white !important;
text-decoration:underline;
}
ul#standards-links li a:hover{
background:transparent;
color:#FFA4FF !important;/* pink */
text-decoration:underline !important;
}
ul#standards-links li a:link,ul#standards-links li a:visited{
background:transparent;
color:#00A0C6;/*a light teal*/
text-decoration:none;
}
.copyright{
background:transparent;/*border:1px;*/
color:#FFD700;
}
/* ----- END CSS FILE ----- */