@charset "UTF-8";
/* CSS Document */
body {
	background-image: url(../assets/bkgnd5.jpg);
	background-repeat: repeat;
	color: #424242;
	margin-top: 5px;
	
}
.logo {
	background-image: url(../assets/logobkgnd2.jpg);
	background-repeat: none;
	min-height: 130px;
}
.headroom {
    margin-top: 40px;
    }
.baseroom {
    padding-bottom: 20px;
    }
.extra-rt {
    margin-right: 2%
    }
.extra-btm {
    margin-bottom: 40px;
}
.extra-lft {
  margin-left: 2%;
  }
.whiteback {
	background-color: #FFF;
	
}
.greyback {
    background-color: #C1D3E3;
    }

.topborder {
    border-top: solid 2px #C1D3E3;
}
.clearme {
   clear: left;
   }
.contact {
 /* font-family: 'Marck Script', cursive;*/
  font-size: 1rem;
  text-align: center;
  color: #626262;
  padding-top: 10px;margin-bottom: .2rem;
}
.copyright {
    font-size: .8rem;
    text-align: center;
    color: #424242;
}
.brdrt {
   border-top: solid 2px #74777c;
   border-right: solid 2px #74777c;
   border-left: solid 2px #74777c;
   
}
.brdrm {
   border-right: solid 2px #74777c;
   border-left: solid 2px #74777c;
   
}
.brdrb {
   border-left: solid 2px #74777c;
   border-right: solid 2px #74777c;
   border-bottom: solid 2px #74777c;
   
}
h1,h2,h3,h4,h5,h6 {
    /*font-family: 'Playball', cursive;
    font-family: 'Lobster', cursive;*/
    font-family: 'Marck Script', cursive;
    line-height: 1.4em;
    color: #36c;
    
    }
.logofont {
     color: #FFF;
     
    
     }
h2 {
    margin-top: 40px;
}

/*Nav styles */
.side-nav li a, .side-nav li a:not(.button) {
    font-family: 'Marck Script', cursive;
    font-size: 200%;
    color: #36c;
}
.side-nav li.active a:first-child:not(.button) {
    font-family: 'Marck Script', cursive;
    font-size: 200%;
    color: #000;
}

/*Form styles*/
.errortext {
	color: #900;
}
.basictext {
	color: #333;
}
form {
    border: 1px solid #ccc;
   width: 100%;
   padding: 5%;
    
}
.done {
  font-weight: bold;
  font-style: italic;
  }
/*small screens only*/

@media screen and (max-width: 630px) { 
   .leftborder {
     border: solid 2px #FFF;
     }
  .logofont {
     
      margin: 20px 5%;
    }
    .headroom {
     margin-top: 5px;
     }
     .nav-toggle {
       color: #36c;
       border: solid 1px #36c;
       padding-left: 3px;
       padding-right: 3px;
       
    }
} /* min-width 641px, medium screens */
@media screen and (min-width: 631px) { 
   
  .leftborder {
      border-left: solid 2px #C1D3E3;
    }
    .logo {
      min-height: 150px;
      }
    .logofont {
      font-size: 3.25rem;
      margin: 30px 0 0 30px;
      }
   
}