/* A dot before a selector indicates a class;
   a # before a selector indicates an id.
   
   A class can be used widely, but an id can be used only once in an HTML document. */

/* Styles for general use throughout the website */

body {
	background-color: #d1d1ff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
  text-align: center; /* This will center all content for early IE browsers. */
	padding: 0px;
} /* Content is centered for more civilized browsers below, with an id selector for the all-embracing <div id="fullbody"> */

#fullbody { /* This id is used immediately within the <body> tag to allow all content to be centered. */
  margin-left: auto;
  margin-right: auto;
  width: 1024px;
}

#pagehead {
  position: fixed;
    top: 0;
    left: 0;
  background-color: #ccccd3;
  border-bottom: 7px solid #aaaad3;
  width: 100%;
  text-align: center;
  z-index: 99;
}

#restofpage {
  position: relative;
    top: 175px;
  padding-top: 12px;
  z-index: 0;
}

h2.subhead {
  color: #cc3366;
  font-style: oblique;
}

.subhead {
  font-weight: 700;
  font-size: 112%;
}

.redhot {
  color: #cc3366;
  font-weight: 700;
  font-style: oblique;
  font-size: 112%;  
}

.footnote {
  padding: 12px;
  font-style: oblique;
  font-size: 76%;
}

hr {
  margin-top: 12px;
  margin-bottom: 12px;
  text-align: center;
  width: 65%;
}

ol {
  list-style-type: decimal;
}

/* Style for use on the main page (index.html) of the website */

#sidebar {
  margin-top: 12px;
  float: left;
  width: 256px;
  background-color: #ffffff;
  text-align: left;
  padding: 12px;
}

#menu {
  border: 4px solid #bbaa88;
  padding: 12px;
  background-color: #ffffcc;
  font-weight: 700;
  text-align: center;
}

button {
  margin: 3px;
  width: 100%;
  background-color: #bbaa88;
  font-weight: 700;
}

#special {
  padding: 12px;
  background-color:#ffcccc;
  text-align: center;
  color: #552200;
  font-weight: 900;
  font-size: 110%;
}

#basics {
  margin-top: 24px;
  background-color: #ffffff;
  padding: 24px 8px 256px 8px;
}

div.promises,
div.steps,
div.traditions {
  margin-left: 320px; /* This large amount is needed to get past the sidebar column. */
  margin-right: 64px;
  text-align: left;
}

#responsibility { /* This is designed for use with the Responsibility Pledge on the website's main page. */
  margin: 12px auto 24px; /* top is 12 pixels, bottom is 24 pixels; the auto setting for the two sides sets the box centered left-to-right. */
  border: 4px solid white;
  width: 700px;
  background-color: #ffffcc;
  padding: 6px;
  font-size: 120%;
}

.alt1 {
  padding: 12px;
  background-color: #eaeaf6;
}

.alt2 {
  padding: 12px;
  background-color: #dbffdb;
}

.alt3 {
  margin-top: 0px;
  margin-bottom: 0px;
  padding: 12px;
  background-color: #ffffcc;
}

/* Styles intended primarily for the Where and When listings */

.beginner {
  background-color: #d5ffd5;
  color: #003366;
  font-weight: 700;
}

td.header {
  background-color: #ffffff;
  text-align: center;
  vertical-align: top;
}

td.day {
  background-color: #eeeeff;
  text-align: center;
  color: #113366;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: 700;
  font-size: 125%
}

td.whenhead {
  background-color: #ffffff;
  text-align: center;
  color: #003366;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: 700;
  width: 72px;
}

td.grouphead {
  background-color: #ffffff;
  text-align: center;
  color: #003366;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: 700;
  width: 160px;
}

td.colhead {
  background-color: #ffffff;
  text-align: center;
  color: #003366;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: 700;
}

td.listing {
  background-color: #ffffff;
  color: #003366;
}

td.specialnote {
  background-color: #ffffff;
  border-top-style: none;
  text-align: center;
  color: #003366;
}

td.dayfoot {
  background-color: #f4f4ff;
  text-align: center;
  vertical-align: middle;
  color: #003366;
  font-weight: 700;
}

td.divider {
  background-color: #ccccd3;
}

/* Here is a <td> style for the Special Events page. */

td.event {
  background-color: #f2f2ff;
  padding: 9px;
  font-weight: 700;
  text-align: center;
  color: #003366;
}

/* Contents below this line were found in place when I took over as webmaster */

#MenuBar {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	height: 30px;
	width: 100%;
	text-align: center;
}
.Black a {
	color: #000000;
}
.Black a:hover {
	color: #666666;
}
.White b {
	font-size: 10px;
	font-weight: bold;
}
.White a {
	color: #FFFFFF;
}
.White a:hover {
	color: #8CC5FD;
}
#InfoTable {
	font-size: 14px;
	border: 1px solid #6699CC;
}
#InfoTable .Day {
	font-size: 18px;
}
#InfoTable .Center {
	text-align: center;
}
#InfoTable th {
	background-color: #6699CC;
	text-align: center;
}
#InfoTable td {
	text-align: left;
}
#NavBar {
	color: #000000;
	text-align: center;
	background-color: #CCCCCC;
	font-size: 14px;
}
#Footer {
	font-size: 14px;
}
#Footer a {
	text-decoration: underline;
}
#HoursTable {
	font-size: 14px;
	text-align: center;
}
#HoursTable .Bold {
	font-weight: bolder;
}
/*a {
	text-decoration: none;
}

#body {
	margin: 10px;
	padding: 10px;
} */

