body {
	font-family: 'PT Sans', sans-serif;
	font-size: 10pt;
}
td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
}
th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
}
.style1 {color: #EF0800}
a:link {
	color: #315AB5;
}
a:visited {
	color: #315AB5;
}
a:hover {
	color: #229BFF;
}
a:active {
	color: #315AB5;
}
#navcontainer {
	display:inline-block;
}

#title
{
	padding: 10px;
	text-align:center;
	max-width: 800px;
	margin:auto;
}

#container
{
	padding: 10px;
	text-align:center;
	max-width: 800px;
	margin:auto;
}

#navcontainer ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	width:100px;
	height:35px;
	display:inline-block;
}

#navcontainer ul li 
{ 
	display: inline;
	padding:5px;
	width:25%;
}
#navcontainer ul li a { text-decoration: none; }

.picture
{
	max-width:600px;
	border-radius: 4%;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.picture1
{
	max-width:600px;
}
a.button:link
{
    background-color: #f44336;
    color: white;
    padding: 5px 25px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
	border-radius: 5px;
	font-size:20px;
}
a.button:visited
{
    color: white;
}
a.button:hover
{
	background-color: #ff4336;
}.white {
	color: #FFFFFF;
}
.video {
	width:90%;
	max-width:640px;
	margin:auto;
}
.video-container {
	position:relative;
	padding-bottom:56.25%;
	height:0;
	overflow:hidden;
}

.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}


.video-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.video-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}
#cardcontainer
{
	padding: 10px;
	text-align:center;
	max-width: 1100px;
	margin:auto;
}
.card {
	display: inline-block;
	border: 5px solid #000000;
	border-radius: 5px;
	width: 300px;
	height: 150px;
	margin: 5px;
	background-color: #FFFFFF;
	vertical-align:middle;
	text-align:center;
	padding:10px;
}
.cardgraphic {
	display: inline-block;

	border-radius: 5px;
	width: 330px;
	height: 180px;
	margin: 5px;
	background-color: #FFFFFF;
	vertical-align:middle;
	text-align:center;
}
.blankcard {
	display: inline-block;
	border: 5px solid #ffffff;
	border-radius: 5px;
	width: 300px;
	height: 1px;
	margin: 5px;
	background-color: #FFFFFF;
	vertical-align:middle;
	text-align:center;
	padding:10px;
}
.cardtitle {
	font-family: 'Permanent Marker', cursive;
	font-size:20px;
}

.cardtitlewhite {
	font-family: 'Permanent Marker', cursive;
	font-size:20px;
	color:#FFFFFF;
}