#night {
	position:absolute;
	top:0px;
	right:.4em;
	font-weight:bold;
	text-decoration:none;
	cursor:pointer;
	z-index:100;
	opacity:.6;
}

#night img {
	height:33px;
}

#night:hover {
	opacity:1;
}

html {
   max-height: 999999px;
}

body {
  font-family: Verdana;
  font-size:11pt;
  margin:40px auto;
  max-width:700px;
  line-height:1.6em;
  color: #373D3F;
  background: #ffffff;
  margin-top: 0px;
}

h1 {
	font-family: Georgia;
}

h2 + h3 {
    margin-top:0;
}

h2 {
    font-size:1.6em;
    border-bottom:1px dotted #aaa;
    margin-top:4em;
	padding-bottom:6px;
}

h3 {
    font-size:1.3em;
    margin-top:2.5em;
    margin-bottom:0;
}

h3.step {
	margin-top:1em;
}

h4 {
    font-size:1em;
}

img.a {
    display: block;
    margin: 0 auto;
    margin-top: 50px;
    width:65%;
}

img.b {
    display: block;
    margin: 0 auto;
    margin-top: 40px;
    width:75%;
}

img.c {
    display: block;
    margin: 0 auto;
    margin-top: 40px;
    width:80%;
}

h1 {
font-size:30.0pt;
text-align:center;
}

.pagetop {
position:fixed;
top:0px;
height: 20px;
width:100%;
}

.header_right {
padding: 2px 10px;
position:fixed;
right:50px;
top:0px;
text-align: right;
text-decoration:hover; underline;
font-size:13.0pt;
}

.header_center {
padding: 2px 10px;
position:fixed;
top:0px;
width:100%;
text-align: center;
font-size:13.0pt;
color: #373D3F;
}

.header_left {
padding: 2px 10px;
position:fixed;
left:50px;
top:0px;
width:100%;
text-align: left;
text-decoration:hover; underline;
font-size:13.0pt;
}

::selection {
    background-color: #fff2a8;

}


::-moz-selection {
    background-color: #fff2a8;

}


::-o-selection {
    background-color: #fff2a8;

}

::-ms-selection {
    background-color: #fff2a8;

}


::-webkit-selection {
    background-color: #fff2a8;

}


a:link {
text-decoration: none;
color: #0066ff;
}

a:visited {
text-decoration: none;
color: purple;
}

a:hover {
text-decoration: underline;
color: #373D3F;
}

a:active {
text-decoration: underline;
color: #373D3F;
}

ul#toc {
    padding-left:1em;
}

ul#toc li {
    list-style-type:none;
    margin: 17px 0;
    font-weight:bold;
}

ul#toc li li {
    font-weight:normal;
}

ul#toc li li li {
    font-size:90%;
    margin:10px 0;
}

ol li {
  margin: 17px 0;
  list-style-position:inside;
}

.bold {
font-weight: bold;
}

.italic {
font-style: oblique;
}

.underline {
text-decoration: underline;
}

.subheading {
text-align:center;
margin:auto; 
display:table;
}

.subheading a {
	font-weight:bold;
}

hr{
  max-width:100%;
  color: #373D3F;
  margin-top: 50px; 
  margin-bottom: 50px; 
  border: 0;
  background-color: #fff;
  border-top: 1px dashed #8c8c8c;

}