@import url(main.css);
a { text-decoration: none; color: #223377; font-style: italic; }
.borderhead span:before { content: "| ";}
.borderhead span:first-child:before { content: "";}
a:hover { text-decoration: underline; /*background: url("/arrow.png") no-repeat 100% 0%; */}
a:visited { color: #555555; }
.bighead { display: none; text-align: center; }
body {
  background-color: #ffffff;
  color: #000000;
  font-family: "Comic Sans MS", Arial, sans-serif;
  font-size: 10pt;
  background-image: url("pinstripe.png");
  background-attachment: fixed;
  background-repeat: repeat;
}
.newsfeed { padding: 1em; text-align: center; }
.newsitem { padding-bottom: 0.2em; text-align: left; }
.faq, .friends, .quicklinks { text-align: left; padding-left: 2em; padding-right: 2em; }
.quicklink { padding-bottom: 0.5em; }
.main p, .para { text-align: center; }
.borderproxy, .bordercopy { text-align: right; }
.borderhead { text-align: center; }
.borderdate { position: absolute; right: 1em; top: 1em; }
.main {
  margin-left: 8%;
  margin-right: 8%;
  text-align: center;
  background-image: url("crossstripe.png");
  background-attachment: fixed;
  background-repeat: repeat;
/*
  background-image: url("/blue_ripple.png");
  background-repeat: repeat;
  background-attachment: fixed;
*/
}
.products { display: table; border-collapse: separate; border-spacing: 1em; width: 100%; }
.products1 { display: table-row;}
img, .productBox_a, .productBox_b {border: 1px dotted green;}
.productBox_a, .productBox_b { display: table-cell; width:48%; vertical-align: middle; padding: 0.2em;}
.themeimage { float: right; }
.theme_a, .theme_b { clear: both; }
.theme_a p, .theme_b p { text-align: left; }
h4 { text-align: center; }
div.menu2 ul ul, div.menu2, .main {border: 2px dashed green;}
div.menu2, div.menu2 ul {
  font-family: postantiquaroman, postantiqua, Arial, sans-serif;
  font-size: 10pt;
  font-style: normal;
  font-weight: normal;
  color: black;
  background: url("blue_ripple.png") fixed repeat white;
}
div.menu2 li { background: url("blue_ripple.png") fixed repeat white; }
div.menu2 li.sub > a:after { display: marker; width: 2em; text-align: right; content: " >"; }
div.menu2 a:hover {background: url("green_sphere.png") scroll repeat-x 50% 50%;}
.blog_story, .blog_story p { text-align: justify;}