/*
geometry used here:
sides=235px
center=492px
center+oneside=727px
center+bothsides=962px

235/962 = 24.428%
235/492=47.764%
*/

* {
  margin: 0;
  padding: 0;
}
body {
  margin: 0 10px;
  padding: 0 10px;
  background: #9FC7D2;
  font-family: Verdana,Helvetica,Arial,sans;
}
a, a:visited {
  text-decoration: none;
}
a:hover, a:active {
  text-decoration: underline;
}
img {
  border: 0;
  display: inline;
}
#container {
  /* bitmap contains background color of right column (#76A7BC), center column (white), and left column*/
  background: url(//www.cityofboston.gov/includes/xhtml/images/leftrightcol.bmp) repeat-y;
  width: 962px;
  margin-left: auto; 
  margin-right: auto;
  border-left: 5px solid white;
  border-right: 5px solid white;
}
#header {
  background: url(//www.cityofboston.gov/images/masthead3.jpg) top left no-repeat;
  min-height: 68px;
  max-height: 155px;
  overflow: hidden;
}
#header img {
  float: right;
  padding-left: 235px;
}

#navigationbar {
  background: white url(//www.cityofboston.gov/includes/xhtml/images/whitepixel.bmp) repeat;
  font-size: small;
  min-height: 2em;
  width: 962px; /* 235 + 235 + 492 */
  border-bottom: 1px solid #C7D9DF;
}
#navigationbar ul {
  display: inline;
  min-width: 727px;
}
#navigationbar li {
  background: url(//www.cityofboston.gov/includes/xhtml/images/whitepixel.bmp) repeat;
  border-left: dotted 1px LightBlue;
  display: inline;
  padding: 0.4em 0.6em;
  float: left;
}
#navigationbar li:first-child {
  border-left: none;
}
#navigationbar a, #navigationbar a:visited {
  color: #438FB6;
  font-weight: bold;
}
#navigationbar .ontab {
  background: url(//www.cityofboston.gov/includes/xhtml/images/bgHeadBlue.bmp) repeat;
}
#navigationbar .ontab a {
  color: black;
}
#navigationbar button {
  background-color: white;
  border: none;
  color: #438FB6;
  cursor:pointer;
  font-family:  Arial Unicode MS, sans;

}

#middle {
  /* border-left: 1px solid White;
  border-right: 1px solid White; */
  margin-top: 0;
  background: transparent;
  margin-left: 24.428%; /* 155px/962px = 0.1611 */
  margin-right: 24.428%;
  min-height: 0;
}

#inner {
  width: 100%;
  float: left;
}

#left {
  float: left;
  width: 235px; /*47.764%; */
  margin-left: -235px; /*-47.763%;/* must be less than width */
  position: relative;
  border-top: 5px solid white;
  /*border-right: 0px solid White;
  border-left: 1px solid #5487A3
  /*left: -.01%; */
}
#left a, #left a:visited, #left a:hover {
  color: White;
  text-decoration: none;
}
#left dl {
  padding-bottom: 0.6em;
}
#left dt {
  background: url(//www.cityofboston.gov/images/bgHeadWhiteLarge.gif) repeat-x;
  margin: 0;
  font-family: Georgia, Palatino, serif;
  font-size: large;
  font-weight: bold;
  padding: 0;
  max-height: 36px;
  width: 234px;
  border-top: 1px solid #5487A3
}
#left dd {
  text-align:left;
  padding: 0.6em 0.4em 0.6em 0.4em;
}

#left dd ul:first-child {
  border-top: none;
  padding-top: 0;
}
#left dd ul li {
  background:url(/images/bgDottedLineWhite.gif) top center repeat-x;
  list-style-type: none;
  padding: 0.4em 0.2em;
  font-size: small;
  margin-left: 0;
}
#left dd ul li:first-child {
  background-image: none;
  border-top: none;
  padding-top: 0;
}


#left select { 
  width: 225px;
  border: 1px solid #6297AF;
}

.leftdropdown {
  background-color: Azure;
  color: Black;
  overflow: auto;
  height: 7em;
  width: 98%;
  font-size: small;
}

.leftdropdown a, .leftdropdown a:hover .leftdropdown a:visited {
  color: MidnightBlue !important;
  padding: 0.2em 0.5em;
}

.leftdropdown a:hover {
  text-decoration: underline  !important;
}


#right {
  margin-right: -235px; /* -47.763%;/* must be less than width */
  float: right;
  width: 235px; /* 47.764%; */
  position: relative;
  /*left: .01%; */
  font-size: small;
  border-left: 0px solid White;
  border-top: 5px solid white;
}

#right input {
  border: 1px solid #689DAA;
  vertical-align: top;
  width: 80%;
}
#right .searchbutton {
  background-color: #7BaCc2;
  color: White;
  font-size: 75%;
  font-style: normal;
  cursor:pointer;
  vertical-align: middle;
  width: 15%;
}
#right a, #right a:visited {
  color: #386f92;
}
#right dt {
  font-family: Georgia, Palatino, serif;
  font-weight: bold;
  font-size: large;
  color:  #386f92;
  background: url(//www.cityofboston.gov/images/bgHeadBlue.gif) repeat-x;
  padding: 0;
  max-height: 36px;
  width: 234px;
  border-top:1px solid #D9E7ED;
}
#right dt a, #right dt a:visited, #right dt a:hover {
  color: #386f92;
  text-decoration: none;
}
#right dd {
  background: url(//www.cityofboston.gov/images/bgDottedLineBlue.gif) top center repeat-x;
  padding: 0.6em 0.5em 0.6em 1.0em;
  color: Black;
}
#right dl {
  padding-bottom: 0.6em;
}

#right .first {
  background: none;
}


#maincol {
  padding: 0.5em;
  font-size: x-small;
}
#maincol h1
{
  font-weight: bold;
  color: #316180 /*#56879C*/;
  font-size: x-large;
  font-style: normal;
  margin-bottom : 10px;
}
#maincol h2 {
}
#maincol p{
	font-size: small;
}
#maincol .shadow {
  padding: 3px 3px 7px 3px;
  background: #f5f5f5 url(//www.cityofboston.gov/includes/xhtml/images/shad_bottom.bmp) repeat-x bottom left;
}


.pdficon {
  background: url(//www.cityofboston.gov/includes/xhtml/images/pdficon.gif) no-repeat right;
  padding-right: 20px;
}

.externalicon {
  background: url(//www.cityofboston.gov/includes/xhtml/images/externalicon.gif) no-repeat right;
  padding-right: 24px;
}


.mainheadline td {
  background: url(//www.cityofboston.gov/images/bgDottedLineBlue.gif) repeat-x bottom center;
  padding: 1.25em 0;
}
.mainheadline img.shadow {
  float: left;
  margin-right: 0.5em;
}

/* mac hie \*/
* html #middle {
  height: 1%;
  position: relative;
}
/* end hide */

#footer {
  clear: both;
  border-top: 3px solid White;
  height: 3em;
  background: #9FC7D2;
  color: White;
  font-size: small;
  padding: 0.5em;
  margin: 0 -5px;
  overflow: visible;
}
#footer .copyright {
  display: inline;
  margin: 0;
  float:left;
}
#footer a, #footer a:visited {
  color: White;
  font-weight: normal;
}
#footer ul {
  display: inline;
  float:right;
}
#footer li {
  display: inline;
}


h1,h3 {
  margin: 0 0 1em 0
}
p {
  padding: 0 5px;
  margin: .5em 0
}
h3 {
  margin: 0;
  padding-top: 10px
}
#mainbase{
  height: 3em;
  margin-top: -3em;
  clear: both;

  margin-left: -235px;
  margin-right: 492px;
  position: relative;
  padding-right: 1em;

  font-size: x-small;
  color: White;
}
#mainbase p {
  float:right;
}