/*
*  declare basic style information before id sections
*/
body {
  font-family:"Times New Roman",serif;
  font-size:13pt;
}
h1,h2,h3,h4,h5,h6 {
  font-family: "Lucida Grande",arial,sans-serif;
  margin:0 0 0 0;
}
h1{
  font-size:140%;
}
h2{
  font-size:110%;
}
h3{
  font-size:100%;
}
/* hide mobile content */
#mobilecontent {
  display:none !important;
}
/*
 *  describe header color, navigation bar
 */
#header{
  font-family:arial,sans-serif;
  top:0px;width:100%;
  color:black;
  background-color:#ADD8E6;
  border-bottom:1px solid blue;
  margin:0 0 5px 0;
  padding:0 0 0 0;
}
#header .navbarleft{
  background-color:#F5DEB3;
  color:black;
  font-size:80%;
}
#header h1{
  font-size:200%;
}
/*
 *  describe the footer
 */
#footer{
  font-family:arial,sans-serif;
  clear:both;
  margin-top:2%;
  border-top:4px groove #ADD8E6;
  font-size:x-small;
}
/* container for #left and #right */
#content{
  max-width:98%;
  width:860px;
}
/* map content container */
#mcontent{
  width:100%;
  height:auto;
}
#content h2 ,#mcontent h2{
  color:black;
  background-color:#F5DEB3;
  border-bottom:1px solid brown;
}
#content h3 ,#mcontent h3{
  color:black;
  background-color:#E6E6FA;
}
/*
 *  left side either #map or #left. also .lbox eventually
 */
#map{
    float:left;
    min-width:205px;
    width:65%;
    height:500px;
    min-height:50px;
    margin : 0px 0px 0px 0px;
}
#left{
  float:left;
  width:505px;
  max-width:67%;
  margin:0 0 0 0;
}
#left h1{
  color:gray;
  background-color:white;
}
/*
 *  right side either #map or #left. also .rbox
 */
#right{
  float:right;
  width:252px;
  max-width:33%;
  margin:0 0 3px 0;
}
#rmap{/* right side of map */
  float:right;
  width:34%;
  margin:0 0 0 0;
}
.rbox {/* shaded right box subclass of rmap */
  color:black;
  background-color:#F0F8FF;
  border:1px solid #ADD8E6;
  margin-bottom:2%;
}
#rmap ul,#right ul {
  margin-left:2em;
  margin-right:.1em;
}
#rmap td,#right td {/* used for city names*/
  font-size:80%;
}
/*
 *  A few standard classes
 */
/* background color .bg-<color> */
.bg-red {
  color:black;
  background-color:red;
}
.bg-green {
  color:black;
  background-color:green;
}
.bg-yellow{
  color:black;
  background-color:yellow;
}
.bg-blue {
  color:black;
  background-color:blue;
}
/* no-wrap*/
.nw {
  white-space:nowrap;
}