/* http://homepage2.nifty.com/tomchem/ */

* {
	border: none;
	font-weight: inherit;
	margin: 0;
	padding: 0;
}

body {
	color: #222;
	font-size: 100%;
	font-style: normal;
	line-height: 1.6;
	margin: 0;
	padding: 0;
}

h1, h2, h3, h4, h5, h6 {
	font-family: arial;
}

h1 {
	color: #fff;
	margin: 0 0 0 2%;
	background-color: #27b;
	font-size: 250%;
}


#main h2, h3, h4, h5, h6 {
	background-color: transparent;
	color: #555;
	line-height: 1.1;
	font-weight: normal;
}
#main h2 {
	border-bottom: 2px solid #ccc;
	font-size: 150%;
	margin: 0 2% 1em 2%;
	padding: 0.1ex 2%;
	font-weight: bold;
}

#side h2 {
	background-color: transparent;
	color: #555;
	line-height: 1.1;
	font-weight: normal;
}
#side h2 {
	border-bottom: 2px solid #ccc;
	font-size: 120%;
	margin: 0 2% 1em 2%;
	padding: 0.1ex 0%;
}

#side dt {
	list-style-type: none;
	margin:0;
	padding: 0;
}

#side dl {
	margin: 0;
	padding: 0;
}

#side dd {
	margin: 0;
	padding: 0;
}

h3 {
	border-left: 0.5ex solid #27b;
	font-size: 110%;
	line-height: 1.8;
	margin: 1.8em 2% 0.5em 2%;
	padding: 0 0.5em;
}
h4 {
	border-left: 0.5ex solid #ccc;
	font-size: 100%;
	line-height: 1.8;
	margin: 1.4em 2% 0.5em 2%;
	padding: 0 0.5em;
}
h5 {
	font-size: 100%;
	margin: 1em 6%;
}
h6 {
	font-size: 100%;
	margin: 1em 8%;
}


p {
	margin: 0.8em 4%;
}


address {
	font-size: 90%;
	text-align: right;
	font-style: normal;
	margin: 0.8em 2%;
}


ins {
	text-decoration: underline;
}
del {
	text-decoration: line-through;
}


blockquote {
	border: 2px dotted #078;
	margin: 0.8em 4%;
	padding: 0 1%;
}
blockquote:before {
	content: "Quotation: ";
	display: block;
	font-style: italic;
}
blockquote[title]:after {
	content: "\300E" attr(title) "\300F";
}
blockquote[cite]:after {
	content: "(" attr(cite) ")";
}
blockquote[title][cite]:after {
	content: "\300E" attr(title) "\300F(" attr(cite) ")";
}

q {
	background-color: transparent;
	color: #078;
	quotes: "\20\201C" "\201D\20" "\20\2018" "\2019\20";
}
q:before {
	content: open-quote;
}
q:after {
	content: close-quote;
}
q[title]:after {
	content: close-quote "\300E" attr(title) "\300F";
}
q[cite]:after {
	content:  close-quote "(" attr(cite) ")";
}
q[title][cite]:after {
	content:  close-quote "\300E" attr(title) "\300F(" attr(cite) ")";
}


ul,ol {
	margin: 0.8em 2%;
}
ul li {
	list-style-type: disc;
}
ol li {
	list-style-type: decimal;
}
ul ul, ol ol {
	margin: 0 0 0 1em;
}

li {
	list-style-position: inside;
	margin: 0 0% 0 2%;
}
li li {
	margin: 0 0% 0 2%;
}
li p {
	margin: 0;
}

#main dl {
	margin: 0.8em 2%;
}
#main dt {
	display: list-item;
	list-style: disc none inside;
	margin: 0.8em 0% 0 4%;
}
#main dd {
	margin: 0 0% 0.8em 8%;
}
#main dd ul,dd ol {
	margin: 0;
}
#main dd p {
	margin: 0 0 0.8em 0;
}


table {
	border: 1px solid #ccc;
	border-collapse: collapse;
	border-spacing: 1px;
	line-height: 1.3;
	margin: 0.8em 4%;
}
th {
	background-color: #f0f0f0;
	color: #222;
}
th,td {
	border: 1px dotted #ccc;
	text-align: center;
	padding: 0.2em;
}
caption {
	caption-side: top;
	margin: 0.8em 4%;
	text-align: left;
}


pre {
	background-color: #eee;
	color: #222;
	font-size:100%;
	line-height: 1.3;
	margin: 0.8em 4%;
	padding: 0.2em;
	white-space: pre;
}


div {
	margin: 0;
	padding:0;
}

/*
hr {
	display: none;
}
*/

a {
	text-decoration: underline;
	/*margin: 0 0.1em;*/
}
a:link {
	background-color: transparent;
	color: #00c;
}
a:visited {
	background-color: transparent;
	color: #709;
}
a:hover, a:active {
	text-decoration: none;
}
a:hover {
	background-color: transparent;
	color: #e00;
}
a:active {
	background-color: transparent;
	color: #d00;
}


em,strong {
	font-weight: bold;
	font-style: normal;
}
em {
	background-color: transparent;
	color: #700;
}
strong {
	background-color: transparent;
	border-bottom: 1px dotted #e00;
	color: #e00;
}

abbr {
	border-bottom: 1px dashed #222;
}
dfn {
	font-weight: bold;
}
cite {
	font-style: normal;
}
code, samp {
	background-color: #eee;
	color: #222;
}
pre code, pre samp {
	background-color: transparent;
	color: #222;
}

sub {
	font-size: 80%;
}
sup {
	font-size: 80%;
}

div#head {
	background-color: #27b;
	margin: 0 0 15px 0;
	padding: 10px 10px 10px 10px;
}

img.advertisement {
	float: right;
	border: 0px;
	margin: 0;
	padding: 0;
}

a.advertisement {
	border: 0px;
	margin: 0;
	padding: 0;
}

div#main {
	float: left;
	padding: 2%;
	width: 65%;
	margin: 0;
}

div#side {
	background-color: #f8f8f8;
	margin-left: 1%;
	padding: 2%;
	float: left;
	width: 20%;
	font-size: 90%;
}
div#foot {
	clear: left;
}