body
{
  margin: 0px 0px 0px 0px;
  color: #000;
  background: #eee;
}
h1
{
  font-family: Arial, Helvetica, sans-serif;
}
h2
{
  font-family: Arial, Helvetica, sans-serif;
}
h3
{
  font-family: Arial, Helvetica, sans-serif;
}
h4
{
  font-family: Arial, Helvetica, sans-serif;
}

#flag1
{
  position: absolute;
  top: 20px;
  left: 40px;
  height: 100px;
  width: 160px;
}
#flag2
{
  position: absolute;
  top: 20px;
  left: 230px;
  height: 100px;
  width: 160px;
}
#flag3
{
  position: absolute;
  top: 20px;
  left: 420px;
  height: 100px;
  width: 160px;
}

#titlebar
{
  position: absolute;
  top: 135px;
  left: 10px;
  width: 600px;
  height: 40px;
  color: #fff;
  background: #009;
  border: 0.1px solid #009;
}
#titlebar-wide
{
  position: absolute;
  top: 135px;
  left: 10px;
  width: 800px;
  height: 40px;
  color: #fff;
  background: #009;
  border: 0.1px solid #009;
}
#titletext
{
  position: absolute;
  top: 143px;
  left: 40px;
  color: #fff;
  background: #009;
  font: bold 22px Arial-Black, Helvetica, sans-serif;
}
#bannerspace
{
  width: 610px;
  height: 120px;
}
div.shownoncss
{
  display: none;
  color: #eee;
}

div.leftmenu
{
  position: absolute;
  top: 190px;
  left: 40px;
  width: 160px;
  display: block;
}
/* IE5 and IE6 workaround, from example on w3.org.  Allows fixed
 * on browsers that support it.
body>div.leftmenu
{
  position: fixed;
}
*/
div.leftmenu img
{
  border: none;
}

div.rightmenu
{
  position: absolute;
  top: 190px;
  left: 620px;
  width: 160px;
}
div.rightmenu img
{
  border: none;
}


div.hardmenu
{
  font: bold 20px Arial, Helvetica Narrow, sans-serif;
  color: #30c;
  line-height: 22px;
}
div.hardmenu a
{
  display: block;
  text-decoration: underline;
  color: #30c;
  padding: 0px 0px 0px 5px;
  margin: 10px 0px 0px 0px;
}
div.hardmenu a:link
{
  text-decoration: underline;
  color: #30c;
}
div.hardmenu a:visited
{
  text-decoration: underline;
  color: #66c;
}
div.hardmenu a:hover
{
  background: #fff;
  color: #30c;
}
div.hardmenu p
{
  display: block;
  background: #fff;
  color: #30c;
  padding: 0px 0px 0px 5px;
  margin: 10px 0px 0px 0px;
  border: 1px solid #ccc;
}


div.softmenu
{
  font: bold italic 18px Georgia, New York, serif;
  line-height: 22px;
  color: #660;
  text-decoration: none;
}
div.softmenu a
{
  display: block;
  text-decoration: none;
  color: #660;
  padding: 0px 0px 0px 5px;
  margin: 10px 0px 0px 0px;
}
div.softmenu a:link
{
  text-decoration: none;
  color: #660;
}
div.softmenu a:visited
{
  text-decoration: none;
  color: #660;
}
div.softmenu a:hover
{
  background: #cc0;
  color: #000;
}
div.softmenu p
{
  display: block;
  background: #cc0;
  color: #000;
  padding: 0px 0px 0px 5px;
  margin: 10px 0px 0px 0px;
  border: 1px solid #999;
}

div.subitems
{
  padding-left: 10px;
}
div.subitems-small
{
  padding: 0px 0px 0px 10px;
  margin: 0px;
  line-height: 14px;
  font-size: 14px;
  font-weight: normal;
}


div.blurb
{
  margin-left: 210px;
  width: 400px;
  min-height: 370px;
  color: #006;
  border: 0.1px solid #ccf;
  background: #ccf;
  font: 16px Georgia, New York, serif;
}
div.blurb-wide
{
  margin-left: 210px;
  width: 600px;
  color: #006;
  border: 0.1px solid #ccf;
  background: #ccf;
  font: 16px Georgia, New York, serif;
}
div.blurb-full
{
  margin-left: 10px;
  width: 800px;
  color: #006;
  border: 0.1px solid #ccf;
  background: #ccf;
  font: 16px Georgia, New York, serif;
}


/* padding was very different among browsers, this is a work-around */
div.insideblurb
{
  margin: 10px 10px 10px 10px;
}
div.insideblurb p
{
  margin: 10px 0px 0px 8px;
}
#bigletter
{
  line-height: 100%
}
p.caption
{
  font-style: italic;
  font-size: smaller;
}
div.center
{
  text-align: center;
}
div.pics
{
}
div.pics img
{
  border: none;
  text-align: center;
}
div.pics p
{
  font-style: italic;
  font-size: smaller;
}

div.pics-float
{
  margin: 12px 8px 12px 8px;
  text-align: center;
}
div.pics-float img
{
  border: none;
  text-align: center;
  margin: 5px 50px 5px 50px;
}
div.pics-float p
{
  font-style: italic;
  font-size: smaller;
}
div.pics-centered
{
  text-align: center;
  margin: 20px;
}
div.pics-centered p
{
  font-style: italic;
  font-size: smaller;
  padding: 8px;
}


div.bottomsep
{
  margin-left: 10px;
  width: 800px;
  height: 10px;
  font: 0.1px Arial, Helvetica, sans-serif;
}
div.bottomrule
{
  margin-left: 10px;
  width: 800px;
  height: 2px;
  font: 0.1px Arial, Helvetica, sans-serif;
  background: #ccc;
}
div.bottomtext
{
  margin-left: 10px;
  width: 800px;
  font: 13px Georgia, New York, serif;
  text-align: center;
}

div.titlebar-flow
{
  margin: 15px 0px 15px 10px;
  width: 600px;
  height: 40px;
  color: #fff;
  background: #009;
  border: 0.1px solid #009;
}
div.titlebar-wide-flow
{
  margin: 15px 0px 15px 10px;
  width: 800px;
  height: 40px;
  color: #fff;
  background: #009;
  border: 0.1px solid #009;
}
div.titletext-flow
{
  margin: 7px 0px 0px 30px;
  color: #fff;
  background: #009;
  font: bold 22px Arial-Black, Helvetica, sans-serif;
}
div.titletext-flow a
{
  display: block;
  text-decoration: none;
  color: #fff;
}
div.events
{
  background: #eee;
  padding: 5px;
  font-family: Arial, Helvetica, sans-serif;
}
h3.evtsec
{
  color: #fff;
  margin-bottom: 0px;
  padding-bottom: 0px;
}
div.announcetext
{
  margin: 7px 0px 7px 30px;
  padding-bottom: 6px;
  color: #fff;
  background: #903;
  font: bold 22px Arial-Black, Helvetica, sans-serif;
  text-align: center;
}
div.announcetext a
{
  display: block;
  text-decoration: none;
  color: #fff;
}
img.framed
{
  border: 3px ridge;
}