* {
    box-sizing: border-box;
}

html    {margin: 0px;font-family: verdana, arial, helvetica, sans-serif;color:black;}
body    {background-color:#d6e6F3;}
sup,sub {font-size: smaller;}
h1, h2  {font-style:italic;}
img    {max-width: 100%;}

.head  {font-size: 18pt; font-weight: 300;}
.cday  {text-align: right;}
.cald  {text-align: right;font-weight:bold;font-size: 11pt;}
.calm  {text-align: left;font-weight:bold;font-size: 11pt;}
.calt  {text-align: left;font-size: 11pt;}
.menu  {font-size: 8pt; color: #fff; margin-left: 3em;}
.menu2 {font-size: 8pt; color: #000; padding:2px;}
.menu3 {font-size: 11pt; color: #fff; padding:2px; vertical-align:middle; align:center;}
.menu4 {font-size: 8pt; color: #fff; padding:2px; vertical-align:middle; align:center;}
.news  {margin-left: 3em;}
.content  {padding: 1.5em;}
.first {font-style:italic;}
.rgt   {text-align: right; vertical-align:top;}
.foot  {font-size: 8pt;vertical-align:middle;}
.foot2  {font-size: 8pt;font-style:italic;vertical-align:middle;text-align:center;}
.ltext {font-size: 9pt;vertical-align:middle;}
.location {font-size: 8pt; vertical-align:middle; margin-bottom: 20px;}
.locbar {font-size: 8pt; color:#009; vertical-align:middle;}
.copy   {font-size: 8pt;}
.sig    {font-size: 9pt; margin-left: 4em; margin-top: 0px;}
.init   {font-size: 9pt; font-weight: 600; font-style:italic;}
.current {color:#ff0;}
.imp    {font-weight:bold;}
.ind    {margin-left: 20px;}
.distev {color:#090;}
.bott   {vertical-align:bottom;}
.seethru  {opacity:0.3; filter:alpha(opacity=30);}

a         {text-decoration: none;}
a:visited {color: purple;}
a:active  {color: red;}
a:hover   {color: red;}
A.lft:link    {color:#fff;}
A.lft:visited {color:#fff;}
A.lft:active  {color:#ff0;}
A.lft:hover   {color:#f00;}
A.bca:link    {color:#00c;}
A.bca:visited {color:#909;}
A.bca:active  {color:#909;}
A.bca:hover   {color:#00c;}
A.dca:link    {color:#090;}
A.dca:visited {color:#090;}
A.dca:active  {color:#090;}
A.dca:hover   {color:#f60;}
A.loc:link    {color:#009;}
A.loc:visited {color:#009;}
A.loc:active  {color:#ff0;}
A.loc:hover   {color:#f00;}
A.com:link    {color:#000;}
A.com:visited {color:#000;}
A.com:active  {color:#ff0;}
A.com:hover   {color:#ff0;}

/* For desktop: */
.col-1 {width: 25%;}
.col-2 {width: 50%;}
.col-3 {width: 100%;}
.acol {width:20%;}
.hcol {width:50%;}
@media only screen and (max-width: 768px) {
    /* For mobile phones: */
    [class*="col-"] {
        width: 100%;
    }
    .acol {width:50%;}
}

.row::after {
    content: "";
    clear: both;
    display: table;
}

.quarterbox {
   float:left;
   height: 45px;
   font-size: 10pt;
   text-align:center;
   vertical-align:middle;
   line-height: 41px;
   background-color:#213D81;
   border-style:solid;
   border-color:#fff;
   border-width: 2px;
   border-width: 2px;
   -moz-border-radius: 10px;
   border-radius: 10px;
}

#map_canvas {
  position: relative;
  height: 60%;
}

#map_local {
  float:left;
  height: 60%;
}

#maincontm {
   position: relative;
   left: 1%; 
   top: 0px;            
   width: 98%; 
   height: 550px; 
   overflow-x:hidden;
   overflow-y:hidden;
}

#frpgbox {
   height: 200px; 
   float:left;
   border-style:solid;
   border-color:white;
   border-width: 5px;
}

#fbcont {
   float:left;
   height: 100px; 
   width: 100%;
   padding: 10px 10px 0 0;
   text-align:center;
   border-style:solid;
   border-color:#213D81;
   border-width: 2px;
   border-width: 2px;
   -moz-border-radius: 10px;
   border-radius: 10px;
}

#twcont {
   float:left;
   width: 100%;
   height: 190px; 
   font-size: 10pt;
   text-align:center;
   vertical-align:middle;
   overflow-x:hidden;
   overflow-y:auto;
   border-style:solid;
   border-color:#213D81;
   border-width: 2px;
   border-width: 2px;
   -moz-border-radius: 10px;
   border-radius: 10px;
}

#photo {
   position: relative;
   width: 100%; 
   height: 190px; 
   vertical-align:center;
   text-align:center;
   border-style:solid;
   border-color:#213D81;
   border-width: 2px;
   border-width: 2px;
   -moz-border-radius: 10px;
   border-radius: 10px;
}

#fscont {
   position: relative;
   width: 15%; 
   height: 45; 
   font-size: 10pt;
   align:center;
   vertical-align:bottom;
   background-color:#213D81;
   border-style:solid;
   border-color:#213D81;
   border-width: 2px;
}

#suppcont {
   position: relative;
   width: 16%; 
   height: 45; 
   font-size: 10pt;
   align:center;
   vertical-align:center;
   color:#fff;
   background-color:#213D81;
   border-style:solid;
   border-color:#213D81;
   border-width: 2px;
}

#butt3 {
   position: relative;
   width: 15%; 
   height: 45; 
   font-size: 10pt;
   align:center;
   vertical-align:center;
   color:#fff;
   background-color:#213D81;
   border-style:solid;
   border-color:#213D81;
   border-width: 2px;
}

#calcont {
   height: 190px; 
   width: 100%;
   padding: 10px 10px 10px 10px;
   text-align: center;
   vertical-align:center;
   background-color:#ffffff;
   border-style:solid;
   border-color:#213D81;
   border-width: 2px;
   border-width: 2px;
   -moz-border-radius: 10px;
   border-radius: 10px;
}

#compdet {
   float:left;
   padding: 20px 20px 20px 20px;
   text-align: left;
   overflow-y:auto;
}

#butt4 {
   position: relative;
   width: 23%; 
   height: 45px; 
   font-size: 10pt;
   align:center;
   vertical-align:center;
   color:#fff;
   background-color:#213D81;
   border-style:solid;
   border-color:#213D81;
   border-width: 2px;
}

#butt5 {
   position: relative;
   width: 24%; 
   height: 45px; 
   font-size: 10pt;
   align:center;
   vertical-align:center;
   color:#fff;
   background-color:#213D81;
   border-style:solid;
   border-color:#213D81;
   border-width: 2px;
}

#butt7 {
   height: 190px;
   width: 100%;
   padding: 10px 10px 10px 10px;
   font-size: 11pt;
   text-align: left;
   border-style:solid;
   border-color:#213D81;
   border-width: 2px;
   border-width: 2px;
   -moz-border-radius: 10px;
   border-radius: 10px;
}

#pagecont{
   position:relative;
   width:90%;
   max-width: 1200px; 
   padding: 5px 5px 5px 5px;
   margin:auto;
   background-color:#ffffff;
}

#pgcontent{
   position:relative;
   width:100%;
   max-width: 1200px;
   padding: 10px 10px 10px 10px;
}

#footer{
   position:relative;
   width:100%;
   max-width: 1200px;
   height: 110px;
   background-color:#213D81;
}

#archbox {
   float:left;
   vertical-align:middle;
}

#objbox {
   float:left;
   vertical-align:middle;
   display:block;
}