@charset "utf-8";
/* CSS Document */

body.Home  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	 /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	left:0;
	width:100%;
}

#title {	font-size:24px; font-size:3vw; color:#000080;	}
#subtitle {	font-size:18px; font-size:2vw; color:#000;	}
#ReviewTable {	width:100%;	max-height:300px;	overflow-y: scroll;	}

@media only screen and (max-width: 829px) {	
#frame {	position:absolute;	width:100%;	background-color:#fff;	z-index:0;	top:50px;	}
#menuLogoM {
		display: block;
		width:400px;
		max-width:90%;
		margin: auto;

	}
#col { width: 100%; }
#col1 {  width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex;}
#col2 {  width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex;  }
}
@media only screen and (min-width: 830px) {	
#frame {
	position:absolute;
	width:100%;
	background-color:#fff;
	z-index:0;
	top:115px;
}
#menuLogoM {
		display: none;
	}
#col { position:relative; display:inline; width: 100%; }
#col1 {  width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; }
#col2 {  width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; }
}

#redirctOne { display:inline-block; width:100%; margin:auto; text-align:center; margin-top:5px; }		



#sectionWhite {  width:calc(100% - 20px); width: -webkit-calc(100% - 20px);  width: -moz-calc(100% - 20px); text-align:center; vertical-align:top; margin-top:5px; margin-bottom:5px; padding-left:10px; padding-right:10px; padding-top:5px; padding-bottom:5px;   }
#sectionGrey {  width:calc(100% - 20px);  width: -webkit-calc(100% - 20px);  width: -moz-calc(100% - 20px); text-align:center; vertical-align:top; margin-top:5px; margin-bottom:5px; padding-left:10px; padding-right:10px; padding-top:5px; padding-bottom:5px;   background-color:#E4E4E4;   }



@media only screen and (min-width: 700px) {		

#frameBox { width:100%; margin:auto; display: inline-block; padding-top:10px; padding-bottom:10px; }
#sideBox	{ width:260px;  display: inline-block;  vertical-align:top;}
#mainBox { width: calc(100% - 270px);  width: -webkit-calc(100% - 270px);  width: -moz-calc(100% - 270px); display: inline-block;   vertical-align:top;}


#sectionOne {  width:100%; text-align:center; margin-top:5px; margin-bottom:5px;    }
#redirctOne { position:relative;  padding:5px; margin:5px; width:calc(45% - 20px);  width: -webkit-calc(45% - 20px);  width: -moz-calc(45% - 20px);display:inline-block; background-color:#E4E4E4;   }


#linkOne  {
position:absolute; width:120px; height:50px; padding:5px 5px 5px 5px; vertical-align:middle;  text-decoration:underline;  font-size:18px; font-weight:bold; color:#000; background-color:#fff; bottom:10px; left:10px;
	
	
}
#linkTwo { position:absolute; width:120px; height:50px;  padding:5px 5px 5px 5px; text-decoration:underline;  vertical-align:middle; font-size:18px; font-weight:bold; color:#000; background-color:#fff; bottom:10px; right:10px; }



#sectionTwo { background-color:#E4E4E4; width:100%; text-align:center;   padding-bottom:5px; padding-top:5px;    }
#redirctCircle { 	position:relative; padding:5px; margin:2px; width:calc(25% - 50px);  width: -webkit-calc(25% - 50px);  width: -moz-calc(25% - 50px); display:inline-block; 					}
#linkCirc { position:absolute; top:33%; width:100%;    vertical-align:middle; font-size:20px;  font-weight:bold; color:#fff; }
#linkCirc2 { position:absolute; top:27%; width:100%;    vertical-align:middle; font-size:18px;  font-weight:bold; color:#fff; }
#linkCircB { position:absolute; top:33%; width:100%;   vertical-align:middle; font-size:20px;  font-weight:bold; color:#000; }

#rightImageS2 { display: none;		}
#leftImageS2 { display: none;	 		}

#prices { position:relative; width:100%; text-align:center;  }
#bigPrices {position:relative; padding:5px; margin:5px; width:calc(80% - 25px);  width: -webkit-calc(80% - 25px);  width: -moz-calc(80% - 25px); max-width:405px; text-align:center; margin:auto;    }
#smallPrices { height:100%; display: block;  vertical-align:middle; marging-bottom:3px; margin-top:3px; }


#linkThree { position:absolute; width:120px; height:50px;  padding:5px 5px 5px 5px; text-decoration:underline;  vertical-align:middle; font-size:36px; font-weight:bold; color:#000; background-color:#fff; bottom:10px; right:calc(50% - 60px);  right: -webkit-calc(50% - 60px);  right: -moz-calc(50% - 60px);}


#linkThree a { color:#000; }
#linkThree a:hover { color:#FF8000; }


#tabThird { position:relative; padding:3px; margin:5px; width:calc(90% - 20px);  width: -webkit-calc(90% - 20px);  width: -moz-calc(90% - 20px); vertical-align:top;  display:inline-block; background-color:#fff; }
#tabThirdC { position:relative; padding:3px; margin:5px; width:calc(90% - 20px);  width: -webkit-calc(90% - 20px);  width: -moz-calc(90% - 20px); vertical-align:top;  display:inline-block; }
#tabFourth { position:relative; padding:5px; margin:7px; width:calc(48% - 24px);  width: -webkit-calc(48% - 24px);  width: -moz-calc(48% - 24px); vertical-align:top;  display:inline-block; background-color:#FFF; -webkit-box-flex: 1; -ms-flex: 1;  flex: 1; }
a #tabFourth   { color:#000; text-decoration:none;   }
#footer { 
	margin:0;
	padding: 20px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:  #9FB5FF; 
	color: #000;
} 
#footerText { min-width:calc(100% - 10px);  min-width: -webkit-calc(100% - 10px);  min-width: -moz-calc(100% - 10px);
padding:5px;
display:block;
}
#footerTop {display:block; }
.footerText{ color:#000;
			text-decoration:none;
			}
.footerText a {
	color: #E87400;
	font-weight:bold;
}
#giantPhone {
	width:calc(85% - 10px);  width: -webkit-calc(85% - 10px);  width: -moz-calc(85% - 10px);
	float:right;
	font-size:9vw;
	color:#E87400;
	font-weight:bold;

	
}

#logoFoot { width:15%;
max-width:150px;


padding-bottom:10px;
	
}
}

@media only screen and (max-width: 699px) {		

#frameBox { width:100%; margin:auto;  padding-top:10px; padding-bottom:10px; }
#sideBox	{ width:350px;  display: block;  vertical-align:top; margin: auto;}
#mainBox { width:100%;  display: block;   vertical-align:top;}


#sectionOne {  width:100%; text-align:center; margin-top:5px; margin-bottom:5px;   overflow: auto; }
#redirctOne { position:relative; padding:5px; margin:5px; width:450px; display:inline-block;   background-color:#E4E4E4; }


#linkOne  {
position:absolute; width:160px; height:60px;  padding:20px 10px 0px 10px;  vertical-align:middle;  text-decoration:underline;  font-size:20px; font-weight:bold; color:#000; background-color:#fff; bottom:10px; left:10px;
	
	
}
#linkTwo { position:absolute; width:160px; height:60px;  padding:20px 10px 0px 10px;  text-decoration:underline;  vertical-align:middle; font-size:20px; font-weight:bold; color:#000; background-color:#fff; bottom:10px; right:10px; }
#linkTwo a { color:#000; }
#linkTwo a:hover { color:#FF8000; }

#linkThree { position:absolute; width:160px; height:60px;  padding:20px 10px 0px 10px;  text-decoration:underline;  vertical-align:middle; font-size:36px; font-weight:bold; color:#000; background-color:#fff; bottom:10px; right:calc(50% - 80px);  right: -webkit-calc(50% - 80px);  right: -moz-calc(50% - 80px); }
#linkThree a { color:#000; }
#linkThree a:hover { color:#FF8000; }

#linkOne a { color:#000; }
#linkOne a:hover { color:#FF8000; }

#sectionTwo { background-color:#E4E4E4; width:100%; text-align:center;   padding-bottom:5px; padding-top:5px;     }

#redirctCircle { 	position:relative; padding:5px; margin:2px; width:300px; width:calc(50% - 20px);  width: -webkit-calc(50% - 20px);  width: -moz-calc(50% - 20px);  display:inline-block; 					}

#linkCirc { position:absolute; top:30%; width:100%;     vertical-align:middle; font-size:42px;  font-weight:bold; color:#fff; }
#linkCirc2 { position:absolute; top:26%; width:100%;     vertical-align:middle; font-size:36px;  font-weight:bold; color:#fff; }
#linkCircB { position:absolute; top:30%; width:100%;   vertical-align:middle; font-size:42px;  font-weight:bold; color:#000; }
#rightImageS2 { display: none;		}
#leftImageS2 { display: none;	 		}
#tabThird { position:relative; padding:5px; margin:5px; width:calc(95% - 25px);  width: -webkit-calc(95% - 25px);  width: -moz-calc(95% - 25px); vertical-align:top;  display:inline-block;  background-color:#fff;  }
#tabFourth { position:relative; padding:5px; margin:7px; width:calc(48% - 24px);  width: -webkit-calc(48% - 24px);  width: -moz-calc(48% - 24px); vertical-align:top;  display:inline-block; background-color:#FFF; -webkit-box-flex: 1;  -ms-flex: 1; flex: 1; }
a #tabFourth   { color:#000; text-decoration:none;   }
#footer { margin:0; padding: 20px; background:  #9FB5FF; color: #000; } 
#footerText { min-width:calc(100% - 10px);  min-width: -webkit-calc(100% - 10px);  min-width: -moz-calc(100% - 10px);
padding:5px;
display:block;
}
#footerTop {display:block; text-align:center; }
.footerText{ color:#000;
			text-decoration:none;
			}
.footerText a {
	color: #E87400;
	font-weight:bold;
}
#giantPhone {
	width:calc(100% - 10px);  width: -webkit-calc(100% - 10px);  width: -moz-calc(100% - 10px);
	text-align:center;
	font-size:10vw;
	color:#E87400;
	font-weight:bold;
	
}

#logoFoot { width:150px;
	text-align:center;
	margin:auto;
padding-bottom:10px;
	
}


}
#linkCircB a  { color:#000;  }
#linkCirc a  { color:#FFF;  }
#linkCirc a:hover, #linkCircB a:hover  { color:#FF8000;  }

.tab4high {	font-size:18px; line-height:1.5; padding-left:50px; text-indent:-40px; display:block; text-align:left;  vertical-align:middle;	}
.tab4highBuff {	font-size:14px; line-height:1.5; padding-left:50px;  display:block; text-align:left;  	}
#linkBoxB { position:absolute; top:50px; width:100%; height:100%; padding-left:5px;     vertical-align:middle; font-size:24px;  font-weight:bold; color:#000; }
#bookOdd {  position:relative; background-color:#E4E4E4; width:calc(100% - 40px);  width: -webkit-calc(100% - 40px);  width: -moz-calc(100% - 40px);   padding-top:10px; padding-bottom:5px; margin:5px;  display: inline-block;  text-align:center;     }
#bookTitle1 { position:relative; background-color:#E4E4E4; width:calc(100% - 20px);  width: -webkit-calc(100% - 20px);  width: -moz-calc(100% - 20px);  vertical-align:middle;  text-align:center;   padding-bottom:5px; margin-top:5px;  font-size:20px;      }
#bookList1  { position:relative; background-color:#E4E4E4; width:calc(100% - 20px);  width: -webkit-calc(100% - 20px);  width: -moz-calc(100% - 20px);  vertical-align:middle;  text-align:center;  padding-bottom:5px;   }
.calendarJS { margin:auto; }
#footsteps	{ font-style:italic; text-align:left; padding-left:10px; padding-top:10px; 	color:#00F;  padding-bottom:10px;  	}
#footsteps a { text-decoration:underline; color:#00F;   		}
#footsteps a:hover { text-decoration:underline; color:#FF8000;   		}
p { text-align:left; padding:10px; }
h1 { font-size:36px; font-weight:bold; line-height:1.4;  }
h2 { font-size:24px; font-weight:600;  line-height:1.4; }
h3 { font-size:20px; font-weight:500;  line-height:1.4; }