#logo {
  background-color: #002246;
  position: absolute;
  z-index: 2000; 
  top: 0;
  left: 0;
  width: 814px;
  height: 368px;
  text-align: left;
  background-image:url(cover_banner3.jpg);
  background-repeat: no-repeat
}

img.logo {
  float: left
}

img.banner {
  border: 2px solid white;
}

#mission {
  display: block;
  border-left: thin solid #ddd;
  padding-left: 1em;
  padding-bottom: 1em;
  padding-top: -1em;
  text-align: left;
  vertical-align: center;
  width: 580px;
  font-size: small;
  font-style: italic;
  margin-bottom: 5px;
  color: #ddd;
  float: left
}

div.page {
  position: absolute;
  z-index: 2000;
  top: 368px;
  left: 0px;
  background-color: #002246
}

/* menu styles 
 
   The ng_menu is separated for distinction and its local site nature.  Other
   links are external for the most part.

 */
#menu {
  display: block;
  text-align: left;
  padding-right: 10px;
  padding-left: 10px;
  padding-top: 3px;
  padding-bottom: 3px;
  text-decoration: none;
  background-color: #002246;
  color: #ddd;
  width: 200px;
  height: auto;
  float: left;
  font-size: 10pt
}

#menu div {
  display: block;
  font-style: italic;
  margin-top: 10px
}

#menu a {
  display: block;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 15px;
  font-style: normal;
  text-decoration: none;
  color: #ddd;
}

#menu a:hover {
  display: block;
  background-color: #ddd;
  color: black
}

#ng_menu a {
  display: block;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 0;
  font-style: normal;
  font-weight: bold;
  text-decoration: none;
  color: #ddd;
}

#ng_page a:hover {
  display: block;
  background-color: #ddd;
  color: black
}

/* main page */

body {
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 10pt;
  width: 814px;
  background-color: #002246
}

div.right_img {
  float: right;
  width: 125px;
  margin: 0.5em;
  padding: 0.5em
}

div.right_img p {
  text-align: center;
  font-style: italic;
  font-size: smaller;
  text-indent: 0;
  width: 100%
}

div.right_img_300 {
  float: right;
  width: 300px;
  margin: 0.5em;
  padding: 0.5em
}

div.right_img_300 p {
  text-align: center;
  font-style: italic;
  font-size: smaller;
  text-indent: 0;
  width: 100%
}

div.left_img {
  float: left;
  width: 100px;
  margin: 0.5em;
  padding: 0.5em
}

div.left_img p {
  text-align: center;
  font-style: italic;
  font-size: smaller;
  text-indent: 0
}

div.left_img p img {
} 

div.center_img {
  display: block;
  text-align: center;
  width: 75%
}

div.center_img img {
  border: none
}

div.center_img p {
  text-align: center;
  font-style: italic;
  font-size: smaller;
  text-indent: 0;
  width: 100%
}

div.news_story {
  display: block;
  text-align: center;
  width: 550px
}

div.news_story div.headline {
  color: #ddd;
  background-image: url(news_fade.jpg);
  width: 100%
}

div.news_story div.headline p.date {
  padding-top: 5px;
  text-align: left;
  font-style: italic;
  font-size: normal;
  text-indent: 10px;
  width: 100%
}

div.news_story div.headline p.headline {
  padding-bottom: 15px;
  text-align: center;
  font-style: italic;
  font-size: larger;
  text-indent: 0;
  width: 100%
}

div.news_story img {
  padding-top: 5px;  
}

div.news_story p.story {
  margin-left: 20px;
  text-align: left;
  font-style: bold;
  font-size: normal;
  text-indent: 5px;
  border-right-width: 1px
}

div.contact {
  margin-top: 1em;
  margin-bottom: 1em
}

div.contact a {
  color: #05194d;
  margin-top: 0;
  margin-bottom: 0;
  text-align: left;
  font-size: small;
  width: 300px
}

div.contact ul {
  display: block;
  color: #05194d;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 1em;
  text-align: left;
  font-size: small
}

div.contact li {
  display: list-item;
  font-size: 10pt;
  text-align: left;
  text-indent: 0;
  list-style: none
}

div.contact p {
  margin: .125em 0em;
}

div.main {
  background-color: #ddd;
  margin-left: 2px;
  margin-top: 2px;
  border-left: 4px groove gray;
  border-top: 4px groove gray;
  border-right: 2px outset gray;
  border-bottom: 2px outset gray;
  padding: 10px;
  float: left;
  width: 565px;
  color: #05194d
}

/* blows up floating images in the main text area...
div.main p {
  text-indent: 1.5em;
  margin-bottom: 1em;
  margin-top: 0;
  width: 565px
}
*/

div.first_sect {
  display: block;
  margin-top: 1em;
  color: #05194d
}

div.sect {
  clear: both;
  display: block;
  color: #05194d;
  margin-top: 1em;
  margin-right: 1em;
  margin-left: 1em;
  padding-top: 1em
}

div.poem {
  margin: 1em 1em
}

div.poem p {
  margin: .125em 2em;
  font-style: italic;
  font-size: 14pt;
  font-family: georgia, times new roman, times, serif;
  font-weight: bold;
  align: left
}

div.poem p.author
{
  text-indent: 3em
}

div.page_links p {
  margin: .25em 0px;
  font-weight: bold
}

/*****
 * special event styles 
 */

div.event {
  align: center;
  font-size: larger
}

div.event p.title {
  font-size: 28pt;
  font-weight: bold;
  color: red
}

div.event p.date {
  font-size: 16pt;
  font-weight: bold;
}

div.event div.details {
  font-size: 16pt;
}

div.details p {
  align: center;
  margin: .25em 0px;
}

div.details p.band {
  align: center;
  margin: .25em 0px;
  font-size: 16pt;
  font-weight: bold
}

div.event div.location {
  margin: 1em;
}

div.event div.location p {
  margin: .25em 0px;
  font-weight: bold;
}

div.location p.em {
  font-size: 16pt
}

div.event div.tix {
  font-size: 10pt
}

div.tix {
  width: 100%;
  margin: 1em 0px .25em 0px;
}

div.tix p
{
  margin: .25em 0px;
  font-weight: bold;
  width: 100%
}

div.tix span.where {
  display: block;
  float: left;
}

div.tix span.phone {
  display: block;
  float: right;
}

div.event p.important {
  clear: both;
  margin-top: 6em;
  font-weight: bold;
  font-style: italic;
  font-size: 14pt
}

span.red_text {
  color: red;
}

div.left_overlay {
  text-indent: -1.5em;
  margin-left: 1.5em;
  width: 500px
}