body, html {
  background-color: #FBF0DC;
  margin:0;
  padding:0;
  font-family: Arial, Helvetica, sans-serif;
}
.invalidValue {color: red}

.hereInner  {
  color: #56AB56;
 font-weight: bold;
}

#innermenu   a:hover,  #innercontent  a:hover  {
  color: #1b5891;
  text-decoration: underline;
}

#innermenu  a { 
  text-decoration: none;
  color: #025490;
}

#innercontent a { 
  text-decoration: none;
  color: #2A2AFF;
}



#innerTitle {
  font-weight: bold;
}

#innermenu ul {
  margin: 0;
  padding: 0px;
  list-style-type: none;
}

#innermenu  li  {
  padding: 4px 0px 4px 18px;
  background-image: url(../../../assets/templates/bridgecourt/images/GuelphBullet.gif);
  background-repeat: no-repeat;
  background-position: 0 .6em;
}

#innermenu {
/*   border-right: 1px solid gray;     didn't work well for pages with short menus   */
  float: left;
  width: 145px;  /* add padding below to get true width  */
  margin: 0;
  padding: 0 0 0 15px;
  background-color: white;
  color: #666666;
  font-size: .8em;
}

#innercontent {
  height: auto !important;   /* hack for IE  */
  height: 200px;
  min-height: 200px;    /* to help lengthen left line  */
  border-left: 1px solid gray;
  width: 640px;  /* watch padding   */
  margin: -15px 0 0 170px;
/*  margin: 0;   */
  padding: 12px;
  background-color: white;
  color: #666666;
  font-size: .8em;
}

#bannerholder  {
  height: 275px;
}

.first {
  color: #1B5891;
}

.here {
  color: #9cc936;
}

#overlapmenu  ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

#overlapmenu  ul li {
  display: inline;
}

#overlapmenu   ul li a { 
  text-decoration: none;
  padding: 5px;
  color: white;
}

#overlapmenu a:hover {
  color: #99ccff;
}

#overlapmenu a:active {
  color: #9cc936;
}

#overlapmenu  {
  color: white;
  padding-top: 10px;
  position: relative;
  height: 38px;
/*  margin-top: -38px;  */
  background-image: url(../../../assets/templates/bridgecourt/images/whiteBlueMenuBacker.jpg);
  background-position: top;
  background-repeat: no-repeat;
  background-color: #1B5891;
  background-color: transparent; 
  text-align: center;
  font-size: 14px;
  font-weight: bold;
}

#content {
/*  float: left;  */
  width: 880px;   /* less cuz of padding  */
  margin: -10px 0 0 0;
  padding: 10px;
  background-color: white;
  color: #666666;
  font-size: .8em;
}

#rightcol {
  margin-left: 560px;   /* makes it float right - actually is below, not inside content div  */
  padding: 1em;
  background-color: white;
}

#topbar h1 {
  margin: 0;
  font-size: .6em;
}

#topbar {
  background-image: url(../../../assets/templates/bridgecourt/images/curvedGreenTop.jpg);
  background-position: top;
  background-repeat: no-repeat;
  font-size: 40px;
  padding: 5px 0 5px 70px;
  margin: 0;
  background-color: #86B124;
  color: white;
}

#footer, #footer a {
  padding: 4px 0 4px 0 ;
  font-size: 10px;
  text-align: center;
  width: 900px;
  background-image: url(../../../assets/templates/bridgecourt/images/curvedGreenBottom.jpg);
  background-position: bottom;
  background-repeat: no-repeat;
  clear: both;
  color: #666666;
  background-color: #86B124;
  text-align: center;
  text-decoration: none;
}

#wrapper {
  width: 900px;
  margin: 10px auto;
  background-color: white;
}