/* GWRRA Chapter NC-I Website Master Page Layout */
body {
  background: #fff none;
  color: black;
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 90%;
  border: 0;
  margin: 0; 
  padding: 0; /* cancel Opera's default padding */
} html>body {font-size:90%;}


.clear {
  clear: both;
  padding-bottom: 1px;	/* for Gecko-based browsers */
  margin-bottom: -1px;	/* for Gecko-based browsers */
}

a, a:link, a:visited, a:active, a:hover {
  text-decoration: underline;
}

table {
  font-size: 100%;
  font-family: verdana, arial, helvetica, sans-serif;
}

td, th {
  vertical-align: top;
}
address {
  text-indent: 0;
}
img {
  border: 0px;
}
hr {
  color: #069;
  background: transparent none;
}

div.clearer {display: block; clear: both; height: 0;}

/* Text Headers
----------------------------------------------- */
/* Margin values and font sizes for headings, and margins on paragraphs
 * and lists are not consistent across browser platforms. To achieve a
 * consistent look we need to explicity set these values here. It may
 * seem an odd way to declare the margins like this but you never
 * know what kind of horizontal padding a browser may be using on an
 * element, and I only want to change the vertical padding.
 * 
 * Pixels are used here, rather than ems, because I want a consistent
 * margin on the different headings. If I use ems, 1em for an h1 element
 * is much larger than 1em on an h6 element. I don't want this.
 * 
 */
ul, ol, dl, p, h1, h2, h3, h4, h5, h6 {
  margin-top: 16px;
  margin-bottom: 14px;
  padding-top: 0;
  padding-bottom: 0;
}

/* Give paragraphs vertical margins related to text size */
p {
  margin: 1em 0;
  text-indent: 0;
}
  
h1,h2,h3,h4,h5,h6 {
  color: #069;
  font-family: verdana, arial, helvetica, sans-serif;
  background: transparent none;
}
h1 {
  font-size: 160%;
  text-align: center;
}
h2 {
  font-size: 135%;
  text-align: center;
}
h3 {
  font-size: 115%;
}
h4 {
  font-size: 100%;
}
h5 {
  font-size: 90%;
  font-style: italic;
}
h6 {
  font-size: 80%;
  font-style: italic;
}
/* Site Banner
----------------------------------------------- */

#banner {
  display: block;
  position: relative;
  width: 100%;
  color: #fff;
  background-color: #069;
}

#bannertbl {
  width: 100%;
}

#bannerimg {
  display: block;
  margin: 0 auto;
  float: left;
}

#bannertitle, #bannermotto {
  font-size: 10pt;
  font-weight: bold;
  margin: 0;
  padding: 4px 6px 0 0;
  text-align: right;
  background: transparent none;
  color: #fff;
}

#bannermotto {
  font-size: 8pt;
  padding: 0 6px 0 0;
  font-weight: normal;
  font-style: italic;
}
/* Main Site Menu
----------------------------------------------- */

#navtop, #navfoot {
/*  position: relative; */
  clear: both;
  color: #000;
  background-color: #069;
}

#navfoot {
  border-bottom: solid 1px #069;
  border-top: solid 1px #069;
  margin-top: .3em;
}
  
div.sitemenu {
  width: 100%;
  font-size: 80%;
  white-space: nowrap;
  padding-top: 3px;
  padding-bottom: 5px;
}

/* Only display the menu separator characters if CSS is not active. */
div.sitemenu span {
  display: none !important;
}

div.sitemenu a {
  color: #fff;
  padding: 2px .4em .4em .4em;
  margin-right: 3px;
  text-align: center;
  border-width: 1px 1px 0 1px;
  border-style: solid;
  border-color: #cdf;
  background-color: #057;
}

#navfooter div.sitemenu a {
  border-top: 0;
}

div.sitemenu a:link, 
div.sitemenu a:visited {
  text-decoration: none;
}

div.sitemenu a:hover {
  text-decoration: underline;
}

div.sitemenu a.first {
  border-left: 1px solid #bcf;
/*  margin-left: 7px;*/
}

div.sitemenu span.last {
  clear: both;
}

div.sitemenu a.here {
  background-color: #fff;
  color: #000;
  border-top: 1px solid #cdf;
  border-right: 1px solid #cdf;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #cdf;
  text-decoration: none;
}
div.sitemenu a.up {
/*   background: #dde none; */
  background: #39c none;
  color: #fff;
}

#navfooter div.sitemenu a.here {
  border: none;
}

#navfooter div.sitemenu a.here {
  background-color: #fff;
  color: #000;
  border-top: 1px solid #cdf;
  border-right: 1px solid #cdf;
  border-bottom:  1px solid #fff;
  border-left: 1px solid #cdf;
  text-decoration: none;
}

/* Main page content block.
----------------------------------------------- */

#content {
  clear: both;
  padding: .5em 1em .5em 1em;
}

#maincontent {
  border-bottom: solid 1px #069;
}

#maincontent td.left {
/*  padding-left: .5em;*/
  padding-right: .5em;
  text-indent: 1em;
}

#maincontent td.right {
  font-size: smaller;
  text-align: center;
  padding-left: .5em;
  border-left: solid 1px #069;
}

dl.subcolimage dt {
  margin: auto;
}

dl.subcolimage dd {
  margin: auto;
  margin-bottom: 1.5em;
}

.noindent {
  text-indent: 0 !important;
}

#footer {
  display: block;
  color: #000;
  background-color: #fff;
  clear: both;
  padding: .5em 1em .5em 1em;
  font-size: 85%;
}

#webringinfo {
  color: #000;
  background-color: #fff;
  text-align: center;
  width: 600px;
  margin: auto;
}

/* Other Stuff
----------------------------------------------- */
div.imgLeft {
  float: left; 
  padding: .5em 1em 1em 0; 
  text-align: center;
  font-size: smaller;
}
div.imgRight {
  float: right; 
  padding: .5em 0 1em 1em; 
  text-align: center;
  font-size: smaller;
}
dl.imgLeft, dl.imgRight {
  font-size:smaller;
  margin-top: 0;
  text-align: center;
}
dl.imgLeft {
  float: left; 
  padding: .5em 1em 1em 0; 
}
dl.imgRight {
  float: right; 
  padding: .5em 0 1em 1em; 
}
dl.imgLeft dt, dl.imgRight dd, 
dl.imgRight dt, dl.imgLeft dd {
  margin:auto;
}
caption {
  caption-side: top;
  text-align: center;
  width: auto;
}
div.inset {
  margin: 0 2em;
}
.notes {
  font-size: .9em;
  color: black;
  background-color: transparent;
  font-family: Verdana, Arial, helvetica, Sans-Serif;
}
.center {
  text-align: center;
}
.smaller {
  font-size: 90%;
}
.nobr, .phone {
  white-space: nowrap;
}
br.clear {
  clear: both;
  height: 0;
}
.important { 
  color: #c00; 
  background: transparent none;
  font-weight: bold; 
}
.hide {
  display: none !important;
}


/* Override some settings for print.
----------------------------------------------- */
@media print {
/*
  body {
    font-size: 12pt !important;
  }
*/
  td {
    font-size: 100%; 
  }
  #banner {
    background-color: #fff !important;
    color: #000 !important;
  }
  #bannertitle, #bannermotto {
    color: #000;
  }
  hr {
    color: #000;
  }
  a {
    text-decoration: underline;
    color: #000;
    background-color: transparent;
  }
  #navtop, #navfoot, #webringinfo, #icrainfo, .noprint {
    display: none;
  }
  
}