* {
       padding: 0px 0px 0px 0px;
       margin: 6px 0px 6px 0px;
}
    
     html {       
        background-image: url('/sotb-contact/Images/Nimbin_Rocks.jpg');
        background-attachment: fixed;
        background-size: cover;
        background-position: center;
        height: 100vh; /* Ensures enough content to scroll */
}

     a {
       text-decoration: underline;
       font-weight: normal;
       font-style: italic;
       background-color: transparent;
       color: #003300;
       transition: 500ms ease-out;
}
     a:hover {background-color: red; }
     a:visited {color: 003300; }
     a:active { color: yellow; }
    
     body {
     padding: 0px 0px 0px 0px;
}

    div.heading_bar {
       border-radius: 10px;
       background-color: #565357;/*68676c;*//*77767b;*/
       color: orange;
       text-align: center;
       margin-left: 6px;
       margin-right: 6px;
       padding: 4px 4px 2px 4px;
       font-family: nyoetes;
       font-weight: bold;
       font-size: 200%;
}

    p {
      margin: 0px 20px 0px 20px;
      padding: 2px 0px 4px 0px;
      color: orange;
      font: 20px sans-serif;
}
   
    div.base {
      width: 700px;
      background-color: transparent;
      margin-left: auto;
      margin-right: auto;
      padding: 0px 0px 2px 0px;
}            

    div.main_page {
      width: 700px;
      background-color: #66c2ff;
      border: 4px double black;
      margin-left: auto;
      margin-right: auto;
      padding: 0px 0px 0px 0px;
}

    div.main_content {
      border-radius: 10px;
      background-color: #0088ff;
      margin: 6px 20px 6px 20px;
      padding: 2px 0px 7px 0px;
}

    div.poll_background {
      width: 550px;
      background-color: #7d8cb3; /*#66c2ff;*/
      border: 10px ridge orange;
      border-radius: 20px;
      margin-left: auto;
      margin-right: auto;
      padding: 2px 0px 2px 0px;     
}

     .add_color {
      background-color: #ffffff; 
}

    div.widget_border {
      border-style: solid;
      border-width: 2px;
      border-color: orange;
      border-radius: 10px;
      margin: 0px 7px 0px 7px;
}

    .btn-inline {
     display: inline-block;
     padding: 5px 5px;
     background-color: #007bff;
     color: white;
     text-decoration: none;
     margin-right: 5px;
     border-radius: 10px;
     border: 2px solid orange;
     width: 150px;
}

    div.heading {
          position: relative;
          width: 96%;
          height: 110px; /* or fixed height */
          background-image: url('/sotb-contact/Images/sotb-fourth.png');
          background-size: cover; /* or contain */
          background-position: center;
          font-family: awesome;
          font-size: 40px;          
          border: 10px ridge orange;
          border-radius: 20px;
          /*margin-left: auto;*/
          margin-right: 30px;
          padding: 0px 0px 0px 0px;
}

     div.bottom_right_text {
          position: absolute;
          bottom: 0;
          right: 6%;
}

        input {
	    padding: 1px 4px 1px 4px;
	    font-family : sans-serif;
	    font-size : 25px;  
}

   .err {
	    font-family : sans-serif;
	    font-size : 20px;
	    font-style: italic;
	    color: red;
}

   label {
	     font : serif;
	     font-size : 18px; 
}

   textarea {
       padding: 1px 4px 1px 4px;
       font-family : serif;
       font-size: 18px;
}

   @font-face {
      font-family: souvenir;
      src: url('/sotb-contact/fonts/Souvenir.ttf');
}

   @font-face {
      font-family: Ubunts;
      src: url('/sotb-contact/fonts/Ubuntu-Regular.ttf');
}
        @font-face {
           font-family: awesome;
           src: url('/sotb-contact/fonts/Awesome.ttf');
}

     @font-face {
           font-family: nyoetes;
           src: url('/sotb-contact/fonts/Nyoetes.ttf');
}