﻿body,td,th {
	font-family: Times New Roman;
	color: #000000;
}
body {
    background-image: url("images/hopeview_pic.jpg");
    background-repeat: no-repeat;
    background-position: center top;
    background-attachment: fixed;
    background-size: cover;
}
a:link {
	color: #0000ff;
	text-decoration: none;
}
a:visited {
	color: #0000ff;
	text-decoration: none;
}
a:hover {
	color: #ff0000;
	text-decoration: none;
}
a:active {
	color: #0000ff;
	text-decoration: none;
}
header {
	margin: auto;
	max-width: 1100px;
 	min-height: 113px;
	color: #ffffff;
	background-color: #0000ff;
	background-image: url("images/silhou.jpg");
	background-repeat: no-repeat;
	background-position: left;
	text-align: center;
	padding: 1px;
}
footer {
	clear: both;
	width: 300px;
	color: #ffffff;
	background-color: #0000ff;
	text-align: center;
	margin: auto;
	padding: 10px;
}
footer a {    
	color: #ffc000 !important;
	font-size: 1.25em;
}
footer a:hover {    
	color: #ff8000 !important;
}
nav {
	float: top;
	background-color: rgba(255, 255, 128, 0.2);
	max-width: 1100px;
	margin: auto;
}
nav ul {
	list-style-type: none;
	font-size:1.25em;
	text-align: center;
}
   
nav ul a {
	text-decoration: none;
}
nav li {
	display: inline;
	padding: 0px 20px 0px 20px;
}
article {
	max-width: 1100px;
	margin: auto;
	background: #c0c0c0;
	padding: 10px;
}
blockquote {
	font-size:1.25em;
	max-width: 800px;
	margin: auto;
	background: #e0d0c0;
	padding: 10px;
}

@media (min-width:601px) {
.pic1 {
	float: right;
	width: 400px;
	text-align: center;
	background-color: #d0d0d0;
}
}
@media (max-width:600px) {
.pic1 {
	margin: auto;
	width: 100%;
	text-align: center;
	background-color: #d0d0d0;
}
table {
	width: 100%;
}
}

@media (min-width:801px) {
.pic2 {
	float: right;
	width: 550px;
	text-align: center;
	background-color: #d0d0d0;
}
}
@media (max-width:800px) {
.pic2 {
	margin: auto;
	width: 100%;
	text-align: center;
	background-color: #d0d0d0;
}
}

body {font-size:100%;}
h1 {font-size:2em; line-height:120%;}
h2 {font-size:1.8em;}
h3 {font-size:1.6em;}
h4 {font-size:1.4em;}
h5 {font-size:1.3em;}
p {font-size:1.25em; line-height:150%; text-align: left;}

li {font-size:1.25em; line-height:150%; text-align: left;}
table {font-size:0.9em; line-height:120%; margin: auto;background-color:#fffff0;}
th, td {padding: 0px 5px 0px 5px;}
th.c {text-align: center;}
td.c {text-align: center;}
td.l {text-align: left;}
td.r {text-align: right;}
