@font-face {
  font-family: "Futura";
  src: url("fonts/FuturaKoyu.ttf");
}

@font-face {
  font-family: "FuturaEx";
  src: url("fonts/FuturaExtended.ttf");
}

@font-face {
  font-family: "Calibri";
  src: url("fonts/Calibri.ttf");
}

.cleanText {
-webkit-user-select: none; 
-khtml-user-select: none; 
-moz-user-select: none; 
-o-user-select: none; 
user-select: none; 
}

a.whitelink:link {
color:#fff;
text-decoration:none;
}

a.whitelink:active {
color:#fff;
text-decoration:none;
}

a.whitelink:visited {
color:#fff;
text-decoration:none;
}

a.whitelink:hover {
color:#dedede;
text-decoration:none;
}

a.bluelink:link {
color:#009ed9;
text-decoration:none;
}

a.bluelink:hover {
color:#1cb2e9;
text-decoration:none;
}

a.bluelink:active {
color:#6fd3f8;
text-decoration:none;
}

a.bluelink:visited {
color:#009ed9;
text-decoration:none;
}

a.boxlink:link {
color:#525252;
text-decoration:none;
}

a.boxlink:hover {
color:#525252;
text-decoration:none;
}

a.boxlink:active {
color:#525252;
text-decoration:none;
}

a.boxlink:visited {
color:#525252;
text-decoration:none;
}

.appleLinks a {
color:#dedede;
text-decoration:none;
}

.appleLinksWhite a {
color:#ffffff;
text-decoration:none;
}

@media all and (min-height: 900px) {
	body {
		font-size:1.7vh;
	}
}

h1 {
color:#525252;
font-size:32px;
font-weight:normal;
margin: 0;
margin-bottom:20px;
}

@media all and (min-height: 900px) {
h1 {
color:#525252;
font-size:3vh;
font-weight:normal;
margin: 0;
margin-bottom:20px;
}
}

ul
{
margin-bottom:0;
paddin-bottom:0;
}


/* Full Specific */

/* Top Nav */
.navMainItem {
display:inline-block;
text-align:center;
padding-left:9px;
padding-right:9px;
height:45px;
padding-top:23px;
float:right;
font-weight:bold;
color:#525252;
cursor:pointer;
z-index:10;
}

.navMainItem:hover {
background:#eeeeee;
}

.navMainItem:active {
background:#626262;
color:#ffffff;
}

.navSubItem {
float:right;
padding-left:12px;
padding-right:12px;
color:#626262;
font-weight:bold;
padding-top:8px;
padding-bottom:7px;
cursor:pointer;
}

.navSubItem:hover {
background:#fff;
}

.navSubItem:active {
background:#626262;
color:#fff;
}

/* About Page */
.aboutMenuNav {
position:fixed;
width:1000px;
min-height:46px;
margin: 0 auto;
background:#dedede;
border-radius:5px;
text-align:center;
}

.aboutNavItem {
display:inline-block;
font-size:16px;
color:#525252;
padding:12px;
cursor:pointer;
}

.aboutNavItem:hover {
background:#eeeeee;
}

.aboutNavItem:active {
background:#525252;
color:#fff;
}

.aboutNavRItem {
display:inline-block;
font-size:16px;
color:#525252;
padding:12px;
padding-left:10px;
padding-right:10px;
cursor:pointer;
}

.aboutNavRItem:hover {
background:#eeeeee;
}

.aboutNavRItem:active {
background:#525252;
color:#fff;
}

.aboutNavItemLeft {
border-top-left-radius:5px;
border-bottom-left-radius:5px;
}

.aboutNavItemRight {
border-top-right-radius:5px;
border-bottom-right-radius:5px;
}

.aboutBubble {
width:1000px;
max-width:100%;
min-height:50px;
box-sizing: border-box;
margin-top:100px;
background:#fff;
border-radius:5px;
padding:13px;
box-shadow:0 0 7px #222222;
line-height:200%;
}

.aboutBubbleR {
width:1000px;
min-height:50px;
margin-top:0px;
background:#fff;
border-radius:5px;
border-top-left-radius:0px;
border-top-right-radius:0px;
padding:13px;
box-sizing: border-box;
max-width:100%;
box-shadow:0 0 7px -7px #222222;
line-height:200%;
}

.aboutBubbleHeader {
width:1000px;
box-sizing: border-box;
max-width:100%;
height:160px;
margin-top:100px;
border-top-left-radius:5px;
border-top-right-radius:5px;
background:grey;
box-shadow:0 0 15px #222222;
border:1px solid #fff;
}

.aboutBubbleSmall {
margin-top:100px;
background:#fff;
border-radius:5px;
padding:13px;
font-size:1.7vh;
box-shadow:0 0 7px #222222;
}

.aboutBubbleTitle {
color:#525252;
font-size:36px;
}

@media all and (min-height: 900px) {
	.aboutBubbleTitle {
	color:#525252;
	font-size:3vh;
	}
}

.aboutSchedTop {
width:700px;
max-width:96%;
margin: 0 auto;
background:#eeeeee;
padding:7px;
border-top-left-radius:5px;
border-top-right-radius:5px;
}

.aboutSchedMid {
width:700px;
max-width:96%;
margin: 0 auto;
margin-top:5px;
background:#eeeeee;
padding:7px;
padding-top:4px;
padding-bottom:4px
}

.aboutSchedBot {
width:700px;
max-width:96%;
margin: 0 auto;
margin-top:5px;
background:#eeeeee;
padding:7px;
border-bottom-left-radius:5px;
border-bottom-right-radius:5px;
}

.aboutPackListItem {
background:#dedede;
border-radius:5px;
padding:2px;
padding-left:5px;
padding-right:5px;
margin-bottom:5px;
}

.aboutPackListItemNo {
background:#525252;
color:#fff;
}

.aboutBigHeader {
width:1000px;
height:350px;
box-sizing: border-box;
max-width:100%;
border-top-left-radius:5px;
border-top-right-radius:5px;
border:1px solid #fff;
}

#aboutTtl {
color:#fff;
font-size:36px;
max-width:96%;
}

@media all and (min-height: 900px) {
	#aboutTtl {
	color:#fff;
	font-size:4vh;
	max-width:96%;
	}
}

.readTopic {
overflow:hidden;
}

/*Retreat List*/
.retreatBubble {
width:1000px;
box-sizing: border-box;
max-width:100%;
background:#fff;
border-radius:5px;
padding:13px;
margin-top:0px;
padding-top:13px;
margin-bottom:10px;
}

.retreatBubbleL {
width:70%;
text-align:left;
float:left;
}

.retreatBubbleR {
width:28%;
text-align:right;
float:right;
font-size:16px;
}

.retreatBubbleMob {
width:100%;
box-sizing: border-box;
background:#fff;
border-radius:5px;
padding:13px;
margin-top:0px;
padding-top:13px;
margin-bottom:10px;
font-size:3vh;
}

.retreatBubbleLMob {
width:70%;
text-align:left;
float:left;
}

.retreatBubbleRMob {
width:28%;
text-align:right;
float:right;
font-size:2vh;
overflow:hidden;
}

.retreatIcon {
width:16px;
height:16px;
margin-right:6px;
}

.regButton {
width:162px;
max-width:70%;
border:1px solid #dedede;
border-radius:5px;
padding:5px;
text-align:center;
font-size:16px;
word-wrap:break-word;
cursor:pointer;
background:#fff;
}

.regButton:hover {
background:#dedede;
}

.regButton:active {
background:#525252;
color:#ffffff;
border:1px solid #525252;
}

.regButtonMob {
width:46%;
max-width:70%;
border:1px solid #dedede;
border-radius:5px;
padding:10px;
text-align:center;
font-size:2.2vh;
word-wrap:break-word;
cursor:pointer;
}

.regButtonMobL {
width:45%;
max-width:70%;
border:1px solid #dedede;
border-radius:5px;
padding:10px;
text-align:center;
font-size:3vh;
word-wrap:break-word;
cursor:pointer;
}

.regOrange {
width:162px;
max-width:70%;
border:1px solid #d0ac2e;
border-radius:5px;
padding:5px;
text-align:center;
font-size:16px;
word-wrap:break-word;
cursor:pointer;
background:#d0ac2e;
color:#fff;
}

.regOrange:hover {
background:#c29f24;
}

.regOrange:active {
background:#dab73c;
}

.regRed {
width:162px;
max-width:70%;
border:1px solid #ed3c3c;
border-radius:5px;
padding:5px;
text-align:center;
font-size:16px;
word-wrap:break-word;
cursor:pointer;
background:#ed3c3c;
color:#fff;
}

.regRed:hover {
background:#d42a2a;
}

.regRed:active {
background:#f64545;
}

.regFormBox
{
text-align:center;
margin-top:60px;
margin-bottom:30px;
}

.regFormButton {
margin: 0 auto;
width:300px;
padding:10px;
font-size:32px;
background:#fff;
border-radius:5px;
text-align:center;
color:#525252;
cursor:pointer;
display:inline-block;
}

.regFormButton:hover {
background:#dedede;
}

.regFormButton:active {
color:#ffffff;
background:#525252;
}

.teacherPortrait {
width:100%;
height:160px;
border-radius:5px;
cursor:pointer;
opacity:0.9;
}

.teacherPortrait:hover {
opacity:1;
}

.teacherPortrait:active {
opacity:0.8;
}

.teacherWideBox {
width:322px;
height:200px;
display:inline-block;
opacity:0.95;
cursor:pointer;
}

.teacherWideBox:active {
border-top-right-radius:15px;
}

.teacherWideBox:hover {
opacity:1;
}

.teacherWideName {
position:absolute;
width:inherit;
margin-top:160px;
font-size:24px;
color:#fff;
text-align:center;
text-shadow:0 0 3px #000;
}

.teacherStandard {
width:302px;
height:180px;
padding:10px;
display:inline-block;
cursor:pointer;

}

.teacherStandard:hover {
background:#eeeeee;
border-radius:5px;
}

.teacherStandardL {
float:left;
width:120px;
height:180px;
border-radius:5px;
}

.teacherStandardR {
float:right;
width:170px;
height:107px;
margin-top:73px;
text-align:center;
font-size:24px;
}

.teacherPortraitDetail {
margin: 0 auto;
width:120px;
height:180px;
border-radius:5px;
}

.staffBackButton {
margin: 0 auto;
width:100px;
padding:10px;
text-align:center;
border:1px solid #dedede;
color:#727272;
cursor:pointer;
font-size:2vh;
}

.staffBackButton:hover {
background:#dedede;
}

.staffBackButton:active {
border:1px solid #525252;
background:#525252;
color:#ffffff;
}

.teacherBoxS {

}

.teacherBoxS:hover {
box-shadow: 0 0 5px #000;
}

/* Photo Tour */
.photoAlbum {
display:inline-block;
margin-left:5px;
margin-right:5px;
cursor:pointer;
opacity:0.9;
}

.photoAlbum:hover {
opacity:1;
}

.photoAlbum:active {
opacity:0.8;
}

.addPhotoButton {
position:absolute;
margin: 0 auto;
margin-top:200px;
width:110px;
height:30px;
background: url(images/ui/addPhotoButton.png) no-repeat;
border-radius:5px;
color:#727272;
font-weight:bold;
font-size:20px;
padding-top:6px;
padding-left:50px;
cursor:pointer;
}

.addPhotoButton:hover {
color:#525252;
}

.addPhotoButton:active {
color:#ffffff;
background: url(images/ui/addPhotoButtonA.png) no-repeat;
}

.photoSaveButton {
position:absolute;
width:120px;
height:32px;
padding:5px;
margin-top:-106px;
margin-left:-65px;
background:#dedede;
font-size:24px;
color:#525252;
cursor:pointer;
}

.photoSaveButton:hover {
background:#727272;
}

.photoSaveButton:active {
background:#525252;
color:#fff;
}

/* Home */
.homeLink {
text-shadow: 0 0 2px #000, 0 0 2px #000, 0 0 2px #000;
cursor:pointer;
opacity:0.9;
border:1px solid #fff;
}

.homeLink:hover {
box-shadow:0 0 5px #fff;
opacity:1;
}

.homeLink:active {
box-shadow:0 0 10px #fff;
opacity:1;
}

.homeLinkA {
float:left;width:350px;
height:125px;
color:#fff;
font-size:24px;
padding:10px;
background: url(images/headers/etc/mini_header_1.jpg) no-repeat;
text-align:right;
}

.homeLinkB {
float:right;
width:350px;
height:125px;
color:#fff;
font-size:24px;
padding:10px;
background: url(images/headers/etc/mini_header_2.jpg) no-repeat;
}

.homeLinkC {
float:right;
width:350px;
height:125px;
color:#fff;
font-size:24px;
padding:10px;background: url(images/headers/etc/mini_header_3.jpg) no-repeat;
text-align:left;
}

.homeLinkD {
float:left;
width:350px;
height:125px;
color:#fff;
font-size:24px;
background: url(images/headers/etc/mini_header_4.jpg) no-repeat;
padding:10px;
text-align:right;
}

/* Mod */
.editButtonR {
margin: 0 auto;
margin-bottom:30px;
margin-top:20px;
width:200px;
padding:5px;
border:1px solid #dedede;
text-align:center;
cursor:pointer;
}

.editButtonR:hover {
background:#dedede;
}

.editButtonR:active {
background:#525252;
border:1px solid #525252;
color:#ffffff;
}

.editButtonRRed {
margin: 0 auto;
margin-bottom:30px;
margin-top:20px;
width:200px;
padding:5px;
border:1px solid #dedede;
text-align:center;
cursor:pointer;
color:red;
}

.editButtonRRed:hover {
background:red;
color:#fff;
}

.editButtonRRed:active {
background:#525252;
border:1px solid #525252;
color:red;
}

/* Mobile */
.mobNavMenu {
z-index:3;
position:fixed;
width:0;
height:100%;
top:0;
background:#525252;
padding-left:5%;
padding-right:5%;
padding-top:1%;
overflow:hidden;
display:none;
}

.mobNavItem {
font-size:56px;
text-align:left;
margin-top:35px;
margin-bottom:35px;
color:#fff;
overflow:hidden;
white-space: nowrap;
}

.mobNavSep {
margin: 0 auto;
width:100%;
height:1px;
background:#fff;
margin-top:10px;
margin-bottom:10px;
}

.mobShowButton {
z-index:1;
position:absolute;
margin-left:10%;
margin-top:40px;
width:115px;
height:115px;
background: url(images/ui/mobMenu.png) no-repeat;
}

.mobTitle {
z-index:1;
position:absolute;
margin-left:69%;
margin-top:40px;
width:115px;
height:115px;
font-size:3vh;
text-align:center;
color:#525252;
}

.mobReturnButton {
width:200px;
height:120px;
background: url(images/ui/mobMenuAlt.png) no-repeat;
}

.navMobSubItem {
font-size:40px;
padding-top:25px;
padding-bottom:25px;
text-align:center;
background:#fff;
margin-bottom:1px;
}

.homeItem {
margin: 0 auto;
width:100%;
padding-top:2.5%;
padding-bottom:2.5%;
font-size:5vh;
margin-bottom:15px;
border-top:1px solid #fff;
border-bottom:1px solid #fff;
text-align:center;
text-shadow:0 0 5px #000,0 0 5px #000,0 0 5px #000,0 0 5px #000,0 0 5px #000,0 0 5px #000;
}

.homeItemA {
background: url(images/headers/etc/mini_header_1.jpg) no-repeat;
background-size:cover;
background-position:center center;
}

.homeItemB {
background: url(images/headers/etc/mini_header_2.jpg) no-repeat;
background-size:cover;
background-position:center center;
}

.homeItemC {
background: url(images/headers/etc/mini_header_3.jpg) no-repeat;
background-size:cover;
background-position:center center;
}

.homeItemD {
background: url(images/headers/etc/mini_header_4.jpg) no-repeat;
background-size:cover;
background-position:center center;
}

/* Misc */
.tipBox {
vertical-align:top;
display:inline-block;
width:12.5%;
min-width:90px;
height:16.5%;
padding:0.3%;
margin-right:0.5%;
border:1px solid #929292;
font-size:1.6vh;
text-align:center;
color:#727272;
overflow:hidden;
}

.tipBoxTitle {
font-weight:bold;
margin-bottom:10px;
font-size:1.8vh;
}

.tipBoxButton {
position:relative;
top:50%;
transform: translateY(-50%);
font-size:3.4vh;
}

.tipBoxHL {
border:1px solid #dedede;
cursor:pointer;
}

.tipBoxHL:hover {
background:#dedede;
}

.tipBoxHL:active {
background:#525252;
color:#fff;
border:1px solid #525252;
}

.mainBigBox {
display:none;
z-index:10;
position:fixed;
left:50%;
margin-left:-40%;
width:80%;
height:68%;
padding:0.8%;
background:#fff;
border-radius:5px;
box-shadow:0 0 5px #000,0 0 5px #000;
color:#525252;
overflow:hidden;
}

.etButton {
width:162px;
max-width:70%;
border:1px solid #dedede;
border-radius:5px;
padding:5px;
text-align:center;
font-size:16px;
word-wrap:break-word;
cursor:pointer;
background:#fff;
margin-bottom:11px;
}

.etButton:hover {
background:#dedede;
}

.etButton:active {
background:#525252;
color:#ffffff;
border:1px solid #525252;
}

.etSpace {
margin-top:10px;
}

.formstackButtonOverride {
margin: 0 auto;
width:300px;
height:70px;
padding:10px;
font-size:24px;
background:#fff;
border-radius:5px;
text-align:center;
color:#525252;
cursor:pointer;
display:inline-block;
}

li.flexx {
  background: slategrey;
  display: inline-block;
  /* inline block hack for IE 6&7 */
  zoom: 1;
  *display: inline;
  padding: 4px;
  color: white;
}

ul.flexbox {
  display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;      /* TWEENER - IE 10 */
  display: -webkit-flex;     /* NEW - Chrome */
  display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
}

/* Fundraiser Stuff */
.frBox {
width:328px;
max-width:32.8%;
height:400px;
background:#fff;
border-top-left-radius:5px;
border-top-right-radius:5px;
display:inline-block;
border:1px solid #fff;
}

.frBox:hover {
box-shadow: 0 0 7px #fff;
}

.frBox:active {
box-shadow: 0 0 12px #fff;
}

.frDelBox {
width:20px;
height:20px;
color:#ea1d1d;
font-weight:bold;
text-shadow:0 0 3px #000;
margin-left:auto;
margin-right:8px;
cursor:pointer;
}

.frDelBox:hover {
color:#ed5656;
}

.frDelBox:active {
color:#f07c7c;
}

.frCDelTD {
padding-top:5px;
width:20px;
text-align:left;
color:red;
cursor:pointer;
}

.frCDelTD:hover {
text-shadow:0 0 5px #000;
}

.frCDelTD:active {
text-shadow:0 0 3px #fff;
}

.headDelX {
margin-left:10px;
color:red;
cursor:pointer;
font-weight:bold;
}

.headDelX:hover {
text-shadow:0 0 5px #000;
}

.headDelX:active {
text-shadow:0 0 5px #fff;
}

.orangeBtn {
margin: 0 auto;
width:200px;
font-size:24px;
text-align:center;
padding:10px;
margin-top:20px;
margin-bottom:25px;
border-radius:3px;
color:#ffffff;
background:#e4a833;
}

.orangeBtn:hover {
background:#cf9629;
}

.orangeBtn:active {
background:#f2b745;
}