﻿/* reset browser styles */
html, body, div, h1, h2, p {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}
/* end reset browser styles */
html {
	background-color: rgb(253,248,171);
}
body {
	background-color: rgb(255,255,255);
	border: 3px solid rgb(75,75,75);
	box-shadow: 0 0 15px 5px rgba(44,82,100,.75);
	max-width: 760px;
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	padding: 15px;
}
h1 {
	font-size: 2.75em;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	text-align: center;
	letter-spacing: 1px;
	color: rgb(133,161,16);
	background-color: rgb(226,235,180);
	padding: 5px 15px 12px 15px;
	margin: 16px -15px 16px -15px;
}
h2 {
	font-size: 1.5em;
	font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
	color: rgb(249,107,24);
	border-top: 2px dotted rgb(141,165,22);
	border-bottom: 2px dotted rgb(141,165,22);
	padding-top: 5px;
	padding-bottom: 5px;
	margin: 15px 0 5px 0;
}
p {
	text-indent: 35px;
}
p.interior {
	margin-top: 5px;
	margin-bottom: 5px;
	text-indent: 35px;
}
p.hh2 {
	margin-top: 12px;
	text-indent: 35px;
}
.sidebar {
width: 40%;
float: right;
margin: 20px 5px 0px 10px;
background-color: rgb(250,235,199);
padding: 10px 15px;
border: 1px dotted rgb(252,101,18); 
border-top: 20px solid rgb(252,101,18);
border-radius: 10px;
box-shadow: 5px 5px 10px rgba(0,0,0,.5);
}
a:link, a:visited {color: black;}
a:hover {color: red;}
a:active {color: black;}