html {background: #d6ceff; padding: 1.5em;}
body {font: 0.84em/1.3 Arial, sans-serif; margin: 0; padding: 0;
  color: #000;background-color: #c6ffb9;
  max-width: 1000px; min-width: 72em; margin: 0 auto;
  border: 1px #000 none;
  position: relative;
	border-right: 2px solid navy;
	border-bottom: solid navy 2px;
	}

.skipper, #aboutsite, #aboutsite * {display: none !important;}
* {font-size: 100%;}
h1 {font-size: 2em;}
h2 {font-size: 1.5em;}
h3 {font-size: 1.33em;}
h4 {font-size: 1.1em;}
h5 {font-size: 0.9em;}
h6 {font-size: 0.75em;}
pre, code, tt {font: 110% "Andale Mono", Courier, "Courier New", monospace;}
small {font-size: 85%;}
big {font-size: 115%;}
sup {font-size: smaller; vertical-align: 0.5em; line-height: 1px;}
img.pic {float: right; position: relative; margin: 0.25em 0 0.66em 1.5em; right: 0px;}
img.logo {float: right; position: relative; right: 20px; top: 10px;}
img.border {border: 3px double;}
img.standalone {display: block; margin: 0.5em auto; width: auto; max-width: 100%;}
p.standalone {text-align: center;}
a img {border: none;}
.warning {background: #FF8; color: red; border: 2px solid; padding: 1em;}

dt {font-weight: bold;}

#sitemast {padding: 0; margin: 0; overflow: hidden;
  width: 100%; position: relative;}
#sitemast img{
	height: 90px;
	float: left;
	}
#layoutlogic {
	width: 100%; margin:  0;}
/* Body Lev2 is #layoutlogic. #layoutlogic.page. contains background for included page text */ 
#layoutlogic .page {
	background-color: #c6ffb9; width: auto; border-left:  150px solid #ddd;
	border-color: #f1b9ff;
	}
#layoutlogic h3 {
	color: #353e7d;height:1em;}

.section {
	display: block; margin: 0; width:100%;}
.col-A, .col-B {
	float: left; position: relative;}

/* Outline Lev2 column is .col-A.  Background for this is actually a left border of the center section. */

.col-A {
/* setting display:inline fixes a strange ie margin bug - via: http://www.positioniseverything.net/explorer/floatIndent.html */
    display: inline;
	margin-left: -150px; width: 150px; z-index:10;
	color: fuchsia;padding-left: 7px;}
.col-A h1 {margin-top: 8px;
	margin-bottom: 0px;
	border-bottom: 1px #b0b1ba solid;
	text-align: left;
	font-size: 150%;
	color: #091c5a;
	font-weight: normal;
	padding-top: 6px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 10px;
 }

.col-A ul {padding: 0;
margin: 0; }

.col-A ul li {list-style-type: none;
	margin-top: 7px;
	margin-bottom: 15px;
	color: #fb5701; }
.col-A ul li a:link, .col-A ul li a:visited {
	padding: 3px 10px 1px 10px;
	border-left: 10px #f1b9ff solid;
	color: #091c5a; }
.col-A a.thisPage {
	color: #353e7d;}
.col-A a.link {
	color: #453b04;}
.col-A a.linkPlanned {
	color: #978209;
	font-style: italic;
	font-weight: 100;
	}
.col-A ul {padding: 0;
margin: 0;}
.col-A ul li a:link.thisPage, .col-A ul li a:visited.thisPage, .col-A ul li a:hover {border-left: 10px blue solid;
color: black; background-color:#93baff;text-decoration:none;}

.col-A ul li a:link.thisPage, .col-A ul li a:visited.thisPage {color: #fff; background-color: blue;border-left: 10px #93baff solid; }

	
.col-B {
/* setting display:inline fixes a strange ie margin bug - via: http://www.positioniseverything.net/explorer/floatIndent.html */
    display: inline;
	margin: 0 -3px 0 0px; width: 600px; z-index:20;padding-left: 20px;
	}
.col-B h3 {
	margin: 30px 0 0 0 ;}
.clear {
	clear: both;}
#content {
	width: 700px;padding-left: 30px;
	}
.page > .section {
	border-bottom:  1px solid gray;}
#main {margin: 0 11em 0 0; padding: 3em 4em 3em 4em;
  border-right: 1px solid #AAA;
  min-height: 30em;}
#main h2 {border-bottom: 1px solid; margin: 0 0 0 -1em; padding: 0;
  font-size: 1.25em; line-height: 0.95em;color:#6F6F3C;}
#main h3 {margin: 1em 0 0 0; padding: 0;
  font-size: 1.1em; color:#6F6F3C; line-height: 0.95em;}
.contact {margin: 0 1em; text-align: right; font-size: 90%;} 

#main blockquote {font-style: normal; margin: 1em 1em 1em 2em;}
#main blockquote em {font-style: italic; font-weight: inherit;}
#main blockquote p {margin: 0.33em 2.5% 0.33em 0 !important;
  line-height: 1.2; text-indent: 2em;}
#main blockquote.book p {margin: 0 2.5% 0 0 !important;}
#main blockquote.lyric {font-style: italic; white-space: pre;
  border: none; margin-left: 1em;}
#main blockquote.lyric p {text-indent: 0;}
.quoteattrib {margin: -0.75em 3em 0.66em; font-size: 87.5%;}
.quoteattrib cite {font-style: italic;}

#main p {line-height: 1.4em;}
#main li {line-height: 1.33em; margin-bottom: 0.33em;}
#main .compact li {line-height: normal; margin-bottom: 0;}
#main ul li {list-style: square;}

#extra {position: absolute; top: 98px; right: 0; font-size: 1em; line-height: 1.1;
  width: 10em; padding: 0; margin: 0;}

.panel {padding-top: 1px;}

.panel h4, .panel h5 {margin: 0.5em 0 0.25em; padding: 0 0.5em;
  font-size: 90%; line-height: 1em;
  border-bottom: 1px solid #CCC;}

#boxWborders {
	
	}

#boxWborders td {
	border-right: 1px solid;border-bottom: 1px solid;background-color: white;
	}

#boxWborders th {
	border-top: 1px solid;border-right: 1px solid;border-bottom: 1px solid;background-color: white;
	}
	
.panel ul {list-style: none; margin: 0 0.5em 1em; padding: 0; font-size: 90%;}
.panel li {margin-left: 0.66em; text-indent: -0.66em; line-height: 1.1em;}

/*

----for the tabs with the major site subsections-----

*/
/* from westciv.com

#navigate table {font-size: 80%;
text-transform: uppercase; }

#navigate table tr {float:left;
list-style-type:none; }

#navigate table a {

	display:block;
float:left;
border-top:1px solid #091c5a;
border-left:1px solid #091c5a;
border-right:1px solid #091c5a;
padding:4px 8px;
text-decoration:none;
margin-top: 0;
margin-left: 5px;
margin-bottom: 0;
margin-right: 0;
color: #fff;
background-color: #6882ab; }

#navigate ul.sitesections a:hover, #navigate ul a.current {color: #fff;
background-color: #ff5800; }
*/



#navigate {  background: #b85eee;}
#navigate table {
	width: auto;font-size: 83%;
text-transform: uppercase;}

#navigate td {float: left; 
	border-right:2px solid purple; border-bottom:2px solid purple;
	border-left: 1px solid #f1b9ff; border-top: 1px solid #f1b9ff;
	margin: 0 2px 0 2px ; list-style: none;}
#navigate td.thisPage a{
	display: block; float: left; text-decoration:none;
	padding: 2px 10px 0px 10px;height: 16px;
 	color: #fff; background-color: blue;}
#navigate td.link a {
	display: block; float: left; text-decoration:none;
	padding: 2px 10px 0px 10px;height: 16px;
	color: #403a05; background-color: #ffd30f;}
#navigate td.link a:hover{
	height: 16px;
	display: block; float: left;  text-align: center;background-color: #93baff;
	}
  

 
 
#navlinks {height: 1em; padding: 0; margin-left: 0;
	background: transparent;
	}
#newsletters p.printerFriendly{
	border-width: 6px;border-color: red;border-style:solid;
	background-color: lime;margin: 20px;padding: 6px;
	font-variant: small-caps;width: 400px;text-align: center;font-weight: bold;
	}
#board dt{padding-left: 1em;}
#board dd{color: red;}
#board a{padding-left: 3em;}
#danceList h3 {
	margin: 0 0 -10px 2px;
	}
#danceList table {
	width: 700px;background-color: white;margin-bottom: 2px;
	}
#danceList div.daag-event {
	background-color: #cddad3;margin-left:20px;width: 750px;margin-bottom: 3px;
	}
#danceList td em {
	font-variant: small-caps; font-style: normal;color: blue;font-weight: bold;
	}
#danceList td.desc {
	width: 320px;padding-left: 10px;padding-right: 10px;
	}

#danceList dt{padding-left: 1em;
	font-style: italic;
	color: purple;
	}
#danceList dt.daag-event {
	padding: 0;
	}
#danceList dd {
	padding: 0;
	}
#danceLocations dt{padding-left: 1em;
	font-style: italic;
	color: purple;
	}
#instruction dt{padding-left: 1em;
	font-style: italic;
	color: purple;
	}
#PHPListDialog {
	margin-left: 20px;
	}
#PHPListDialog p {
	margin-left: 30px;
	}
#PHPListDialog *.required {
	color: red;
	}
#PHPListDialog em {
	color: green;background-color: yellow;font-size: 1.5em;
	}
#explore form {width: 14em; margin: 0 0.5em 1.5em;}
#explore input[type="text"] {width: 100%;}

#reading img {border: 1px solid silver;}
#extra #reading img {margin: 0.5em;}

#footer {margin: 0; padding: 0 0 1.5em 4.7em;
  font-size: 0.85em;}
#footer p {line-height: 1em; margin: 0; padding: 0.5em 1em 0 0;}
#footer p.sosumi { padding-top: 1em} 
#prevmonth thead, #prevmonth tbody, #nextmonth thead, #nextmonth tbody{
	display: none !important;
	}
#prevmonth caption, #nextmonth caption{
	border-right: 2px solid blue;border-bottom: 2px solid blue;
	border-left: 1px solid white;border-top: 1px solid white;
	background-color: #75ff6b;margin: 20px;width: 120px; height: 20px;
		}
#prevmonth caption a:hover, #nextmonth caption a:hover{display:block;
	background-color: aqua;
	}
#questionaire table.qItem{
	border-bottom: 1px gray solid; width: 900px;
	}
#questionaire td.qID{
	width: 15px;
	}
#questionaire td.qText{
	width: 300px;padding-left: 10px;
	}
table.sendForm {
	text-align: center;background-color: #bf9bff;padding: 10px;
	border: 2px solid #ff5dd1;width: 100%;
	}
input.sendForm {
	border-color: #ff34b9;border-width: 10px;border-style: solid;
	background: #9aff83;
	}
input.sendForm:hover {
	background: #ff34b9;
	}
a.clickHere {
	border-color: #ff34b9;border-width: 10px;border-style: solid;
	background: #9aff83; padding: 10px;
	}
a.clickHere:hover {
	background: #ff34b9;
	}