/* Color Palette */
.nero1            { color: #1f1b21; /* nero */ }
.pariswhite       { color: #c1c9bf; /* paris white */ }
.brownderby       { color: #544537; /* brown derby */ }
.eclipse          { color: #3e3e3a; /* eclipse */ }
.quillgrey        { color: #c6c8c2; /* quill grey */ }
.metallicbronze   { color: #56493b; /* metallic bronze */ }
.nero2            { color: #261f26; /* nero */ }
.treehouse1       { color: #39332f; /* treehouse */ }
.treehouse2       { color: #3f342d; /* treehouse */ }
.greysuit         { color: #949699; /* grey suit */ }
.mondo            { color: #554b46; /* mondo */ }
.olivehaze        { color: #8c7a62; /* olive haze */ }
.bluebark         { color: #19172b; /* blue bark */ }
.donjuan          { color: #5a5053; /* don juan */ }
.blackrussian     { color: #212030; /* black russian */ }

/* Common Classes */
.clear { clear: both; }
.floatLeft { float: left; }
.floatRight { float: right; }
.textLeft { text-align: left; }
.textRight { text-align: right; }
.textCenter { text-align: center; }
.textJustify { text-align: justify; }
.blockCenter { display: block; margin-left: auto; margin-right: auto; } /* remember to set width */
.bold { font-weight: bold; }
.italic { font-style: italic; }
.underline { text-decoration: underline; }
.noindent { margin-left: 0px; padding-left: 0px; }
.nomargin { margin: 0px; }
.nopadding { padding: 0px; }
.nobullet { list-style: none; list-style-image: none; }

/* Global Defaults */
html, body {
  margin: 0px;
  padding: 0px;
  border: 0px;
}
body {
  font: 1em/1.25 Arial, Helvetica, sans-serif;
}

/* Headlines */
h1, h2, h3, h4, h5, h6 {
  margin: 0px;
  padding: 0px;
  font-weight: normal;
  font-family: Arial, Helvetica, sans-serif;
  text-decoration: none;
}

/* Text Styles */
p, th, td, li, dd, dt, ul, ol, blockquote, q, acronym, abbr, a, input, select, textarea {
  margin: 0px;
  padding: 0px;
  font: normal normal normal 1em/1.25 Arial, Helvetica, sans-serif;
  text-decoration: none;
}
blockquote {
  margin: 1.25em;
  padding: 1.25em;
}
q {
  font-style: italic;
}
acronym, abbr {
  cursor: help;
  border-bottom: 1px dashed;
}
small {
  font-size:.85em;
}
big {
  font-size:1.2em;
}

/* Links and Images */
a, a:link, a:visited, a:active, a:hover {
  text-decoration: none;
}
img {
  border: none;
}

/* Tables */
table {
  margin: 0px;
  padding: 0px;
  border: 0px;
}

/* Forms */
form {
  margin: 0px;
  padding: 0px;
  display: inline;
}
label {
cursor: pointer;
}

/* Local Style Customizations */

/* ID Styles for Text Content */
#container {
  /* WHAT IT IS: container is entire page body, allowing margins to be fixed and content to vary in width and height */
  display: block;
  background-color: #c6c8c2;   /* #c6c8c2 - quill grey */
  /* background-color: red;  set this way to see if it is bleeding through anywhere */
  position: absolute;
  left: 54px;
  right: 54px;
  top: 44px;
  bottom: 44px;
  height: auto;
  min-height: 660px;
  min-width: 910px;
  border-style: outset;
  border-width: 4px;
  padding: 0px;
}
#headernav {
  /* WHAT IT IS: headernav is upper horizontal nav bar w/padded left-justified buttons- min width=800 height w/border=30 */
  background-color: #c1c9bf;   /* #c1c9bf - paris white */
  position: absolute;
  left: 0px;
  top: 0px;
  width : 100%;
  min-width: 600px;
  height : 28px;
  margin : 0px 0px 0px 0px;
  border-bottom : 2px solid #949699;  /* #949699 - grey suit */ 
}
#headernav ul {
  float: left;
  clear: both;
  width: auto;
  padding: 0px 0px 0px 160px;
  margin: 0px;
  list-style-type: none;
}
#headernav li {
  display: inline;
  list-style-type: none;
}
#headernav a {
  float: left;
   /*   width:6em; */
  color: #3e3e3a;   /* #3e3e3a - eclipse */
  margin: 0px;
  padding: 0.2em 1.0em;
  font-size: 12pt;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
}
#headernav a:hover {
  background-color: #19172b;   /* #19172b - blue bark */
  color: #c6c8c2;   /* #c6c8c2 - quill grey */
}
#masthead {
  /* WHAT IT IS: masthead is horiz block under headernav, incl picture, fixed height and loc of text, varying width */
  background-color: #8c7a62;   /* #8c7a62 - olive haze */
  position: absolute;
  left: 0px;
  top: 30px;
  width: 100%;
  height: 178px;
  margin: 0px 0px 0px 0px;
  border-bottom : 2px solid #949699;  /* #949699 - grey suit */ 
}
#masthead img {
  float: left;
  clear: left;
  width: 305px;
  height: 178px;
  padding: 0px;
}
#headerblock {
  /* WHAT IT IS: headerblock is portion of masthead with text (headers, address, phone), fixed height and width */
  background-color: transparent;
  position: absolute;
  left: 305px;
  top: 0px;
  width: 605px;
  height: 178px;
  margin: 0px 0px 0px 20px;
}
#headerblock h1 {
  position: absolute;
  text-align: center;
  width: 240px;
  left: 182px;
  top: 24px;
  font-size: 18pt;
  font-family: Arial, Helv, sans-serif;
  color: #212030; /* black russian */ 
}
#headerblock h2 {
  position: absolute;
  text-align: center;
  width: 355px;
  left: 125px;
  top: 65px;
  font-size: 11pt;
  font-weight: bold;
  font-style: italic;
  font-family: Arial, Helv, sans-serif;
  color: #3f342d; /* treehouse2 */
}
#addressblock {
  background-color: transparent;
  position: absolute;
  left: 385px;
  top: 115px;
  width: 170px;
  height: 52px;
  margin: 0px 0px 0px 0px;
}
#phoneblock {
  background-color: transparent;
  position: absolute;
  left: 675px;
  top: 115px;
  width: 152px; 
  height: 52px;
  margin: 0px 0px 0px 0px;
}
#addressblock p, #phoneblock p {
  font-size: 10pt;
  font-weight: normal;
  font-family: Arial, Helv, sans-serif;
  text-align: left;
}
#leftnav {
  /* WHAT IT IS: leftnav is LH nav column w/fixed width=305 to match pic, min height to accomodate links & Google ads */
  position: absolute;
  height: auto;
  width: 305px;
  min-height: 450px;
  top: 210px;
  left: 0px;
  margin: 0px 0px 0px 0px;
  background-color: #3e3e3a;   /* #3e3e3a - eclipse */
/*  padding: 5px 10px 10px 10px; */
}
#leftnav li {
  color: #c6c8c2; /* quill grey */
  margin: 0px 10px 0px 40px;
  padding: 0px 0px 0px 5px;
  text-align: left;
}
#leftnav a {
  color: #c6c8c2; /* quill grey */
}
#leftnav a:hover {
  background-color: #19172b;   /* #19172b - blue bark */
  color: #8c7a62;   /* #8c7a62 - olive haze */
  text-align: center;
  font-weight: bold;
}
#leftnav h2 {
  color: #C1C9BF;   /* #C1C9BF - paris white */
  margin: 20px 10px 0px 10px;
  text-align: left;
  font-size: 18pt;
  font-family: Arial, sans-serif;
}
#bodycontent {
  /* WHAT IT IS: bodycontent is RH body column w/fixed height=450 and overflow to manage scrolling, min width=605  */
  position: absolute;
  height: 450px; 
  min-width: 605px;
  top: 210px;
  left: 305px;
  margin: 0px 0px;
  background-color: #c6c8c2;   /* #c6c8c2 - quill grey */
  overflow: auto;
}
#footer {
  /* WHAT IT IS: footer is bottom-based copyright and footer text */
  display: block;
  position: absolute; 
  left: 0px;
  bottom: -60px;
  min-width: 300px;
  height: 40px;
}
#myw3c {
  /* WHAT IT IS: myw3c is block of W3C validation icons */
  display: block;
  position: absolute; 
  right: 0px;
  bottom: -60px;
  min-width: 300px;
  height: 35px;
}
#ad_leftnav {
  /* WHAT IT IS: ad_leftnav is 234x60 block at bottom of leftnav for Google ads */
  display: block;
  position: absolute; 
  margin: 30px 0px 20px 36px;
  height: 234px;
  width: 60px;
}

/* Class Styles */
body.outermargin { 
  /* WHAT IT IS:  */
  background-color: #56493b; /* metallic bronze - #56493b */
  margin: 40px 50px 70px 50px; 
}
body.contact { 
  /* WHAT IT IS:  */
  background-color: #c6c8c2;   /* #c6c8c2 - quill grey */
  margin: 40px; 
}
.leftnavtext {
  /* WHAT IT IS:  */
  color: #c6c8c2; /* quill grey */
  margin: 0px 10px 0px 20px;
  text-align: left;
  font-size: 12pt;
}
h1.bodytext {
  /* WHAT IT IS:  */
  color: #212030; /* black russian */ 
  margin: 20px 15px 0px 15px;
  font-size: 20pt;
  font-weight: bold;
  font-style: italic;
}
h2.bodytext {
  /* WHAT IT IS:  */
  color: #212030; /* black russian */ 
  margin-top: 20px;
  font-size: 18pt;
  font-family: Arial, sans-serif;
}
h2.intref {
  /* WHAT IT IS:  */
  color: #212030; /* black russian */ 
  margin: 20px 10px 0px 15px;
  font-size: 18pt;
  font-family: Arial, sans-serif;
}
a.intref {
  /* WHAT IT IS: Internal Reference targets, which are section headings, found on About, Associates, Services pages */
  color: #212030; /* black russian */ 
  margin: 20px 10px 0px 15px;
  font-size: 18pt;
}
.plaintext {
  /* WHAT IT IS: Body text, plain, anchors shown without underlines  */
  color: #1f1b21; /* nero1 */
  margin: 0px 20px 0px 20px;
  text-align: left;
  font-size: 12pt;
}
a.plaintext {
  color: #3e3e3a;   /* #3e3e3a - eclipse */
  margin-left: 5px;
  margin-right: 5px;
  font-weight: bold;
}
a.plaintext:hover {
  background-color: #19172b;   /* #19172b - blue bark */
  color: #8c7a62;   /* #8c7a62 - olive haze */
  text-align: center;
}
h2.plaintext { 
  margin: 0px 15px 0px 15px;
}
ul.plaintext {
  margin: 10px 0px 0px 0px;
}
ol.plaintext {
  margin: 10px 0px 10px 15px;
}
li.plaintext {
  color: #1f1b21; /* nero1 */
  margin: 0px 0px 0px 20px;
  text-align: left;
}
td.plaintext {
  padding: 5px;
}
.optiontext { color: black;
  /* WHAT IT IS:  */
  margin-left: 8pt;
  margin-right: 4pt;
  text-align: left;
  font-size: 10pt;
  font-weight: normal;
  font-family: Arial, Helv, sans-serif;
  text-decoration: none;
}
.FAQtable { 
  /* WHAT IT IS:  */
  margin-left: 10px;
  margin-right: 10px;
}
.Qlabels { color: #000000;
  /* WHAT IT IS:  */
  margin-left: 10pt;
  margin-right: 10pt;
  text-align: left;
  font-size: 12pt;
  font-weight: bold;
  font-family: Arial, Helv, sans-serif;
  text-decoration: none
}
.Atext { color: #000000;
  /* WHAT IT IS:  */
  margin-left: 16pt;
  margin-right: 10pt;
  text-align: left;
  font-size: 12pt;
  font-weight: normal;
  font-style: italic;
  font-family: Arial, Helv, sans-serif;
  text-decoration: none;
}
.footercontent {
  /* WHAT IT IS:  */
  color: #c1c9bf;  /* #c1c9bf - paris white */
  text-align: left;
  margin-top: 3px;
  font-size: 8pt;
  font-family: Arial, sans-serif;
  text-decoration: none;
}
.myurl { 
  /* WHAT IT IS:  */
  color: #c1c9bf;   /* #c1c9bf - paris white */
  text-align: left;
  font-size: 6pt;
  font-family: Arial, sans-serif;
  text-decoration: none
}
.w3c { float: right; margin-left: 3px; }
  /* WHAT IT IS:  */

/* EOF */