/* CSS Document */
html {
       overflow-y: scroll;
}
.video-js {padding-top: 56.25%}
.vjs-fullscreen {padding-top: 0px}
body 
{
	font-family: "petala-pro";
	font-weight:400;
	font-style:normal;	
}
img.map {
	outline: none
}
*:focus {
	outline: none;
	outline-width: 0
}
/* grid */
.row 
{ 
	max-width: 100%;
}
.mainTopGrid 
{ 
	max-width: 1150px;
	margin:auto;
}
.mainBottomGrid 
{ 
	max-width: 1170px;
	margin:auto;
}
/*
.columns {border:1px solid blue;} 


.row {border:1px solid red;} 
*/
/* logo and menu ALL PAGES */


.socialLogos 
{
	height: 35px;
	text-align:right;
	margin-top:20px;
	float:right;
}
#menu 
{
	text-align: right;
	color: #FDC556;
	float:right;
	position:relative;
	z-index:1000;
}
#menu  ul
{
	list-style-type:none;
	margin:0;
	padding:0;
}
#menu li
{
	display: inline;
	margin-left: 22px;
	font-size:15px;
} 

#menu a:link 
{
	color: #65A7CA;
	text-decoration: none;
}
#menu a:visited 
{
	color: #65A7CA;
	text-decoration: none;
}
#menu a:hover 
{
	color: #FDC556;
	text-decoration: none;
}
#menu a:active 
{
	color: #65A7CA;
	text-decoration: none;
}
.row 
{
	position:relative;	
}
.coronaSlideShow 
{
	margin:auto;
	position:relative;
	z-index:10;	
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow:    0px 0px 10px 0px rgba(0, 0, 0, 0.2);
    box-shadow:         0px 0px 10px 0px rgba(0, 0, 0, 0.2);
}
.topRow 
{
	z-index:100;	
}
.bottomRow 
{
	z-index:10;	
	margin-top:40px;
}
.blueColoredFont 
{
    color:#65A7CA;   
	font-size:17px;
}
.homePageText 
{
	font-size:15px;
    line-height:19px;
}
.menuPageText 
{
	font-size:15px;
    line-height:19px;
}
.menuPageTextColumn2 
{
	font-size:15px;
    line-height:19px;
}
.locationBox 
{
	width:100%;
    background-color:#F3F8FB;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow:    0px 0px 10px 0px rgba(0, 0, 0, 0.2);
    box-shadow:         0px 0px 10px 0px rgba(0, 0, 0, 0.2);
    font-size:14px;
	line-height:18px;
	padding:10px;
}
#locationBoxLocationHours 
{
    text-align:center;
    
}
#locationMapBox 
{
    margin-top:15px;
	text-align:right;
}
#locationMap 
{
   	margin:auto;
	text-align:center;
    
}
#locationMapText 
{
    text-align:center;
	margin:auto;
    margin-top:4px;
}
.semiboldFont 
{
    font-family: "petala-pro";
    font-weight:600;
    font-style:normal; 
}
.pageFooter 
{
	width:100%;
	background-color:#65A7CA;
	min-height:46px;
	position:relative;
	z-index:1000;
	bottom:0;	
}

input[type="text"]
{
	border: 1px solid #65a7ca;
	padding-left: 10px;
	font-family: "petala-pro";
	font-size: 15px;
	color: #65a7ca;
}
textarea
{
	border: 1px solid #65a7ca;
	padding-left: 10px;
	font-family: "petala-pro";
	font-size: 15px;
	color: #65a7ca;
	height:120px;
}
#submitButton {
	width: 157px;
	height: 52px;
	float: right;
	background-color: #65a7ca;
	color: #fff;
	text-align: center;
	font-family: "petala-pro";
	font-size: 15px;
	padding-top: 15px;
	cursor: pointer;
	margin-right: 5px
}
#footerLinks {
	width: 100%;
	margin: auto;
	padding-top: 12px;
	font-size: 11px;
	color: #C1DCEA;
	text-align: center
}
#footerLinks ul {
	list-style-type: none;
	margin: 0;
	padding: 0
}
#footerLinks li {
	display: inline;
	margin-left: 11px;
	margin-right:11px;
}
#footerLinks a:link {
	color: #C1DCEA;
	text-decoration: none
}
#footerLinks a:visited {
	color: #C1DCEA;
	text-decoration: none
}
#footerLinks a:hover {
	color: #C1DCEA;
	text-decoration: underline
}
#footerLinks a:active {
	color: #C1DCEA;
	text-decoration: none
}

.videoPlayer
{
	width:100%;
	max-width:528px;
}

@media only screen and (min-width:64.063em) 
{ 

.logo_resize 
{
	width:263px;
	height:156px;
	margin-left:70px;
}
.logo 
{
	width:263px;
	height:156px;	
	float:left;
	position:relative;
	z-index:100;
}
.socialLogos 
{
	width:122px;
	position:relative;
	z-index:10000;
	height:35px;
}
#menu 
{	
	margin-top:90px;
	margin-right:-122px;
}
.coronaSlideShow 
{
	margin-top:-30px;
	max-width:1140px;
}
.homePageText 
{
	padding-top:20px;
	
}
.locationBox 
{
   margin-top:25px;
   padding-top:16px;
   padding-bottom:16px;
}
.pageFooter 
{
	margin-top:100px;	
}
.pageFooterContactPage
{
	margin-top:494px;	
}

.menuPageText 
{
	padding-left:50px;
	padding-top:20px;
}
.menuPageTextColumn2 
{
	padding-top:20px;
	
}
.contactForm
{	
	margin-top:20px;
}
.videoPlayer
{
	margin-top:6px;
	margin-bottom:12px;
}
}
@media only screen and (min-width: 40.063em) and (max-width: 64em) 
{

.logo_resize 
{
	width:263px;
	height:156px;
}
.logo 
{
	width:263px;
	height:156px;	
	float:left;
	position:relative;
	z-index:100;
}
.socialLogos 
{
	width:122px;
	height:35px;
}
#menu 
{
	margin-top:90px;
	margin-right:-122px;
}
.coronaSlideShow 
{
	margin-top:-30px;
	max-width:95%;
}
.homePageText 
{
	padding-top:0px;
}
.locationBox 
{
   font-size: 0.9em;
   line-height:17px;
   margin-top:10px;
}
.pageFooter 
{
	margin-top:40px;	
}
.menuPageTextColumn2 
{
	padding-top:20px;
}
.groveBayLogo
{
	margin-bottom:15px;	
}
.contactForm
{	
	margin-top:20px;
}
.videoPlayer
{
	margin-top:10px;
	margin-bottom:10px;
}
}
@media only screen and (max-width:40em) 
{

.socialLogos 
{
	display:none;
}
.logo 
{
	text-align:center;
	margin:auto;
	width:263px;
	height:156px;	
}
.logo_resize 
{
	width:263px;
	height:156px;
}
#menu 
{
	text-align: center;
	color: #FDC556;
	width:100%;
}
#menu li
{
	font-size:14px;
	margin-left: 5px;
} 
.coronaSlideShow 
{
	margin-top:20px;
	max-width:95%;
}
.locationBox 
{
   font-size: 0.8em;
   line-height:16px;
   margin-top:15px;
}
.pageFooter 
{
	margin-top:40px;	
}

.groveBayLogo
{
	margin-bottom:20px;	
}
.menuPageText 
{
	padding-top:10px;
}
.contactForm
{	
	margin-top:20px;
}
.videoPlayer
{
	margin-bottom:12px;
}
}