body {
  padding: 10px;
  margin: 0;
}
body,p,td,h1,h2,h3 {
  font-family: Arial,sans-serif;
}
a:link {
  color: #00c;
  text-decoration: none;
}
a:visited {
  color: #53c;
  text-decoration: none;
}
a:hover { text-decoration: underline }
a img {
  border: solid 1px black;
}
body {
  color: #000;
  background-color: #fff;
}
div { width: auto }
form { margin: 0px }
h1 { font-size: 1.3em }
h2 { font-size: 1.2em }
h3 { font-size: 1.1em }
td { vertical-align: top }
p:last-child { margin-bottom: 0px }
#bread-crumbs {
  background-color: #eee;
  font-size: 85%;
  margin-bottom: 1em;
  padding: 3px;
}
#bread-crumbs a { color: #00c }
table.data-grid {
  border-collapse: collapse;
  margin: auto auto 1em auto;
} 
table.data-grid td {
  padding: .3em;
  border: solid 1px #aaa;
}
table.data-grid th {
  padding: .3em;
  border: solid 1px #aaa;
}
table caption {
  font-size: 1.1em;
  font-weight: 900;
}
.b { color: #990000 }
.blist {
  color: #990000;
  text-align: center;
  font-size: 85%;
}
.c { text-align: center }
.clear { clear: both }
.left { float: left }
.caption { font-size: 85% }
.content {
  padding: 3px;
  margin-bottom: 1em;
  border: solid 1px #ddd;
  width: auto;
}
.content-alt {
  padding: 3px;
  margin-bottom: 1em;
  border: solid 1px #ddd;
  width: auto;
  background-color: #eee;
}
.lidate {
  white-space: nowrap;
  font-size: 85%;
}
td.linkcol {
  width: 95%;
}
table.news td {
  padding: .3em 0em .3em 0em;
  vertical-align: middle;
}
table.list td {
  vertical-align: top;
}
div.tb {
  background-image: url(/images/new/tbar_left_2.gif);
  background-repeat: no-repeat;
}
div.tb div {
  font-family: serif;
  font-weight: 900;
  color: #337;
  background-image: url(/images/new/tbar_2.gif);
  background-repeat: repeat-x;
  margin-left: 12px;
  padding-right: 3px;
  line-height: 1.25em;
  white-space: nowrap;
}
.grassroots {
  background-color: #fff;
  color: #070;
}
.yin {
  float: left;
  width: 48%;
}
.yang {
  float: right;
  width: 48%;
}
table#ozone {
  border: solid 1px #007;
  border-collapse: separate;
  background-color: #fff;
  margin: auto;
  text-align: left;
  width: 120px;
}
table#ozone .day {
  color: #007;
}
table#ozone th {
  border: none;
  color: #007;
  white-space: nowrap;
}
table#ozone td {
  font-size: .85em;
  line-height: 1em;
  padding: 1px;
  text-align: center;
  vertical-align: middle;
  width: 33%;
}
table#ozone td.green {
  border: solid 1px #070;
  background-color: #0b0;
}
table#ozone td.later {
  border: solid 1px #aaa;
  background-color: #eee;
}
table#ozone td.orange {
  border: solid 1px #d50;
  background-color: #f70;
}
table#ozone td.red {
  border: solid 1px #a00;
  background-color: #f00;
}
table#ozone td.yellow {
  border: solid 1px #cc0;
  background-color: #ff0;
}
.testimonials {
  background-color: #eef;
  border: solid 1px #007;
  float: right;
  font-size: 85%;
  margin: 0 0 10px 10px;
  padding: 10px;
  width: 200px;
}
ul.double-space li {
  margin-bottom: 1em;
}
.rss-img-link {
  float: right;
  margin: 2px
}
.rss-img-link img {
  border: none;
}
.sn-links {
  display: inline;
  float: right;
}
.sn-links img {
  border: none;
  vertical-align: middle;
}

.header { background: url(/images/masthead.jpg); background-repeat: none; height: 85px; margin-bottom: 10px; text-align: center }
.header table { margin: 0; padding: 0; border: none; cell-spacing: 0; width: 850px }
.header td { margin: 0; padding: 0; border: none; border-collapse: collapse; vertical-align: middle }
.header .logo { width: 190px; text-align: left }
.header .logo img { padding-left: 10px }
.header .menu { width: 500px }
.header .ur { width: 160px }
.header .title { font-weight: bold; text-align: left; font-size: 18px; font-family: georgia, times new roman, serif; color: #337; padding: 0 0 0 10px }
.header a:link { color: #00f }
.header a:visited { color: #00f }
.header .logo img { border: none }
ul.menu { margin: auto; padding: 0 0 0 0px }
ul.menu > li { list-style: none; float: left; margin: 0 0 0 10px; padding: 0 5px 0 5px; position: relative }
ul.menu > li:first-child { margin: 0 0 0 5px }
ul.menu > li { background-color: #5790d6; color: #fff; line-height: 30px; font-weight: bold; font-size: 14px; text-align: center; height: 30px }
ul.menu > li > a:link { color: #fff !important }
ul.menu > li > a:visited { color: #fff !important }
ul.menu li li { list-style: none; line-height: 1em }
ul.menu ul { display: none; padding: 0; margin: 0; text-decoration: none; border: solid 2px #a0caf2 }
ul.menu li ul { position: absolute; left: 0; top: 2.5em; width: 170px; font-size: 85% }
ul.menu li:hover ul { display: block; z-index: 2; padding: 0; margin: 0 }
ul.menu ul li { background-color: #d3f0f8; color: #000; padding: 2px; font-weight: normal; text-align: left }
ul.menu ul a:link { color: #00f; text-decoration: none }
ul.menu ul a:visited { color: #00f; text-decoration: none }
ul.menu ul a:hover { text-decoration: underline }
.body_menu { width: 100%; margin: 0 auto 10px auto }
.body_menu div { margin: auto; padding: 0; width: 100px; text-align: center; font-size: 85%; vertical-align: middle; width: 100px; color: #fff; background-color: #9fcbf2 }
.body_menu a:link { color: #337 }
.body_menu a:visited { color: #337 }
body { margin: 0; padding: 0 }
body > div.page { width: 850px; margin: auto; padding: 10px }
td.left_column { width: 150px }
td.main_column { width: 530px; padding: 0 10px 0 10px }
td.right_column { width: 150px }
td.main_column_wide { width: 680px; padding: 0 10px 0 0 }
.spacer { display: block; height: 10px; margin: 0; padding: 0 }
ul.sections { margin: 0; padding: 0; width: 100%; clear: both }
ul.sections li { list-style: none; padding: 0; margin: 10px 0 0 0 }
ul.sections li:first-child { margin: 0 }
.donate_link { background-color: #8d8; border: double 3px #070; padding: 5px; font-weight: bold; font-size: 1em; width: 140px; margin: auto }
table.frame { width: 100%; cell-spacing: 0; border-collapse: collapse; border: none }
table.frame > td { margin: 0; padding: 0 }
div.clear { clear: both }
.button_link { background-color: #5790d6; color: #fff; padding: 5px !important }
.button_link a:link { color: #fff }
.button_link a:visited { color: #fff }
.button_link img { border: none; vertical-align: middle }
.sn_links { padding: 0 0 0 20px; text-align: left !important }
.sn_links img { border: none; vertical-align: middle }
.smaller { font-size: 90% !important }
table { cell-spacing: 0; border-collapse: collapse; border: none }
table.x td { margin: 0; padding: 0 }
table.spotlight { font-size: .85em; width: 100% }
table.spotlight td { width: 33.3%; text-align: center }
.search-box { margin: 10px auto 10px auto; text-align: center }
.search-box input[name="q"] { width: 350px }
table.list td { padding: 3px 0 0 0 }
table.list tr:first-child td { padding: 0 }
table.list tr td:first-child { padding-right: 3px }
.button_row { float: left; width: 100%; position: relative; margin: 10px 0 10px 0; overflow: hidden }
.button_row ul { margin: 0; padding: 0; text-align: center; font-size: 85%; float: left; position: relative; left: 50% }
.button_row li { list-style: none; float: left; vertical-align: middle; width: 100px; color: #000; background-color: #9fcbf2; padding: 0; margin: 0 0 0 10px; position: relative; right: 50%; line-height: 1.35em }
.button_row li:first-child { margin: 0 }
.button_row a:link { color: #337 }
.button_row a:visited { color: #337 }
.li_w200 li { width: 200px }
table.calendar_menu { width: 350px; margin: 10px auto 0 auto }
.calendar_menu div { width: 150px }
div.tb { background: url(/images/title_bar_ul.png); background-repeat: no-repeat }
div.tb div { background: url(/images/title_bar_bg.png); font-family: Arial,sans-serif; color: #337 }
table.news tr td + td { padding-left: 3px }
td.left_column, td.right_column { font-size: .85em }
.button1 { background-color: #9fcbf2 }
ul.spaced li { margin-top: .5em }
ul.spaced li:first-child { margin-top: 0 }
.page > .footer { margin-top: 1em; text-align: center; font-size: 85% }
.page > .footer a { color: #00c }
.page > .footer .blist { font-size: 1em }
li.panel { position: relative }
li.panel > div { display: none }
li.panel:hover { background-color: #d0e1f5 }
li.panel:hover > div { display: block; position: absolute; background-color: #d3f0f8; border: solid 2px #a0caf2; width: 300px; left: 15px; top: 15px; color: #000; padding: 5px; font-size: .85em; z-index: 1 }
table.data-grid { font-size: .85em; color: #000; border: none; width: 100% }
table.data-grid th { background-color: #5790d6; color: #fff; border: none }
table.data-grid td { background-color: #d0e1f5; border: none }
table.data-grid tr.alt td { background-color: #edf3fa }
table.data-grid caption { font-size: 1.5em; padding: 0 0 5px 0 }
ul.checklist li { list-style-image: url(/images/checkmark.png); margin: .25em 0 0 20px }
table.calendar_full_month { width: 720px }
table.calendar_full_month td { padding: 3px }
table.calendar_mini { margin-left: 10px; border: ridge 3px #eee }
table.calendar_mini td { border: ridge 3px #eee }
div.cartoon_archive { text-align: center }
div.cartoon_archive table { margin: auto }
div.cartoon_archive td { padding: 10px }
.alt_button { border: solid 1px #a0caf2; padding: 3px 0 3px 0; background: url(/images/header-gradient.png) }
table.web-hosting-grid tr th:first-child { width: 25% }
table.web-hosting-grid tr > th:first-child + th { width: 25% }
.gsc-branding-text, .gsc-branding-img { display: none !important }