* {
	text-align: center;
}

body {
background-color: #ff726f; 
background-position: ;
}
.fancyHeader {

font-family: "Georgia pro"; 
font-size: 95px;
color:white;
text-align:center;
margin: 1em 0 0.5em 0;	 
font-weight: normal;  
line-height: 42px;
text-transform: uppercase;
text-shadow: 0 2px white, 0 5px #D2042D;

/*	https://tympanus.net/codrops/2012/11/02/heading-set-styling-with-css  idea found from styling for header*/

}
p {
color: white;	
font-style: calibre italic;
font-size:38px;
}
/* styles all of the images on the homepage also positions them */ 
#rightimage {
	width:400px; 
	height:370px; 
	float:right; 
	margin:10px; 
	border-style:ridge; 
	border-color:white; 
}
#leftimage {
	width:400px; 
	height:370px; 
	float:left; 
	margin: 1px 5px 5px 5px; 
	border-style:ridge; 
	border-color:white; 
} 
#bottomleftimage {
	align:left;
	width:400px;
	height:335px; 
	margin-bottom:;
	border-style:ridge; 
	border-color:white; 
	float:left;
	margin-right:
}

/* styles the pre content */ 
pre {
	color:white;
	font-style:calibre italic;
	font-size:34px
}
	#bottomrightimage {
	width:400px; 
	height:335px; 
	float:;
	border-style:ridge; 
	border-color:white; 
	margin-top:1px;
	margin-left:1px;
	margin-right:1;
	float:right;
    vertically-align:bottom;
	}
	
		
		
		
		
	
	/* styles all the content for the bottom links */
	.bottomLinks {
	
	border-style: groove;
	float: center;
	text-decoration: none;
    width:10px;
	height: 10px;
	float: center;
	font-size: 10px;
	font-family: Tahoma;
	font-colour: white;
	color: white;
	
	
    font-family: verdana;
    font-size: 3em;
    font-weight: 700;
    color: #f5f5f5;
    text-shadow: 1px 1px 1px #919191,
        1px 2px 1px #919191,
        1px 3px 1px #919191,
        1px 4px 1px #919191,
        1px 5px 1px #919191,
        1px 6px 1px #919191,
        1px 7px 1px #919191,
        1px 8px 1px #919191,
        1px 9px 1px #919191,
        1px 10px 1px #919191,
    1px 18px 6px rgba(16,16,16,0.4),
    1px 22px 10px rgba(16,16,16,0.2),
    1px 25px 35px rgba(16,16,16,0.2),
    1px 30px 60px rgba(16,16,16,0.4);

	
	
	}
	
	a:hover {
		
		color: #d4af37;
		text-decoration: underline;
		
		
	}

	/*https://codepen.io/ryandsouza13/pen/yEBJQV styling used for link REFERENCE FOR THE 3D LINKS */
	
	/* styles the content for the buttons */
	.checkBox {
		
		width: 33px;
		height: 33px;
		
		
		
	}
	
	.theButton {
     background:#e75480 ;
     color:white;
     border-style: outset;
     border-color:#e75480;
     height:150px;
     width:200px;
     font:bold35px arial,sans-serif;
     text-shadow:none;
}

.theButton:hover {
     background:#e75480 ;
     color:#fff;
     border:1pxsolid#eee;
     border-radius:18px;
     box-shadow:3px3px3px#eee;
     text-shadow:none;
	 cursor: pointer; 
}



/* https://www.jotform.com/help/118-how-to-customize-the-submit-button-with-css/ */

#conformationWriting {
	
	text-align: center; 
	font-weight: bold;
	font-size: 70px; 
	text-shadow: 2px 0 0 #C70039, -2px 0 0 #C70039, 0 2px 0 #C70039, 0 -2px 0 #C70039, 1px 1px #C70039, -1px -1px 0 #C70039, 1px -1px 0 #C70039, -1px 1px 0 #C70039;
	/*https://stackoverflow.com/questions/13426875/text-border-using-css-border-around-text*/
	
	
	
	
}


/* https://www.youtube.com/watch?v=RPF-Dt737BA */
/* adds the styling effect for the main header */
h2 {
	
	position: absolute;
	font-size: 44px ;
	text-transform: uppercase;
	font-weight: 500;
	 text-shadow: 
	 1px 1px 1px #C70039,
	 1px 2px 1px #C70039,
	 1px 3px 1px #C70039,
	 1px 4px 1px #C70039,
	 1px 5px 1px #C70039,
	 1px 6px 1px #C70039,
	 1px 7px 1px #C70039,
	 1px 8px 1px #C70039,
	 1px 9px 1px #C70039,
	 1px 10px 1px #C70039;
	 
	 1px 18px 6px rgba(199, 0, 57)
	 1px 22px 10px rgba(199, 0, 57)
	 1px 25px 35px rgba(199, 0, 57)
	 1px 30px 60px rgba(199, 0, 57)
}
.linksForLatestOffers