/* ==================================================== */
/* framingham.css */
/* ==================================================== */
/* date: 2021-10-01 v.300 */
/* ==================================================== */
/* 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-width: 0px; 
  border-style: none;
  background: #31396a;
  color: #000080;
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 12px;
  border-collapse: collapse;
}


body.fire { background: #FFE0E0; color: #000080; }
body.travel { background: #A4B0CC; color: #000080; }
body.history { background: #C0C0B0; color: #000000; }
body.religion { background: #C0C0FF; color: #000080; }
body.kids { background: #40A8D8; color: #000080; }
body.org { background: #F0F0F0; color: #000080; }
body.maps { background: #00E0E0; color: #000080; }
body.rec { background: #008040; color: #000080; }
body.no_smoke { background: #E0E0C4 url("http://framingham.com/no_smoke/bg_cig02.jpg"); color: #000080; }

  


h1,h2,h3 { font-family: Tahoma, Geneva, sans-serif; }
h1 { font-weight: 700; margin: 0; font-size: 22px; }
h2 { font-weight: 700; margin: 0; font-size: 18px; }
h3 { font-weight: 700; margin: 0; font-size: 16px;}

p {
  font-family: "Georgia","Times New Roman",Times,serif;
  font-weight: 500;
  text-indent: 0;
  font-size: 16px;
  line-height: 1.5em;
}

a:link { font-weight: 700; color: #0066cc; text-decoration:none; }
a:visited { font-weight: 700; color: #0066cc; text-decoration:none; }
a:hover { font-weight: 700; color: #cc0000; text-decoration:none; }
a:active { font-weight: 700; color: #cc0000; text-decoration:none; }



small { font-size: 10px; }





/* ==================================================== */
/* leader - class for objects to display ahead of page  */
/* ==================================================== */

#leader,
.leader {
  width: 982px;
  height: auto;
  margin: 6px; 
  padding: 6px; 
  text-align: center;
  border-style: none; 
  border-width: 0px; 
  border-color: #000000; 
}



/* ==================================================== */
/* master - container class for page layout */
/* ==================================================== */

#master,
.master { 
  clear:both; 
  position: relative; 
  width: 982px;
  height: auto;
  margin: 0px;
  padding: 0px;
  border-style: none; 
  border-width: 0px; 
  border-color: black;
  background-color: #ffffff;
}


/* ==================================================== */
/* masthead - class for masthead objects      */
/* ==================================================== */

#masthead,
.masthead {
  width: 982px;
  height: 105px;
  min-width: 982px;
  min-height: 105px;
  max-width: 982px;
  max-height: 105px;
  clear:both; 
  margin: 0px;
  padding: 0px;
  border-style: none; 
  border-width: 0px; 
  border-color: black;
  background: #FFFFFF; 
  color: #000080;
}


/* ==================================================== */
/* navt - class for top of page navigation    */
/* ==================================================== */

#navt,
.navt {
  clear:both; 
  float:left; 
  width: 982px;
  min-height:20px; 
  height: 24px; 
  margin: 0px;
  padding: 0px;
  background-color: #cccccc;
  color: #000080;
  vertical-align: middle;
  text-align: center;
  border-style:solid;
  border-width: 1px 0px 0px 0px;
  border-color: #666666;
}



/* ==================================================== */
/* bodywrap - container class, sets up body of page     */
/* ==================================================== */

#bodywrap,
.bodywrap {
  clear: both;
  float: left;
  width: 982px;
  margin: 0px;
  padding: 0px;
  border-style: none; 
  border-width: 0px; 
  border-color: black;
  background: #FFFFFF;
}


/* ==================================================== */
/* navl - class for left (navigation/ads) column        */
/* ==================================================== */

#navl, 
.navl {
  float: left;
  width: 130px;
  height:100%;
  margin: 0px;
  padding: 4px; 
  border-style: solid;
  border-width: 0px 0px 0px 0px;
  border-color: #000096;
  background: #F4F4F4;
  color: #000080;
  text-align: left;
  line-height: 1.5em;
}



/* ==================================================== */
/* bod0 - class for 'blank page' (no columns)           */
/* ==================================================== */

#bod0,
.bod0 {
  float: left;
  clear: both;
  width: 970px;
  margin: 0px;
  padding: 6px; 
  border-style: none; 
  border-width: 0px; 
  border-color: black;
  color: navy; 
  background: #FFFFFF;
  color: #000080;
  text-align: left;
}



/* ============================================== */
/* bod1 - class for body content left (with navr) */
/* ============================================== */

#bod1,
.bod1 {
  width: 620px;
  float: left;
  margin: 0px;
  padding: 12px;
  border-style: none; 
  border-width: 0px; 
  border-color: black;
  background: #FFFFFF;
  color: navy; 
  text-align: left;
}



/* ==================================================== */
/* bod2 - class for body content left (with navr)      */
/* ==================================================== */

#bod2,
.bod2 {
  width: 600px;
  float: left;
  margin: 0px;
  padding: 12px;
  border-style: none;
  border-width: 0px;
  border-color: black;
  background: #FFFFFF;
  color: navy; 
  text-align: left;
}



/* ==================================================== */
/* bod3 - class for body center (left & right columns)  */
/* ==================================================== */

#bod3,
.bod3 {
  float: left;
  width: 488px;
  margin: 0px;
  padding: 12px; 
  border-style: none;
  border-width: 0px;
  border-color: black;
  background: #FFFFFF;
  color: navy; 
  text-align: left;
}



/* ==================================================== */
/* bbox - class for banner box, (top of (2) right cols) */
/* ==================================================== */

#bbox,
.bbox {
  width: 322px;
  float: right;
  margin: 0px;
  padding: 10px;
  border-style: dotted;
  border-width: 0px 0px 0px 2px;
  border-color: #000000;
  background: #e0e0ff;
  color: #000080;
  text-align:center;
  vertical-align: top;
}



/* ==================================================== */
/* navr - class for right (navigation/ads) column       */
/* ==================================================== */

#navr,
.navr {
  width: 320px;
  float: right;
  margin: 0px;
  padding: 4px;
  border-style: none;
  border-width: 0px;
  border-color: black;
  background: #E0E0E0;
  color: #000080;
}



/* ==================================================== */
/* navb - class for bottom of page navigation           */
/* ==================================================== */

#navb,
.navb {
  width: 982px;
  clear:both; 
  margin: 0px;
  padding: 0px;
  border-style: none;
  border-width: 0px;
  border-color: black;
  background: #FFFFFF;
  color: #000080;
  vertical-align: middle;
  text-align: center;
}



/* ==================================================== */
/* foot - class for bottom of page footer               */
/* ==================================================== */

#foot,
.foot {
  width: 982px;
  clear:both; 
  margin: 0px;
  padding: 0px;
  border-style: none;
  border-width: 0px;
  border-color: black;
  background: transparent; 
  color: #000080;
  vertical-align: middle;
  text-align: center;
}




/* ==================================================== */
/* trailer - container class for below bottom of page   */
/* ==================================================== */

#trailer,
.trailer {
  width: 100%;
  clear:both; 
  border: 0px;
  margin: 12px 0px 0px 0px; 
  padding: 0px; 
  background: transparent; 
  color: #000080;
  text-align: center;
}


/* ########################################################## */
/* # NEW v01.34 - Classes for CSS styling of generated output */ 
/* ########################################################## */


/* SITE MAP RELATED CLASSES */ 

/* indexpglink - site map index link (index.htm or .html) */ 
.indexpglink { 
  font-weight: 700;
  font-size: 18px;
}
a:hover.indexpglink { 
  font-weight: 700;
  font-size: 18px;
  background-color: red;
  color: yellow;
}

/* regpglink - site map regular link */ 
.regpglink { 
  font-weight: 500;
  font-size: 14px;
}

/* mapdesctxt - site map, link description text */ 
.mapdesctxt {
  font-size: 11px;
  line-height: 1.2em;
  color: #003693;
}

/* =============================================== */
/* CSS for horizontal css pulldown menus (in natv) */
/* =============================================== */

.drophead { 
  font-size: 12px;
  font-family: Arial, sans-serif;
  font-weight: 700;
}

.dropdown { 
  font-size: 10px;
  font-family: Arial, sans-serif;
  font-weight: 500;
  text-align:left;
}

ul.dropdown, ul.dropdown li, ul.dropdown ul { list-style: none; margin: 0; padding: 0; }
ul.dropdown { position: relative; z-index: 7; float: left; }
ul.dropdown li { float: left; line-height: 1.2em; vertical-align: middle; }
ul.dropdown li.hover, ul.dropdown li:hover { position: relative; z-index: 9; cursor: default; color: #c00000; }
ul.dropdown ul { visibility: hidden; position: absolute; top: 100%; left: 0; z-index: 8; width: 100%; }
ul.dropdown li:hover > ul { visibility: visible; }

/*  opacity:0.8; --- add below if desired */
ul.dropdown li { 
  margin: 0px 5px 0px 0px;
  padding: 4px 8px;
  border-style: solid;
  border-width: 1px 1px 0px 1px;
  border-color: #dddddd;
  background-color: #fcfcfc;
  color: #c00000;
}

ul.dropdown li ul li.lastitem { border: 1px solid #dddddd;}


ul.dropdown li:hover { background-color: #f4f4f4; color: #000000;   text-decoration: none;}
ul.dropdown a:link, ul.dropdown a:visited, ul.dropdown a:hover, ul.dropdown a:active { text-decoration: none;}
ul.dropdown ul { width: 180px; text-decoration: none;}
ul.dropdown ul li { width: 180px; font-weight: normal;  text-decoration: none;}


/* ==================================================== */
/* CSS for vertical navigation menus                    */
/* ==================================================== */

.navcontainer1 { 
  width: 100%;
  margin:0px; 
  padding:0px; 
  background-color:#FFFFFF; 
  text-align:left;
}

.navcontainer1 ul {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: 700;
}
.navcontainer1 a {
  display: block;
  margin:0px;
  padding: 4px 4px 4px 4px;
  color: #999999;
  font-weight: 700;
  background-color: #FFFFFF;
  border-bottom: 1px solid #F4F4F4;
  border-right: 1px solid #999999;
}
.navcontainer1 a:link, .navlist1 a:visited { text-decoration: none; }
.navcontainer1 a:hover { color: #FFFFFF; background-color: #999999; }



/* ==================================================== */
/* custom CSS classes, declarations, etc..              */
/* ==================================================== */


.blip400x {
  width:480px;
  border-style:solid;
  border-width:1px;
  border-color: #999999;
  background: #cccccc;
  color: #000080;
  text-align: left;
  padding: 6px;
  margin: 6px;
}

.photocaption {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size:9px;
  text-align: left;
}


/* ============================= */
/* CSS for display ad info table */
/* ============================= */

#dispAdInfo { 
  padding: 2px 10px; 
  margin:0px; 
  border-collapse: collapse; 
  border:1px solid black;
  background-color: #e4c099;
  color: #000000;
}
.dispAdHead, .dispAdName, .dispAdWxH,
.dispAdPixels, .dispAdBaseRate, .dispAd365Days  {
  padding: 2px 10px;
  border:1px solid black;
}

.dispAdHead { 
  font-size: 16px;
  background-color: #00dd00;
  font-weight:700;
  text-align: center;
}
.dispAdName {
  font-size: 18px;
  background-color: #90ff80;
  font-weight:700;
  text-align: left;
}
.dispAdWxH {
  font-size: 12px;   
  background-color: #cccccc;
  font-weight:500;
  text-align: center;
}
.dispAdPixels  {
  font-size: 12px;   
  background-color: #f4f4f4;
  font-weight:500;
  text-align: right;
}
.dispAdBaseRate  {
  font-size: 12px;   
  background-color: #cccccc;
  font-weight:500;
  text-align: right;
}
.dispAd365Days  {
  font-size: 12px;   
  background-color: #f4f4f4;
  font-weight:500;
  text-align: right;
}
.dispAdImg {
  font-size: 12px;   
  background-color: #cccccc;
  font-weight:500;
  text-align: center;
  padding: 12px;
}
.dispAdImg img { margin:10px; }
.dispAdImg p { text-align: left; }



#breadcrumbs {
  font-family: Arial, sans-serif;
  font-size: 9px;
  padding: 0px;
  margin: 0px;
  text-align:left;
}


/* ============================= */
/* CSS for site statistics table */
/* ============================= */

.statTable { 
  width:600px;
  border-collapse: collapse;
  border: 1px solid #999999;
  background-color: #f4f4f4;
}
.statTableRow {
  margin:0px;
  padding:0px;
}
.statTableHeading {
  border: 1px solid #999999;
  text-align:center;
  font-size: 18px;
  font-weight: 700;
  background-color: #ffffe0;
  padding:6px;
}
.statTableCell {
  border: 1px solid #999999;
  text-align: center;
  font-size: 14px;
  font-weight: 700;
  background-color: #cccccc;
  padding:4px;
}


/* ========================================================= */
/* CSS clearing div, 1px dot bottom, 10px top/bottom margins */
/* ========================================================= */

.dotBottom {
  clear:both;
  height:1px;
  margin:10px 0px;
  border-width: 0px 0px 1px 0px;
  border-style: dotted;
  border-color: #cccccc;
  font-size:1px;
}

/* ==================== */
/* CSS for sign-up form */
/* ==================== */

.subNewsLabel {}
.subNewsInText {}
.subNewsTextArea {}



/* ======================== */
/* CSS classes for calendar */
/* ======================== */

#calAddEvent { width: 100%; }

#calAddEventTable { padding: 10px; border: 1px solid green; background: #ffffff; }

#calAddButton { font-size: 14px; font-weight: 700; background-color: #ddffdd; }

#calAddNotice { font-size: 11px; color: #dd0000; }


#miniCalTable {
  background-color: #ffffff;
  font-family: Arial, sans-serif;
  font-size: 9px;
  padding:0px;
  margin:0px;
  width: 300px;
}

#miniCalTitle {
  background-color: #e0e0ff;
  text-align:center;
  font-family: Arial, sans-serif;
  font-size: 11px;
  font-weight: 700;
  padding: 2px;
}
.miniCalDays { 
  background-color: #000000;
  color: #ffffff;
  text-align:center;
  font-family: Arial, sans-serif;
  font-size: 11px;
  font-weight: 700;
  padding: 2px;
}
td.miniCalEmpty {
  background-color: #cccccc; 
  padding: 2px;
}
td.miniCalToday {
  color: #ffffff;
  background-color: #00cc00; 
  padding: 2px;
}
td.miniCalRegDay {
  background-color: #ffffe0; 
  padding: 2px;
}

.calbutton {
  margin: 2px;
  padding: 2px 4px;
  border: 1px solid black;
  background-color: #e0e0ff;
  color: #000000;
  font-family: Arial, sans-serif;
  font-size: 11px;
  font-weight: 700;
}


#cableTable { font-family: Arial, sans-serif; border-collapse: collapse; }
.cableTh { background: #000000; color: #ffffff; text-align:center; padding: 4px; }
.cableLabel { background: #e0e0ff; text-align:left; padding: 4px;  vertical-align:top;}
.cableData { text-align:left; padding: 4px; vertical-align:top;}
.lowMedHighL { background: #cccccc; }
.lowMedHighM { background: #dddddd; }
.lowMedHighH { background: #eeeeee; }
.currSpecial { background: #ffe0e0; }


.x125xNoteSmall {
  width: 125px;
  padding: 4px;
  margin: 6px 0px;
  border:1px solid #0000c0;
  background: #c4c4c4;
  color: #000000;
  font-size: 9px;
  text-align:left;
}


.txtLgBannerDiv {
  width:728px; 
  min-width:728px; 
  max-width:728px; 
  height: 90px; 
  min-height: 90px; 
  max-height: 90px; 
  border-style: none; 
  background: #ffffe0; 
  text-align:center; 
  vertical-align: middle;
  overflow: hidden;
}


/* =================================== */
/* CSS classes Recent R.E. Sales table */
/* =================================== */


.realestatesales, .realestatesales td {
  border:1px solid #000000;
  border-collapse: collapse;
  background-color: #f4f4f4;
  font-size: 9px;
}
.realestatesales th {
  border:1px solid #000000;
  border-collapse: collapse;
  background-color: #000000;
  color: #ffffff;
  font-size: 11px;
  font-weight: 700;
  text-align:center;
}


/*  Books page CSS  */

.book { clear: both; margin: 20px; }
.bookcover { border:1px solid #cccccc; margin: 10px 0px 10px 10px; }
.bookTitle { font-size: 18px; font-weight: 700; margin-bottom: 20px;}
.bookAuthor { color: #333333; margin-bottom: 10px;}
.bookDescription { line-height: 1.4em; margin-bottom: 10px; }
.bookPublisher { color: #888888;}
.bookYear { color: #888888; }
.bookISBN { color: #888888;}


/* ================ */
/* wplatest.php CSS */
/* ================ */

.wpLatestH2 { 
  font-family: "Times New Roman", Georgia, Times, serif;
  margin: 0px; 
}


/* #################################################### */
/*  Comment / Un-comment following CSS to debug layout  */
/* #################################################### */

/*          * {  border: solid 1px black; }     */    

/* #################################################### */

.attachment-post-thumbnail {border: 2px solid; }


#breadcrumbs {
  font-family: Arial, sans-serif;
  font-size: 0.9em;
  color: #c00000;
}


/* ==================================================== */
/* ==[ EOF: framingham.css ]== */
/* ==================================================== */