/* ======================== */
/* FRAMINGHAM-NET.CSS          */
/* ======================== */
/* Author: Randy Harris               */
/* Contact: office@lexipixel.com */
/* Last Updated: 2010-12-03        */
/* ======================== */

html, body, div {
  margin:0px;
  padding:0px;
  border: 0px;
  font-family: Arial, sans-serif;
  font-size: 13px;
  font-weight: 500;
  text-align:left;
}

body { background: #999933; }

h1, h2, h3, h4 { margin:0px; padding:0px; font-weight: 700; }
h1 { font-size: 22px; margin-bottom: 8px; }
h2 { font-size: 18px; margin-bottom: 6px; }
h3 { font-size: 16px; margin-bottom: 4px; }
h4 { font-size: 14px; margin-bottom: 2px; }


.clearBoth { clear:both; }


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

#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 { 
  clear:both; 
  position: relative; 
  width: 982px;
  height: auto;
  margin: 0px;
  padding: 0px;
  border-style: none; 
  border-width: 0px; 
  border-color: black;
}


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

#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: #000000; 
  color: #FFFFFF;
}


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

#navt {
  clear:both; 
  float:left; 
  width: 982px;
  min-height:20px; 
  height: 26px; 
  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 {
  clear: both;
  float: left;
  width: 982px;
  margin:0px;
  margin-bottom: 12px;
  padding: 0px;
  border-style: none; 
  border-width: 0px; 
  border-color: black;
  background: #FFFFFF;

}


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

#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;
}



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

#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 right (with navl) */
/* ============================================== */

#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 {
  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 {
  float: left;
  width: 480px;
  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 {
  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 {
  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 {
  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 {
  width: 982px;
  clear:both; 
  margin: 0px;
  padding: 0px;
  border-style: none;
  border-width: 0px;
  border-color: black;
  background: #000000; 
  color: #f8f8f8;
  vertical-align: middle;
  text-align: center;
}


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

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

/* ==================================== */
/* CSS for top navigation and dropdown menus */
/* ==================================== */

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

.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: 599; 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: 598; cursor: default; }
ul.dropdown ul { visibility: hidden; position: absolute; top: 100%; left: 0; z-index: 597; width: 100%; }
ul.dropdown li:hover > ul { visibility: visible; }

ul.dropdown li { 
  padding: 6px 12px;
  border-style: solid;
  border-width: 0px 1px 1px 0px;
  border-color: #336699;
  background-color: #F4F4F4;
  color: #000000;
}

ul.dropdown li:hover { background-color: #E8E6D7; color: #000000;   text-decoration: none;}

ul.dropdown a:link, ul.dropdown a:visited, ul.dropdown a:hover, ul.dropdown a:active { color: #000000;   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 content area styling */
/* ======================= */



.noaaWeather {
  width:125px;
  border:1px solid #000000;
  background-color: #e8e8e8;
  color: #000000;
  margin:2px 0px;
  padding:2px;
}
.noaaWeatherIcon {
  margin:2px;
}


.navrTitleBar { 
  background-color: #666666; 
  color: #f4f4f4; 
  font-weight:700; 
  padding: 4px; 
  text-align: center;
  margin: 4px;
}


#footlinks a:link { color: #ffffff; text-decoration: none; }
#footlinks a:visited { color: #ffffff; text-decoration: none; }
#footlinks a:hover { color: #cccccc; text-decoration: underline;  }
#footlinks a:active { color: #ff0000;  text-decoration: none;}

/* ================= */
/* Worldtimeclock CSS  */
/* ================= */

.worldtime {
  background-color: #333333;
  color: #ffffff;
  padding:6px;
  text-align:center;
  font-size:12px;
  font-weight:700;
}


/* ================= */
/* Simplepie CSS rules  */
/* ================= */

div.chunk {
  margin:10px 0 0 0;
  padding:0 0 6px 0;
  border-bottom:1px solid #ccc;
}

.footnote, .footnote a {
  font-size:12px;
  line-height:1.3em;
  color:#aaa;
  margin: 0px; 
}

.footnote em {
  background-color:transparent;
  font-style:italic;
}

.footnote code {
  background-color:transparent;
  font:11px/14px monospace;
  color:#aaa;
}

span.footnote { white-space:nowrap; 	}

div.chunk h4 a {
  font-family:  "Times New Roman", Times, serif;
  text-transform:capitalize;
  color: #333366; 
  font-size: 22px; 
  margin: 0px; 
  text-decoration: none;
}


/* ====================== */
/* CSS for Submit Feed Form  */
/* ====================== */

table#subFeed  { 
  vertical-align:top;
  width:600px; 
  border-bottom: 1px solid #cccccc;
  border-collapse: collapse;
}
td.subFeedLabel {
  vertical-align:top;
  padding: 6px;
  text-align:right;
  font-size: 13px;
  font-family: Arial;
  font-weight: 700;
  color: #333333;
  border-bottom: 1px solid #cccccc;
  border-collapse: collapse;
}
td.subFeedInText {
  vertical-align:top;
  padding: 6px;
  text-align:left;
  color: blue;
  border-bottom: 1px solid #cccccc;
  border-collapse: collapse;
}
td.subFeedTextArea {
  vertical-align:top;
  padding: 6px;
  color: black
  font: 8px Arial black;
  border-bottom: 1px solid #cccccc;
  border-collapse: collapse;
}

.subFeedSubmit   {
  vertical-align:top;
  padding: 6px;
  color: black
  font: 8px Arial black;
  border-bottom: 1px solid #cccccc;
  border-collapse: collapse;
}

*[type="submit"] {
  padding: 2px;
  margin: 4px;
  background: #333333;
  color: #ffffff;
  font-size: 11px;
  font-weight: 700;
}


.galleryFeedWrap {
  clear: both;
  border-top: 2px solid #cccccc;
  border-right: 2px solid #888888;
  border-bottom: 2px solid #333333;
  border-left: 2px solid #666666;
  margin: 10px;
  padding: 20px;
  background: #000000;
  text-align:center;
}

.galleryThumb { 
  float: left;
  margin: 4px; 
  padding: 4px;
  border: 1px solid #666666;
  background: #000000;
  font-family: Arial, sens-serif;
  font-size: 9px;
  text-align: center;
}
.galleryThumbstyle a:link { color: #eeeeee; }

.galleryFeedTitle { color: #FFFFFF; text-decoration: none; text-transform: uppercase; }


.rsslinks {
  line-height: 1.5em;
  list-style:square url("rss16x-grey.png");
}


.gotnews {
  margin:6px; 
  padding:6px;
  background-color: #ffffcc; 
  border:1px solid #666666; 
  text-align:center;
}








/* === */
/* EOF */
/* === */