body {
	margin: 0;
	padding: 0;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	background: Teal;
}
.top {
	height: 100px;
	width: 100%;
	background-color: white;
	border-bottom: 1px solid black;
}
h1 {
margin : 20px 0 0 25px;
float : left;

font-size : 28px;
font-style : normal;
line-height : normal;
font-weight : bold;
color : #000066;
}
#right {
float : right;
}
#content {
margin : 10px 10px 10px 0px;
border : 1px solid black;
float : right;
width:75%;
padding : 0px;
text-align : justify;
background-color : white;
}
#content p {
line-height : 1.3em;
margin : 0;
padding : 5px 40px 10px 15px;
word-spacing : 0.3em;
}
#content pre {
line-height : 1.3em;
margin : 0;
padding : 5px 40px 10px 10px;
word-spacing : 0.3em;
font-family : "Courier New", Courier, monospace;
font-size : 1.2em;
}
#content ul {
line-height : 1.3em;
word-spacing : 0.3em;
padding-right : 40px;
}
#content p:first-letter {
font-weight : bold;
}
#content h2 + p {
padding-top : 10px;
}
#content > h2:first-child {
border-top-width : 0;
}
a:link , #content a:visited {
text-decoration : none;
color : #000066;
font-weight : bolder;
}
a:hover {
border-style : solid;
border-color : black;
border-width : 1px 0;
font-weight : bolder;
}
a:active {
text-decoration : line-through;
font-weight : bolder;
}
h2 {
background-color : #000066;
color : white;
clear : left;
position : relative;
font-size : 16px;
line-height : 24px;
padding : 2px 5px;
margin : 10px;
letter-spacing : 0.1em;
}
h3 {
background-color : #dcdcdc;
clear : left;
color : #666666;
padding : 2px 15px;
font-size : 14px;
border-style : dotted;
border-width : 1px 0;
border-color : black;
}
h4 {
background-color : transparent;
clear : left;
color : #000066;
padding : 2px 5px;
font-size : 12px;
font-weight : bold;
}
table {
border : 1px solid black;
border-spacing : 3px;
color : black;
margin-left : auto;
margin-right : auto;
text-align : center;
}
th , td {
border : 1px solid black;
padding : 3px;
}
#menutop {
float : left;
width : 20%;
margin : 10px;
border : 1px solid black;
background-color : white;
}
#menutop img {
display : none;
}
#menutop ul {
margin : 0 10px;
padding : 5px 0;
list-style : none;
}
#menutop ul li {
padding : 2px 3px;
}
#menutop a:link , #menutop a:visited {
color : #000066;
font-weight : bold;
text-decoration : none;
}
#menutop a:hover {
border-style : solid;
border-color : black;
border-width : 1px 0;
}
#menutop a:active {
text-decoration : underline;
}
.hvid {
background-color : white;
margin : 15px 30%;
padding : 15px;
display : block;
left : 50%;
border : 1px solid black;
}
#menuleft {
float : right;
width : 25%;
margin : 0 5px;
background-color : #6e7f91;
padding : 10px 0;
background-image : url(../images/whitecorner.png);
background-repeat : no-repeat;
background-position : 100% 100%;
color : white;
}
#menuleft ul {
margin : 0 10px;
padding : 0;
list-style : none;
}
#menuleft li {
padding : 1px 0;
}
#menuleft dl {
margin-left : 10px;
}
#menuleft dt {
padding : 2px 0;
}
#menuleft a:link , #menuleft a:visited {
color : white;
text-decoration : none;
}
#menuleft a:hover {
border-style : solid;
border-color : white;
border-width : 1px 0;
}
#menuleft a:active {
text-decoration : line-through;
}
img {
  	border: 0px none Black;
}
img.left {
float : left;
margin : 10px 10px 5px;
display : block;
}
img.center {
float : none;
padding: 5px;
margin-left : auto;
margin-right : auto;
border : 1px dashed black;
text-align : center;
display : block;
}
img.center1 {
	float: none;
	margin-left: auto;
	margin-right: auto;
	padding: 5px;
	border: 0px none Black;
	text-align: center;
	display: block;
}
img.right {
float : right;
margin : 0 0 5px 10px;
display : block;
}
img.scale {
margin-right : 10px;
display : inline;
max-width : 50%;
cursor : crosshair;
}
img.scale:active {
max-width : 100%;
}
dl {
margin-left : 10px;
}
dt {
font-weight : bold;
}
dd {
padding : 5px 0;
margin-left : 0;
}
p#copyright {
background-color : #dcdcdc;
border-top : 1px solid black;
text-align : right;
margin: auto;
height: 41px;
vertical-align: middle;
}

p#copyright img {
float : left;
margin: 5px;
}
abbr , acronym {
cursor : help;
}
span.super {
vertical-align : super;
font-size : 0.6em;
}
blockquote {
font-style : italic;
}
h2[id]:hover:after , h3[id]:hover:after {
content : " #" attr(id);
color : #dcdcdc;
font-size : 80%;
float : right;
margin-right : 15px;
}
h3[id]:hover:after {
color : inherit;
}
#accesskeytable {
width : 200px;
display : table;
table-layout : fixed;
margin-left : 10px;
}
#accesskeytable td {
border : 1px solid black;
border-collapse : collapse;
padding-left : 10px;
}
#accesskeytable tr:first-child td {
font-weight : bold;
background-color : #2e5476;
color : white;
}
#accesskeytable td + td {
text-align : center;
}
img.contact {
content : "\006D \0065 \0040 \006D \0061 \0072 \006B \0073 \0063 \0068 \0065 \006E \006B \002E \0063 \006F \006D";
font-size : 1.5em;
margin : 0 auto 10px;
display : block;
text-align : center;
}
span.style {
color : gray;
font-style : normal;
font-size : 0.9em;
float : right;
padding-right : 10px;
}
#content p.column {
float : left;
border-right : 1px dotted black;
width : 55%;
padding-right : 10px;
margin-right : 10px;
}
#content p.column img {
float : right;
margin : 0 0 0 1em;
padding : 0 0 0.5em 0.5em;
background-color : transparent;
border-style : solid;
border-color : black;
border-width : 0 0 1px 1px;
width : 50%;
max-width : 200px;
}
#content p.column + p {
padding-top : 0;
}
.albumlist {
padding : 10px;
}
.albumlist img {
width : 25%;
padding : 5px;
margin : 0;
border-style : dotted;
border-color : black;
border-width : 0 0 1px 1px;
display : block;
float : left;
}
dl.toc {
display : block;
width : auto;
margin-right : 2%;
}
dl.toc dt {
border-bottom : 1px dotted black;
padding : 2px 5px;
}
dl.toc dd {
margin : 0;
padding : 0;
}
dl.toc dd dl {
margin-top : 0;
margin-bottom : 10px;
padding : 10px 0 0;
border-left : 1px dotted black;
}
dl.toc a:after {
content : attr(title);
font-weight : normal;
color : black;
float : right;
margin-left : 10px;
font-style : italic;
font-size : 0.9em;
text-decoration : none;
}
dl.links {
display : block;
float : left;
width : 45%;
}
dl.links dt {
display : block;
color : #2e5476;
}
dl.links dd {
display : block;
margin-bottom : 10px;
border-bottom : 1px dotted black;
}


