/* ============================================================ */
/* lawyer-ma.css */
/* ============================================================ */
/* Copyright (c)2004-2020 Randy M. Harris, all rights reserved. */
/* ============================================================ */
/* author: Randy M. Harris, <office@lexipixel.com> */
/* ============================================================ */

/* ==================================================== */
/* CSS - for use with LexiPixel Site Manager (CMS)      */
/* ==================================================== */

html { 
  margin: 0px;
  padding: 0px;
  border-style: none;
  border-collapse: collapse;
  border-width: 0px;
} 


body { 
  padding: 0px;
  margin: 0px 0px 22px 0px;
  border-style: none; border-width:0px;
  font-family: Arial, Verdana, Sans-Serif; 
  font-size: 1em; 
  font-weight: 500; 
  background: black url("https://lawyer-ma.com/images/bizdir/bg_stone.jpg");
  background-repeat: repeat;
  background-attachment: fixed; 
  color: black;
}


h1 { font-size: 2.5em; font-weight: 700; margin-top: .2em; margin-bottom: .2em; }
h2 { font-size: 2.0em; font-weight: 700; margin-top: .2em; margin-bottom: .2em;}
h3 { font-size: 1.5em; font-weight: 700; margin-top: .5em; margin-bottom: .5em; }

p { text-align:left; line-height: 1.4em; } 

b { font-weight: 700; }

small { line-height: 1.2em; font-size: 11px; }

pre { font-size:0.8em; font-family: courier, "courier new", serif; }


a:link { font-weight: bold; color: #009696; text-decoration: underline; }
a:visited { font-weight: bold; color: #009696; text-decoration: underline; }
a:active { font-weight: bold; color: #009696; text-decoration: underline; }
a:hover { font-weight: bold; color: #990000; background: #FFFFFF; text-decoration: underline; }



CODE {
  color: teal;
  font-family: Courier, Courier New, monospace;
  font-size: 1em;
}


/* ==================================================== */
/* leader - class for objects to display ahead of page  */
/* ==================================================== */

.leader {
  width: 90%;
  margin: 0px; 
  padding: 6px; 
  height: auto;
  text-align: left;
  border-style: none; 
  border-width: 0px; 
  border-color: #000000; 
}

/* ==================================================== */
/* master - container class for page layout */
/* ==================================================== */

.master { 
  width: 90%;
  margin: 0px;
  padding: 0px;
  border-style: none; 
  border-width: 0px; 
  border-color: black;
  background: #FFFFFF; 
  position: relative; 
  clear:both; 
  height: auto;
}


/* ==================================================== */
/* masthead - class for masthead objects      */
/* ==================================================== */

.masthead {
  width: 90%;
  margin: 0px;
  padding: 0px;
  border-style: none; 
  border-width: 0px; 
  border-color: black;
  clear:both; 
  text-align: left;
}

/* ==================================================== */
/* navt - class for top of page navigation    */
/* ==================================================== */

.navt {
  clear:both; 
  width: 90%;
  background: #E0E0E0;
  color: #C00000; 
  margin: 0px;
  padding: 2px 0px 2px 0px;
  border-style: none; 
  border-width: 0px; 
  border-color: black;
  vertical-align: middle;
  text-align: center;
  font-size: 12px; 
  font-weight:700;
}


/* ==================================================== */
/* bodywrap - container class, sets up body of page     */
/* ==================================================== */

.bodywrap {
  clear: both;
  float: left;
  width: 90%;
  padding: 0px;
  margin: 0px;
  border-style: none; 
  border-width:0px;
}


/* ==================================================== */
/* navl - class for left (navigation/ads) column        */
/* ==================================================== */

.navl {
  float: left;
  width: 18%;
  background: #F0F0F0;
  color: #C00000; 
  margin: 0px;
  padding: 0px 0px 0px 4px; 
  border-style: none;
  border-width: 0px;
  border-color: #000000;
  text-align: left; 
  height:100%;
  line-height: 1.2em;
}


/* ==================================================== */
/* bod0 - class for 'blank page' (no columns)           */
/* ==================================================== */

.bod0 {
  width: 90%;
  margin: 0px;
  padding: 6px; 
  border-style: none; 
  border-width: 0px; 
  border-color: black;
  text-align: left;
  float: left;
  clear: both;
}


/* ==================================================== */
/* bod1 - class for body left (with navl)               */
/* ==================================================== */

.bod1 {
  width: 64%;
  margin: 0px;
  padding: 12px; 
  border-style: none; 
  border-width: 0px; 
  border-color: black;
  text-align: left;
  float: left;
}


/* ==================================================== */
/* bod2 - class for body right (with navr)              */
/* ==================================================== */

.bod2 {
  width: 64%;
  margin: 0px;
  padding: 6px; 
  border-style: none;
  border-width: 0px;
  border-color: black;
  text-align: left;
  float: right;
}

/* ==================================================== */
/* bod3 - class for body center (left & right columns)  */
/* ==================================================== */

.bod3 {
  width: 44%;
  margin: 0px;
  padding: 4px; 
  border-style: none;
  border-width: 0px;
  border-color: black;
  float: left;
  text-align: left;
}


/* ==================================================== */
/* bbox - class for banner box, (top of (2) right cols) */
/* ==================================================== */

.bbox {
  width: 64%;
  margin: 0px;
  padding: 0px;
  border-style: none;
  border-width: 0px;
  border-color: black;
  float: left;
  text-align: center;
  vertical-align: middle;
}

/* ==================================================== */
/* navr - class for right (navigation/ads) column       */
/* ==================================================== */

.navr {
  width: 28%;
  margin: 0px;
  padding: 0px;
  border-style: none;
  border-width: 0px;
  border-color: black;
  float: right;
  background: #F0F0F0;
  color: #C00000; 
}

/* ==================================================== */
/* navb - class for bottom of page navigation           */
/* ==================================================== */

.navb {
  width: 90%;
  margin: 0px;
  padding: 0px;
  border-style: none; 
  border-width: 0px; 
  border-color: black;
  vertical-align: middle;
  text-align: center;
  clear:both; 
  background: #E0E0E0;
}




/* ==================================================== */
/* foot - class for bottom of page footer               */
/* ==================================================== */

.foot {
  width: 90%;
  margin: 0px;
  padding: 0px;
  border-style: none;
  border-width: 0px;
  border-color: black;
  vertical-align: middle;
  text-align: center;
  clear:both; 
}

/* ==================================================== */
/* trailer - container class for below bottom of page   */
/* ==================================================== */

.trailer {
  width: 958px;
  margin: 12px; 
  padding: 12px; 
  text-align: center;
  border-style: none; 
  border-width: 0px; 
  border-color: #000000; 
}


/* ==================================================== */
/* custom CSS classes, declarations, etc..              */
/* ==================================================== */

.greybox {
  width: 280px; 
  padding: 12px;
  margin: 10px;
  border-style:solid; 
  border-width:4px; 
  border-color:#C0C0C0;
  background: #F4F4F4;
  color: #000000;
  text-align: center;
}

.catlinks {
  font-size:11px;
  font-weight:500;
  text-align:left;
}


/* ================================= */
/* CSS for City / Town / County page */
/* ================================= */

#countylist .citytownname {
  width: 200px;
  padding:4px;
  margin:0px;
  background: #efefef;
  text-align: left;
  font-weight: 700;
  font-size:10pt;
  font-family: Arial, sans-serif;
}
#countylist .countyname {
  width: 200px;
  padding:4px;
  margin:0px;
  background: #e0e0ff;
  text-align:center;
  font-weight: 500;
  font-size:10pt;
  font-family: Arial, sans-serif;
}

#countylist h2.alphachar {
  display:block;
  width: 412px;
  margin: 16px 0px 4px 0px;
  padding:4px;
  background-color: #c00000;
  color: #ffffff;
  font-size:18pt;
  font-weight: 700;
  text-align:center;
}


#countylist .colhead {
  text-transform: uppercase;
  font-size: 12pt;
  font-weight: 700;
  font-family: Arial, sans-serif;
}

#countylist .alphaidx { font-size: 14px; font-weight: 700; }

#countylist .topofpage { font-size: 9px; font-weight: 700; }




/* #################################################### */
/*  Comment / Un-comment following CSS to debug layout  */
/* #################################################### */

/*          * {  border: solid 1px black; }     */    

/* #################################################### */


/* ==================================================== */
/* ==[ EOF: lawyer-ma.css ]== */
/* ==================================================== */