@charset "UTF-8";
.page {
	margin:auto;
	max-width: 860px;
}

.hNav {
	background: #ABB88F;
	color: #903;
	text-align: right;
	padding: 8px 8px 8px 8px;
	margin-top: 2px;
	font: 14px "Arial", "Helvetica", sans-serif;
	font-weight: bold;
}

.footer {
	background: #A6B58A;
	color: #903;
	text-align: center;
	padding: 12px 8px 12px 8px;
	font: 10px "Arial", "Helvetica", sans-serif;
	width: auto;
}

.welcome {
	font: 32px/normal Verdana, Arial, Helvetica, sans-serif;
	color: #55136A;
	text-align: left;
}

.explanation {
	font: italic 14px/normal Verdana, Arial, Helvetica, sans-serif;
	color: #A6B58A;
	line-height: 165%;
}

.body {
	font: 16px Verdana, Arial, Helvetica, sans-serif;
	color: #55136A;
	text-align: justify;
	line-height: 175%;
}

h1 {
	font: 30px/normal Verdana, Arial, Helvetica, sans-serif;
	color: #55136A;
	text-align: left;
	margin-top: 24px;
	margin-bottom: 0px;
}

a:link {
	text-decoration: none;
	color: #903;
	font-weight: bold;
}

a:visited {
	text-decoration: none;
	color: #903;
}

a:hover {
	text-decoration: underline;
	color: #999;
}

a:active {
	text-decoration: none;
	color: #903;
}

.content {
	font: 14px/1.7em Verdana, Arial, Helvetica, sans-serif;
	color: #55136A;
	letter-spacing: 0.1em;
	font-size: 12px;
}

.intro {
	font: italic 22px Arial, Helvetica, sans-serif;
	color: #A6B58A;
	letter-spacing: .1em;
}

.Bold {
	font-weight: bold;
	text-transform: uppercase;
	border-left: 12px solid #C9DCA8;
	padding-left: 10px;
	list-style: none;
}

.phone {
	font: 16px Arial, Helvetica, sans-serif;
	color: #A6B58A;
}

.contact {
	font: lighter normal 16px/1.5em Arial, Helvetica, sans-serif;
	color: #A6B58A;
	text-transform: uppercase;
	text-align: center;
}

#mail {
	color:#666;
	font-variant: normal;
	text-transform: lowercase;
}

hr {
    overflow: visible; /* For IE */
    border: none;
	background: none;
    border-top: medium double #55136A;
    color: #55136A;
    text-align: center;
    width: 62%;
    margin-top: 48px;
    border-collapse: collapse;
    opacity: 0.3;
    box-sizing: content-box;
    display: block;
}

hr:after {
    content: "§";
    display: inline-block;
    position: relative;
    top: -0.7em;
    font-size: 1.5em;
    padding: 0 0.25em;
    background: none;
    
}