@font-face
{
  font-family: captureIt;
  src: url("../fonts/captureIt.woff") format("woff");
}

body
{
	background-image: url('../images/PM_background.jpg');
	background-size: 100%;
}

header 
{
	font-family: captureIt, Arial, serif;
	font-size: 2em;
	margin-top: 0.2em;
	margin-bottom: 0.0em;
	color: white;
	text-align: center;
}

footer 
{
	font-family: captureIt, Arial, sansSerif;
	font-size: .90em;
	text-align: center;
	margin-top: 2em;
	margin-bottom: 1em;
	color: white;
}

footer a
{
	text-decoration: none;
	color: white;
}

h2
{
	color: white;
}

h3
{
	color: white;
}

img
{
	/* float: left; */
	border: none;
	/* image-align: center; */
	/* vertical-align: bottom; */
}

a
{
	text-decoration: none;
}

p
{
	font-family: captureIt, Arial, sansSerif;
	color: white;
}

#container
{
	/* position: absolute; */
	position: relative;
	width: 80%;
	left: 10%;
}

#ref_letter
{
	font-family: Times New Roman, Times, serif;
	width: 60%;
	margin: auto auto;
}

#ref_center
	{
		margin: auto;
		width: 30%;
		font-family: captureIt, Arial, sansSerif;
		font-size: 1.0em
	}

.ppcontainer
{
	margin: auto;
	display: flex;
	width: 60%;
	align-items: center;
}

.cpgcontainer
{
	margin: auto;
	display: flex;
	width: 60%;
	align-items: center;
}

.fb_container
{
	display: flex;
	width: 100%;
	align-items: center;
	margin-top: 2em;
	justify-content: center;
}

.fb_container a
{
	color: white;
}

.fb_container a:visited
{
	color: white;
}

.fb_container a:active
{
	color: white;
}

#index_container
{
	float: right;
}

.center
{
	/* display: block; 
	image-align: center; 
	margin-bottom: 30px; 
	margin-left: auto; 
	margin-right: auto */
	
	display: block; 
	width: 80%;
	image-align: center;
	/* margin-bottom: 30px; 
	margin-left: auto; 
	margin-right: auto; */
	margin: auto;
}

.help
{
	display: flex; 
	margin: 10px auto 20px;
	justify-content: center;
	/* vertical-align: bottom; */
}

#foot_div
{
	position: bottom;
	width: 100%;
	display: flex;
	justify-content: center;
}

	.vertical-menu
	{
		margin: auto;
		width: 30%;
		font-family: captureIt, Arial, sansSerif;
		font-size: 1.5em
	}
	
	.vertical-menu a
	{
		color: white;
		display: block;
		padding: 12px;
		text-decoration: none;
		
	}
	
	.vertical-menu a:hover
	{
		background-color: #00008B;
	}
	
	.vertical-menu a.active
	{
		background-color: #04AA6D;
		color: white;
	}