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

html, body{width: 100%;
          max-width: 1200px;
          height: auto;
  margin:0px;
}

hr {
  border: 4px solid #99C8EB;
  border-radius: 5px;
}

/*for About page*/
.s1 { color: #99C8EB; font-family:Corbel, sans-serif; font-style: normal; font-weight: bold; text-decoration: none; font-size: 24pt; }
 .s2 { color: black; font-family:Corbel, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; font-size: 14pt; }
 .s3 { color: #99C8EB; font-family:Corbel, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; font-size: 14pt; }
 .s4 { color: #FFF; font-family:Corbel, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; font-size: 14pt; }
 .s5 { color: #99C8EB; font-family:"MS UI Gothic", sans-serif; font-style: normal; font-weight: normal; text-decoration: none; font-size: 18pt; }
 .s6 { color: #002744; font-family:Corbel, sans-serif; font-style: normal; font-weight: bold; text-decoration: none; font-size: 18pt; }
 .s7 { color: black; font-family:Corbel, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; font-size: 14pt; }
 .s8 { color: black; font-family:Corbel, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; font-size: 14pt; }
 .s9 { color: black; font-family:Corbel, sans-serif; font-style: normal; font-weight: bold; text-decoration: none; font-size: 14pt; }
 .s10 { color: #99C8EB; font-family:Symbol, serif; font-style: normal; font-weight: normal; text-decoration: none; font-size: 14pt; }

.full-width { max-width: 100%; margin-left: 0px}
/*---------- HEADER ----------*/
ul {list-style-type: none; margin: 10; padding: 10; overflow: hidden; background-color: rgb(148, 141, 141);}            
            li {float: left;}            
            li a {display: inline-block; color: rgb(254, 254, 254); text-align: center; padding: 14px 16px; text-decoration: none;}            
            li a:hover {background-color: #111;}            
            .active {background-color: red;}


img {max-width:100%;height:auto;}
.quote q {font-family: 'Dancing Script', cursive;font-size: 24px;}
.quote p {display: "inline-block";padding:10px;}
/*#quote {float: left;}*/

/*---------- CONTENT AREA ----------*/

.welcome{width: 100%;height:25px;margin:5px;boarder:5px;float: left;}
.col-1{
  width:30%;
  height:auto;
  float:left;
  }

.col-2{
  width:65%;
  padding: 10px;
  border:2px solid black;
  height:auto;
  float:left;
  /*background-color: yellow;*/}


---------- FOOTER ----------

.ft{position: fixed;
   left: 10;
   bottom: 0;
   width: 100%;
   background-color: blue;
   color: white;
   text-align: center;
}

.footer {
   position: fixed;
   left: 0;
   bottom: 0;
   width: 100%;
   background-color: red;
   color: white;
   text-align: center;
}