.mainText {
	max-width: 600px;
	text-align: left;
	margin: 20px;
}
.mainTextWide {
	font-size: 20px;
	max-width: 975px;
	text-align: left;
	margin: 20px;
}
.mainTextTitle {
	text-align: center;
	font-weight: bold;
	font-size: 25px;
}
.mainText p{
	font-size: 20px;
}
.mainTextTitleLarge {
	text-align: center;
	font-weight: bold;
	font-size: 30px;
}
.mainTextTitleMedium {
	text-align: center;
	font-weight: bold;
	font-size: 20px;
}
.subTextTitleSmall p{
	font-size: 15px;
	text-align: center;
	font-weight: bold;
}
.mainImage {
	margin: 20px;
	overflow: hidden;
	text-align: top;
}
.textBox {
	font-size: 20px;
	max-width: 775px;
	text-align: left;
	margin: 10px;
}
.imageBox {
	width: 200px;
}
.imageBoxImage {
	width: 200px;
}
.line {
	width: 100%; 
	height: auto
	max-width: 90%;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
}
.periwinkle {
	background-image: url("images/background_GPD_periwinkle.gif");
	background-repeat: repeat;
}
.whiteBackground {
	background-color: white;
}
.centerBlock {
    display: inline-block;
    vertical-align: middle;
}
.leftBlock {
	float: left;
    display: inline-block;
    vertical-align: middle;
}
.imageMain {
	margin: 20px;
}
.imageBlockNoBorder {
	width: 330px;
	height: 440px;
	margin: 20px;
	overflow: hidden;
}
.imageBlock {
	width: 465px;
	height: 440px;
    border-width: 1px;
    border-style: solid;
	border-radius: 15px;
    border-color: black;
	margin: 20px;
	overflow: hidden;
}
.imageBlockText {
	font-size: 20px;
	color: black;
	margin-top: -200px;
	margin-left: 200px;
	text-align: left;
}
.imageBlock500 {
	height: 500px;
    border-width: 10px;
    border-style: solid;
	border-radius: 15px;
    border-color: white;
	margin: 20px;
	overflow: hidden;
}
.imageBlock500NB {
	height: 500px;
	margin: 20px;
	overflow: hidden;
}
.textBlock {
	font-family: "SkewedFont";
	font-size: 25px;
	color: black;
	width: 445px;
	height: 400px;
    border-width: 1px;
    border-style: solid;
    border-color: lightgray;
	margin: 20px;
	padding: 20px;
	border-radius: 5px;
	overflow: hidden;
}
.imgArea {
	width: 300px;
	height: 300px;
	background-color: white;
    border-width: 1px;
    border-style: solid;
    border-color: lightgray;
	border-radius: 5px;
	overflow: hidden;
	margin: 20px;
	text-align: top;
}
.textArea {
	width: 300px;
	height: 300px;
	border-width: 1px;
    border-style: solid;
    border-color: lightgray;
	border-radius: 5px;
	overflow: hidden;
	margin: 20px;
}
.textArea p{
	font-size: 25px;
}
.selectOccasion {
	width: 300px;
	height: 300px;
	overflow: hidden;
	text-align: top;
}
.copyrightBlock {
	display: inline-block;
    vertical-align: middle;
}
.spacer5 {
	width: 5px;
	height: 5px;
}
.spacer7 {
	width: 7px;
	height: 7px;
}
.spacer10 {
	width: 10px;
	height: 10px;
}
.spacer20 {
	height: 20px;
	width: 20px;
}
.spacer30 {
	width: 30px;
	height: 30px;
}
.spacer40 {
	width: 40px;
	height: 40px;
}
.spacer50 {
	width: 50px;
	height: 50px;
}
.padded20 {
	padding: 20px;
}
/* New Vertical Card */
.bottomMenuBlock {
    display: inline-block;
    vertical-align: top;
	text-align: left;
	padding-left: 20px;
	padding-right: 20px;
}
.bottomMenuTitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#4682B4;
}
.bottomMenuItems {
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color:black;
}
.centerOfScreen {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}