header {background-color: #3399cc;
        padding-right: 10px;  
        padding-left: 10px;
        margin-right: 10px; 
        margin-left: 10px; 
        max-width: 1300px; 
        overflow: hidden; 
        height: 100px;}
/*background-color: #3399cc;*/
h2 { font-family: serif;
     font-size: 20px;
     font-weight: 550;
     text-align: center;
     color: white; 
     margin-top: 18px;}

h3 {font-family: serif;
    text-align: left;
    margin-top: 0px; }
      
h4 { font-family: serif;
     text-align: center;
     color: white;
     margin-top: 20px; }

h5 {font-family: serif;
     text-align: center;
     color: darkred;
     font-size: 20px;}

body {font-family: serif; }

p {font-size: 18px;}

table {font-size: 17px; }
   
table th {background-color: #b3d8fc;
          text-align: center;
          color: black; 
          font-weight: 550; }

hr { 
  display: block;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  margin-left: auto;
  margin-right: auto;
  border-style: inset;
  color:black;
  border-width: 2px;
} 

pre {background-color: #fef1e4;
     font-size: 14px;
     margin-left: 25px;
     margin-right: 25px;
     }

a .btntop {background-color: #fef1e4;}

/* this class is mentioned in tnt09.html*/
aside { width: 30%;
       padding: 10px;
       margin-top: 20px;
       margin-left: 10px;
       float: right;
       border: 1px solid #555; }

/* marquee {background-color: #fef1e4;
         color: black;
         font-size: 20px;
         }

 a {font-size: 18px;}*/

.navbar-light {background-color: #e4f1fe;
               min-height: 1px;
              margin-left: 10px;
              margin-right: 10px;}

.icon-bar {background-color:black;}

.navbar-header a {color: black;
                 font-size: 20px;}

.navbar-brand:hover {background-color: #F0F0F0;}

.navbar-collapse a {color:black;
                    font-size: 20px;}

.small a {color:black;}

.btnlang {height:30px;
      background-color: #fef1e4;
      width: 300px;
      border-radius: 20px;
      padding: 0px;
      display: block;
      margin: auto;
      }

.btnlang a {font-size: 20px;
            color:black;}

.row {margin-top: 10px;}

.text-info {color : purple;
            font-size: 16px;}

.one {background-color: #f7fbff;
      padding: 10px; }

.two {background-color: #fffbf7;
      padding : 10px; }

.three {background-color: #fffff7;
      padding: 10px; }

.four {background-color: #f7fbff;
      padding: 10px; }

.five {background-color: #fffbf7;
      padding : 10px; }

.six {background-color: #fffff7;
      padding: 10px; }

.images {text-align: center;
         font-size: 18px;}

.districtinfo {background-color: #fef1e4;
               padding: 10px; }

.lastcolumn-info {background-color: #e4f1fe;}

/* if it is 15 it spills over in phone */
.table-condensed {font-size: 14px;}

.previous a {font-size: 17px;}

.next a {font-size: 17px;}

.tph {text-align: center;
      color: darkred; }

.titbit {background-color: #fef1e4;
         padding: 10px;}

.titbit li {font-size: 19px;}

/* this class is mentioned in pn12 */
.travel-tips {background-color: #fef1e4;
              padding:10px; }

.bullet-points ul {background:  #b3d8fc;
                padding: 10px;
                list-style-position: inside; }

.bullet-points li {background: #e4f1fe;
                   color: black;
                   margin: 10px;
                   font-size: 18px;
                   padding: 5px;
               }

/* this class used for pn12.html carousel */
.car-width {width: 230px;
                display: block;
                margin-left: auto;
                margin-right: auto;
                border: 10px solid #555;
                border-style: double;}

.bubble {font-size: 17px;}

.readingtime {color: blue;
              font-style: italic;
              padding-left: 10px;}

.unselectable {
        -webkit-user-select: none;
        -webkit-touch-callout: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
             }
             
.fa-map-marker { font-size: 24px;
                 color: red; }

.center-image { display: flex;
                justify-content: center;
                padding: 20px; 
                }

.center-image img { border: 5px double #555; }

.polaroid { display: block;
  margin-left: auto;
  margin-right: auto;width: 50%;
  background-color: white;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  margin-bottom: 25px;
  justify-content: center;
  padding: 10px;
}

.polaroid-container {
  text-align: center;
  padding: 10px 20px;
}

.tablecontent .google-auto-placed {display: none;}

.sitemap {background-color: #e4f1fe;
         padding: 10px;
         }

.sitemap-list ul {
  background: #e4f1fe;
  padding: 20px;
}

.sitemap-list li {
  background: #f7fbff;
  margin: 5px;
  padding: 5px; 
  font-size: 18px;
}

.sitemap-list a { color: darkblue; }

.sitemap-list i { color: darkred; }

@media screen and (max-width: 720px) {
  .panel-group { width: 100%; }}

/*
@media (max-width: 600px) {
    body {
        font-weight: 550; /* darker weight for mobile */
    }
}
*/

/* color codes used 
   header = #3399cc;
   navbar = #e4f1fe;
   view in button = #fef1e4;
   one =  #f7fbff;
   two =  #fffbf7;
   three = #f7fbff;
   pre = #fef1e4;
   table head = #70B8DB; or #3399cc; or #b3d8fc
   district info = same as view in button*/