body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	background-image: url(background.png);
	background-repeat: repeat;
}
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: #7A3F91;
}
a:visited {
	color: #7A3F91;
}
a:hover {
	color: #7A3F91;
}
a:active {
	color: #7A3F91;
}
#navcontainer {
	display:inline-block;
}

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

}

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

#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%;



}
.picture1
{
	max-width:600px;
}
a.button:link
{
    background-color: #7A3F91;
    color: white;
    padding: 3px 20px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
	border-radius: 5px;
	font-size:15px;
}
a.button:visited
{
    color: white;
}
a.button:hover
{
	background-color: #D18BB1;
}

#cardcontainer
{
	padding: 10px;
	text-align:center;
	max-width: 1100px;
	margin:auto;
}
.card {
	display: inline-block;
	border: 1px solid #ffffff;
	border-radius: 10%;
	width: 300px;
	height: 300px;
	margin: 10px;
	background-color: #FFFFFF;
	vertical-align:middle;
	text-align:center;

}
.blankcard {
	display: inline-block;
	border: 1px solid #ffffff;
	border-radius: 5px;
	width: 300px;
	height: 1px;
	margin: 10px;
	background-color: #FFFFFF;
	vertical-align:middle;
	text-align:center;

}
.cardtitle {
	font-family: 'Permanent Marker', cursive;
	font-size:20px;
}