body { font-size: 80%; background-color:#fff;color:#000;  }

h1, h2, h3, h4, h5, h6, th,  .menu, .nav, caption { font: bold 100%  verdana, helvetica, sans-serif; text-align:center; }
.nav { font-weight:normal; text-align:left; }
.menu, .menu li.nav { font-size: 13px; font: bold 100%  'trebuchet ms', tahoma, helvetica, verdana, sans-serif; }
#menuIn { position: absolute; top: 3em; right: 1em; }

h1 {  margin-top: 0; margin-bottom: 0; padding-right: 5%; background-color:#eee;color:#000;  }
h2 { margin-top: 1em; background-color:#ffc; color:#000;   }
h3, h4, h5, h6 { text-align: left; }

#top #tutorials { margin-top: 0; margin-bottom: 0; padding-bottom: .5em; }
.md { position:absolute; right:.5em;  top: 2.5em;  }
.md input {  padding-left:.25em; padding-right:.25em; }
#input3 { margin-right: 1.25em; }

.tabborder { float: right; width: 15%; top:.5ex; clear: both;
	margin-top: 0;  padding-top:.25em; padding-left: .5em; text-align: left; 
	background-color:#ccc;color:#000;
	border:solid 1px #fc0; white-space: nowrap; }
.tabbrac { font-weight:normal; background-color:inherit; color:#ccf; }
.tabborder img { margin-left:.5em; }

.main { margin-left:10%;margin-right:10%; 
	border-top-style: none; border-right: solid 1px #fc0; border-bottom: solid thin #ccc; border-left: solid 1px #fc0; } 
.text { margin-right:12%; margin-bottom:1em; margin-left:12%;  }
.text2 { margin-left:5%; margin-right:5%; }

ol li, ul li { margin-bottom:1em; }
.mar0 li { margin-bottom: 0; }
ol li { list-style-type: decimal; }
ul li { list-style-type:disc; }
ul li ul { margin-top:1em; }
ul li ul li { list-style-type:circle; }
ul li ul li ul li { list-style-type:square; }
.yarrow { list-style-image:url(pics/yarrow.gif); list-style-type:disc; }
.circle { list-style-image: none; list-style-type:circle; }
.none { list-style-type:none; }
.decimal { list-style-type: decimal; }

table.auto { margin-right: auto; margin-left:auto; }
.w50 { width: 50%; }
.w100 { width: 100%; }

.small { font-size: smaller; }

p, li, tt, .tt {  font: normal 100%  verdana, helvetica, sans-serif; }

li p { font-size: 100%;  }

#nP, #pP, bt p { margin-right:0; margin-left:0; }
#nP { margin-bottom: .25ex;  cursor: pointer;  }
#pP { margin-top: .25ex; margin-bottom: .25ex; cursor: auto; }
#clos { background-color:#fff; color:#00f; cursor: pointer;  }

hr { background-color:#fff;color:#ccc; border: solid 1px #ccc;  }
.hrGrn { height:1px; border: solid 1px #9c9; }
.bT { border-top: solid 1px #99c; padding-top:1em; }
.bB { border-bottom: solid 1px #99c; padding-bottom:1em; }

.scroll { width:95%; line-height: 5em; letter-spacing:.2em; padding: 0 1em 1em .5em; border: outset thin #ccc; overflow:auto; }
.scroll2 { width: 95%; padding: 0 0 1em .5em; overflow:auto; }
.source { border: outset medium #ff0; padding:1em; margin-bottom:1em; }
.sourceX { border: outset medium #f99; padding:1em; margin-bottom:1em; }
.rule { border: solid thin #fc0; padding: 0 1em 1em 1em; margin-bottom: 1em; }
.rule h3, .rule p c6, .source h3, .source p c6  { padding-right: 5%;  }

form#fm textarea, form#fm input#addr { text-align:left; border: inset thick #fff; background-color:#ffc; color:#000; 
	font: normal 100% georgia,palatino, san-serif; }
form#fm .rst { background-color:#ccc;color:#000; }
form#fm .snd { background-color:#9f9;color:#000; }

.info { padding: 0 1em 1em 1em; margin-bottom: 1em; }
.info1 { border: solid medium #c99;  }
.info2 { border: solid medium #99c; }
.info3 { border: solid medium #c9c;  }
.info4 { border: solid medium #9cc; }

.pT { padding-top:1em; }
.pT0 { padding-top:0; }
.pB { padding-bottom:1em; }
.pB0 { padding-bottom:0; }
.pR0 { padding-right:0; }
.pL { padding-left:1em; }
.pL0 { padding-left:0; }
.pR { padding-right:1em; }


.mT0 { margin-top:0; }
.mT { margin-top:1em; }
.mR { margin-right:1em; }
.mB0 { margin-bottom:0; }
.mB { margin-bottom:1em; }
.mL0 { margin-left: 0; }
.mL { margin-left: 1em; }
.mL3 { margin-left: 10em; }
.m05 { margin-left: 5%; }
.m10 { margin-left: 10%; }
.m12 { margin-left: 12%; }
.m15 { margin-left: 15%; }

.indent { margin-left: 10%; text-indent: -5%; }

.active { background-color:#fff; color:#000; cursor: s-resize; }
.c0 { background-color:#ffc; color:#000; }
.c01a { background-color:#fff; color:#000; }
.c01 { background-color:inherit; color:#000; }
.c02, #nP, #pP { background-color:#ccc; color:#000; }
.mocknP { border-bottom: solid 1.25em #ccc;  }

.c03 { background-color:#eef;color:#000; }
.c04 { background-color:#cff; color:#000; }
.c05 { background-color:#cfc; color:#000;  }
.c06 { background-color:#fcc; color:#000;  }
.c07 { background-color:#fc0; color:#000;  }
.c08 { background-color:#0cf; color:#000;  }

.big { font-size:150%; }
.c5 { text-align: left; }
.c6 { text-align:center; }
.c7 { text-align: right; }
.c11 { text-decoration:none; }
.c12 { font-weight: bold; }
.c13 { white-space:nowrap; }
.c14 { font-weight:normal; }
.c15 { font-style: italic; }

.hdd, .onlyP { display: none; }

.inline { display:inline; }

.fL { float:left; margin-right:1em; margin-bottom:1em; }
.fR { float:right; margin-left:1em; margin-bottom:1em; }
.clear { clear:both; }

img { border-style:none; }
img#steer { float:left; width:96px; }
img#boat { float:left; width:96px; }
img.boat { float:right; width:96px;  margin-top: -2em; }
img.boat0 { float:right; width: 96px; height:70px; margin-top: -2em; }
img#boat000 { float:left; width:73px; margin-left: 2%; }
img.boat000 { float:right; width:73px; margin-top: -40px;  margin-right: -1em; }
img.wfall { float:right; width:96px; } 
img.palmTree { float:left; width:96px; margin-top:1em; padding-left:2%; } 
img.beastie { float:right; width:67px; cursor:pointer; } 
img#rbow { float:left; width:89px; } 
img.rbow { float:right; width:89px; margin-top:-3em; cursor:pointer; } 
img#anchors {  float:left; width:96px; }
img.anchors {  float:right; width:96px; margin-top:-20px; padding-left: .5em; }
img#compass {  float:left; width:96px; }
img#crit {  float:right; width:68px; margin-top:-2em; }

a:link, a:active, a:visited { text-decoration:none;background-color:#fff; color:#00f; }
a.tabmenu:link, a.tabmenu:visited, a.tabmenu:active { padding-left:.5em; padding-right:.5em; 
	background-color:#ccc; color:#00f;
	border-bottom-style:none;  }
li a.tabmenu:link, li a.tabmenu:visited, li a.tabmenu:active { padding: 0 0 0 0; }
a#nL:link, a#nL:visited, a#pL:link, a#pL:visited { text-decoration:none;background-color:#ccc; color:#00f; }
a.active:link, a.active:visited, a.active:active { padding-left:.5em; padding-right:.5em; 
	background-color:#ccc; color:#000;
	border-bottom-style:none; cursor:s-resize;  }
li a.active:link, li a.active:visited, li a.active:active { padding: 0 0 0 0; }
a:hover { background-color:#ffc; color:#00f; }
a.tabmenu:hover { padding-left:.5em; padding-right:.5em; 
	background-color:#ffc;color:#00f;
	text-decoration:none; }
li a.tabmenu:hover { padding: 0 0 0 0; }
a.active:hover  { padding-left:.5em; padding-right:.5em; 
	background-color:#ffc; color:#000;
	border-bottom-style:none; cursor:w-resize;  }
li a.active:hover  { padding: 0 0 0 0; }
a#pL:hover { background-color:#fff; color:#00f; }