body { 
  margin: 0px;
  padding: 0px;
}

/* stuff for stretching the background gradient */

#bg {
    width: 100%; 
    height: 100%; 
    position: absolute; 
    left: 0px; 
    top: 0px; 
    z-index: -2;
}

.bgstretch {

    width:100%;
    height:100%;
    background-attachment: fixed;
}

.maintable {
  margin-top: 5px;
/*
  border: solid 1px red;
*/
}

/* define styles for main table rows */

.rowSpacer { 
  height: 10px;
}

/* stuff for logo row */

.rowLogo { 
/*
  border: solid 1px green;
  height: 140px;
*/
  margin-top: 0px;
  top: 1px;
  height: 130px;
}

.banner { 
  position: relative;
/*
  right: 360px;
  border: solid green 1px;
*/
  left: 100px;
  width: 300px;
  top: 20px;
}

.bannerB, .bannerR {
  position: relative;
  text-align: right;
  right: 0px;
  font-family: sans-serif;
  letter-spacing: 0.04em;
/*
  border: solid 1px yellow;
*/
}

.bannerB { 
  font-family: sans-serif;
  color: #606060;
  font-size: 0.85em;
  top: 10px;
  right: 5px;
}

.bannerR { 
  color: #767;
  font-variant: small-caps;
  font-size: 2.8em;
  top: 0px;
}

.logo { 
/*  border: solid 1px blue;*/
  border: none;
  z-index: -1;
  margin-top: 0px;
  top: 10px;
/**/
  position: absolute;
/**/
}

/* stuff for picture row */

.rowPic { 
  height: 140px;
}

.rowPicDiv { 
  background-image: url(banner-pic-1.jpg);

}

/* stuff for main row */

.rowMain { 

}

.leftcol, .rightcol { 
  padding: 16px;
  font-family: sans-serif;
}

.leftcol { 
/*
  background-color: #6dcff6;
*/
  background-color: #cef;
}

.midcol { 
  background-image: url(colgrad.jpg);
  background-repeat: repeat-y;
  width: 30px;
  margin: 0px;
}

.rightcol { 
/*
  background-color: #00b3af;
*/
  background-color: #80c3cf;
}

/* stuff for footer row */

.rowFooter { 

}

/* stuff applying to multiple rows */

.rowPic, .rowMain, .rowFooter { 
  border: solid 1px black;
  background-color: white;
  padding: 4px;
}

/* stuff applying to nav bars */

.navbarTop, .navbarBottom { 
  background-color: #4ca29b;
  text-align: center;
  font-family: sans-serif;
  padding-top: 1px;
  padding-bottom: 1px;
} 

.navbarTop { 
  color: #404040;
  font-variant: small-caps;
  font-weight: bold;
  font-size: larger;
  cursor: normal;
}

.navbarBottom { 
  color: #303030;
  font-size: smaller;
}

.vbar { 
  color: white;
  font-weight: bold;
  font-size: larger;
}

/*.navbarTop.a, .navbarBottom.a*/ a {
  text-decoration: none;
}

/*.navbarTop.a:hover, .navbarBottom.a:hover*/ a:hover {
  color: white;
  background-color: #333;
}

.navBot, .navTop {
    color: #333;
}

.navTop {
    cursor: pointer;
}

/* stuff for menus */

.menuAbout, .menuBenefits, .menuPractitioners, .menuContact { 
/*
  padding-left: 5px;
  padding-bottom: 10px;
  border: solid 1px blue;
*/

  font-family: sans-serif;
  font-size: x-small;
  position: absolute;
  display: none;
  width: 100%; 
  z-index: 2;

/*
  background-image: url(shadowbg.gif);

  height: 100%; 
  background-color: #00b3af;
  background-image: url(menushadow.jpg);
*/
}

.menubgdiv {
    width:100%;
    height:100%;
    z-index: -2;
    position: absolute;
    top: 0px;
}

.menubg {
    width:100%;
    height:100%;
    z-index: -2;
    position: relative;
    top: 0px;
}

.menuAbout { 
/*
*/
  width: 150px;
  margin-left: 200px;
}

.menuBenefits { 
  width: 150px;
  margin-left: 320px;
}

.menuPractitioners { 
  width: 150px;
  margin-left: 440px;
}

.menuContact { 
  width: 150px;
  margin-left: 560px;
}

.menushadow, .menushadow1, .menucontent {
  position: relative;
  bottom: 2px;
  right: 2px;
}

.menushadow {
  background-color: #7bb;
}

.menushadow1 {
  background-color: #577;
  width: 100%; height: 100%;
}

.menucontent {
  background-color: #00b3af;
  color: #404040;
  border: 1px solid #000;
  padding: 0.5em;
}

.menuItem {
  color: #404040;
  background-color: #00b3af;
  text-decoration: none;
}

.menuItem:hover {
  color: white;
  background-color: #404040;
  text-decoration: none;
}

.javascriptWarning { 
  text-align: center;
  font-weight: bold;
  color: #077;
}