* {
  box-sizing: border-box;
}


.body {
  margin: 0;
  background-size: cover;
  background-image: url('/Images/White Snow background.jpg');
  font-family: Calibri, Arial, "San Serif";
  font-size: 1.2em;
  text-align: center;
  color: black;
}


.GracepcsNameInBody{
  font-size: 2em;
  font-weight: bold;
  color: navy;
  text-align: center;
}




/* BEGINNING OF STYLING FOR THE PHOTO PAGE HEADER */


.Banner {
  display: block;
  position: relative;
  width: 100%;
  height: 12em;
  margin-left:  auto;
  margin-right:  auto;
  margin-top: 0;
}



.GracepcsNameOnBanner {
  display: block;
  float: center;
  position: absolute;
  width: 100%;
  top: 10%;
  font-family: Calibri, Arial, "San Serif";
  font-size: 2.75em;
  font-weight: bold;
  color: navy;
  text-align: center;
}


.StationaryTop {
  display: block;
  position: sticky;
  width: 100%;
  height: auto;
  left: auto;
  right: auto;
  top: 0;
  bottom: 0;
  margin-bottom: 0;
}




/*  Styling for the SINGLE NAVBAR for CONTENT PAGES */

.SingleNavBar {
  display: block;
  float: center;
  width: 100%;
  height: 3em;
  margin-left: auto;
  margin-right: auto;
  margin-top: -.13%;
  margin-bottom: 5%;
  padding-top: .5em;
  font-family: Calibri, Arial, "San Serif";
  font-size: .8em;
  font-weight: bold;
  text-align: center;
  background-color: gold;
}


.SingleNavBarItems {
  float: center;
  height: 3em;
  width: auto;
  margin: auto;
  margin-top: 0;
  font-size: 150%;
  color: navy;
  font-weight: bold;
  text-decoration: none;
  padding-left: .5%;
  padding-right: 1%;
}


/*  Styling for the SECIND NAVBAR for CONTENT PAGES */

.SecondNavBar {
  display: block;
  float: center;
  width: 100%;
  height: 3em;
  margin-left: auto;
  margin-right: auto;
  margin-top: -.13%;
  margin-bottom: .25%;
  padding-top: .6em;
  font-family: Calibri, Arial, "San Serif";
  font-size: .8em;
  font-weight: bold;
  text-align: center;
  background-color: gold;
}


.SecondNavBarItems {
  float: center;
  height: 3em;
  width: auto;
  margin: auto;
  margin-top: 0;
  font-size: 150%;
  color: navy;
  font-weight: bold;
  text-decoration: none;
  padding-left: .5%;
  padding-right: .6%;
}






/*

.SingleNavBarItems:hover {
  height: 3em;
  background-color: white;
  color: red;
}



.SingleNavBarItems:active {
  height: 3em;
  background-color: red;
  color: white;
]




.SingleNavBarItems:link {
  color: green;
}



.SingleNavBarItems:visited {
  color: blue;
}


*/














/* STYLING SPECIALLY FOR GRABBER BLOCKS SECTION */

.GrabberSection {
  display: block;
  position: relative;
  float: left;
  width: 90%;
  height: auto;
  margin-left: 5%;
  margin-right: auto;
  border: 1px solid black;
  padding: 10px;
  text-align: center;
}


.GrabberBlockPair {
  display: block;
  position: relative;
  float: center;
  width: 100%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  border: 1px solid black;

  text-align: center;
}





.GBHeader {
  font-size: 1em;
  font-weight: bold; 
  text-align: center;
}




.BusGrabberBlock {
  display: block;
  float: left;
  width: 35%;
  height: 60%;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 6.5%;
  margin-right: 3.25%;
  padding: 3% 1% 3% 1%;
  text-align: center;
  border: 1px solid black;
  font-size: 1em;
}


.PAGrabberBlock {
  display: block;
  float: left;
  width: 35%;
  height: 60%;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 3.25%;
  margin-right: 6.5%;
  padding: 3% 1% 3% 1%;
  text-align: center;
  border: 1px solid black;
  font-size: 1em;
}


.BusGrabberBlock  .li {
  list-style-type: none;
}


.PAGrabberBlock .li {
  list-style-type: none;
}


.GrabberLinks {
  margin-top: 15px;
  width: auto;
  height: 3em;
  padding: .1em .5em .3em .5em;
  border-radius: 8px;
  background-color: green;
  opacity: 80%;
  text-decoration: none;
  color: white;
  font-weight: bold;
  font-size: 1em;
}



.SideColorAccent {
  width: 5%;
  height: 20%;
  float: left;
  margin-top: 2%;
  background-color: green;
  opacity: 80%;
  border: 1px solid black;
  color: green;
}






.Welcome {
  display: block;
  float: center;
  font-size: 120%;
  font-weight: bold;
  text-align: center;
}


.Intro {
  display: block;
  float: center;
  width: 60%; 
  height: 35%;
  margin-left: auto;
  margin-right: auto;  
  margin-bottom: 50px;
  font-size: 110%;
  text-align: left;
  color: black;
}


.Slogan {
  margin-bottom: 20px;
  font-size: 100%;
  font-weight: bold; 
  text-align: center;
  float: center;
}










/* CONTENT STYLING */



.ContentHeader {
  font-size: 120%;
  font-weight: bold;
  text-align: center;
}


.ContentSectionHeader {
  font-size: 110%;
  font-weight: bold;
  text-align: center;
}



.Content {
  display: block;
  float: center;
  width: 70%; 
  height: auto;
  margin: auto;
  margin-bottom: 0;
  font-size: 1em;
  text-align: left;
}


.NarrowContent {
  display: block;
  float: center;
  /*width: 40%; */
  height: auto;
  margin: auto;
  margin-bottom: 0;
  margin-left: 35%;
  font-size: 100%;
  text-align: left;
}


.InlineLinks {
  color: green;
  font-weight: bold;
}



.InstructionSubheadings {
  font-size: 1.3;
  font-weight: bold;
}



.DonationFundsList {
  display: block;
  
}


.ContentSpecificLinkBlock {
  display: block;
  float: center;
  width: 80%;
  top: 0;
  height: 3em;
  width: auto;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}



.ContentSpecificLinks {
  width: auto;
  height: 3em;
  float: center;
  margin-right: 1em;
  padding: .1em .5em .3em .5em;
  background-color: green;
  opacity: 80%;
  border-radius: 5px;
  text-decoration: none;
  color: white;
  font-size: 1em;
  font-weight: bold;
  text-align: center;
}




.ButtonBlock {
  display: block;
  float: center;
  width: 100%; 
  margin: auto;
  text-align: center;
}


.ButtonBlockItems {
  padding-top: .25em;
  padding-bottom: .35em;
  padding-left: 1em;
  padding-right: 1em;
  text-decoration: none; 
  background-color: green; 
  color: white; 
  font-size: .8em; 
  font-weight: bold; 
  text-align: center;
  border-radius: 20px;
}



.TopButtonBlock {
  display: block;
  float: center;
  width: 100%; 
  margin: auto;
  text-align: center;
}


.TopButtonBlockItems {
  padding-top: .25em;
  padding-bottom: .35em;
  padding-left: 1em;
  padding-right: 1em;
  text-decoration: none; 
  background-color: gold; 
  color: navy; 
  font-size: 1em; 
  font-weight: bold; 
  text-align: center;
  border-radius: 20px;
}





/* REFERENCE COPIED FROM PERSONAL WEBSITE */

/*

.InternalPageLinkBlock {
  display: block;
  float: center;
  width: 100%; 
  margin: auto;
  text-align: center;
  
}


.InternalPageLinks {
  padding-top: .2em;
  padding-bottom: .2em;
  padding-left: .5em;
  padding-right: .5em;
  text-decoration: none; 
  background-color: white; 
  color: green; 
  font-size: 1em; 
  font-weight: bold; 
  text-align: center;
  border-radius: 20px;

}


.SingleLink {
  display: block;
  float: center;
  width: 45%;
  margin: auto;
  margin-bottom: 3%;
  padding-top: .2em;
  padding-bottom: .2em;
  padding-left: .5em;
  padding-right: .5em;
  text-decoration: none; 
  background-color: white; 
  color: black; 
  font-size: .8em; 
  font-weight: bold; 
  text-align: left;
  border-radius: 20px;

}



.ContentSpecificLinkBlock {
  display: block;
  float: center;
  width: 60%;
  top: 0;
  height: 3em;
  width: auto;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}



.ContentSpecificLinks {
  width: auto;
  height: 3em;
  float: center;
  margin-right: 1em;
  padding: .1em .5em .3em .5em;
  background-color: green;
  opacity: 80%;
  border-radius: 5px;
  text-decoration: none;
  color: white;
  font-size: 1em;
  font-weight: bold;
  text-align: center;
}


*/






























.Form {
  display: block;
  width: 70%;
  font-size: 1em;
  text-align: left;
  margin-left: 2%;
}



.Required {
font-weight: bold; 
font-size: 1.1em;
color: red;
}


fieldset {
border: 1px solid "dark grey";	
}



.FormSubmitButtons {
  display: block;
  height: 2em;
  width: auto;  
  border-radius: 10px;
  padding: .1em .5em .3em .5em;
  background-color: green;
  color: white;
  font-size: .8em;
  font-weight: bold;
  text-align: center;
}





.FormCompleteMsg {
  font-size: 1.5em;
  font-weight: bold;
  color: green;
}



.ImportedDocs {
  display: block;
  width: 90%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  font-family: Calibri, Arial, "San Serif";
  font-size .5em;
}


.iframe {
  font-size: 40%;
}


.iframecentering {
  display: block;
  float: center;
}

.SmallSpace2 {
  margin-top: 2em;
}


.SmallSpace {
  margin-top: 3em;
}



.ExtraSpacing {
  margin-bottom: 40px;
}



.SpaceToNextSection {
  margin-bottom: 75px;
}



.SpaceToEndPage {
  margin-bottom: 30px;
}




.Footer {
  width: 100%; 
  height: 10em;
  text-align: center;
  font-family: Calibri Arial, "san-serif";
  font-size: .9em;
  margin-top: 5%;
}