HTML
 {height: auto;
  height: 100%;
  min-height: 100%}

BODY
 {height: auto;
  height: 100%;
  min-height: 100%;
  background-color: #FFFFFF;
  margin: 0px;
  padding: 0px}

.hyperLink
 {text-decoration: none}
 
.hyperLink:link,
.hyperLink:visited
 {color: #000000}
 
.hyperLink:active
 {color: #660000}
 
.hyperLink:hover
 {color: #000099}
 
.center
 {text-align: center}

#pageContainer
 {width: 100%;
  height: 100%}

#menuBar
 {background-color: #FFFFCC;
  width: 140px;
  height: 100%;
  text-align: center;
  vertical-align: top}

#menuList
 {background-color: #FFFFCC;
  text-align: center;
  vertical-align: top}
 
.menuItem
 {text-align: left}

.menuLink
 {font-family: Geneva;
  font-size: 13px;
  font-weight: bold;
  text-decoration: none}
  
.menuLink:link,
.menuLink:visited
 {color: #000000}
 
.menuLink:active
 {color: #660000}
 
.menuLink:hover
 {color: #000099}

#menuShadow
 {background-image: url(images/shadow.jpg);
  background-repeat: repeat-y;
  width: 20px;
  height: 100%;
  vertical-align: top}

#mainContent
 {height: 100%;
  vertical-align: top}
 
.headerLarge
 {font-family: Arial;
  font-weight: bold;
  font-size: 120%}
 
.headerSmall
 {font-family: Arial;
  font-weight: bold;
  font-size: 80%}

.bodyText
 {font-family: Arial}
 
.bodyTextLarge
 {font-family: Arial;
  font-size: 120%}
 
.caption
 {font-family: Arial;
  font-style: italic}
 
.captionSmall
 {font-family: Arial;
  font-size: 80%;
  font-style: italic}
 
.footerSmallCenter
 {font-family: Arial;
  font-size: 80%;
  text-align: center}
