body {
  background-color: #F8FCFF;
}

font.homename {
  font-family: sans-serif;
  font-size: 35pt;
  font-style: italic;
  font-weight: bolder;
  color: #3399FF;
}

font.start {
  font-family: sans-serif;
  font-size: 12pt;
}

font.navBar {
  font-family: serif;
  font-size: 14pt;
}

font.navBarAdd {
  font-family: serif;
  font-size: 12pt;
}

a.navBar {
  display: block;
  color: #333333;

  text-align: left;
  text-decoration: none;

  border-width: 1px;
  border-style: solid;
  border-left-color: #FFFFFF;
  border-top-color: #FFFFFF;
  border-right-color: #666666;
  border-bottom-color: #666666;

  padding-top: 2px;
  padding-left: 4px;
  padding-bottom: 2px;
  padding-right: 4px;
}

a.navBarAdd {
  display: block;
  color: #333333;

  text-align: right;
  text-decoration: none;

  border-width: 1px;
  border-style: solid;
  border-left-color: #FFFFFF;
  border-top-color: #FFFFFF;
  border-right-color: #666666;
  border-bottom-color: #666666;

  padding-top: 2px;
  padding-left: 4px;
  padding-bottom: 2px;
  padding-right: 4px;
}

a:hover.navBar {
  display: block;
  color: #666666;

  text-align: left;
  text-decoration: none;

  border-width: 1px;
  border-style: solid;
  border-left-color: #666666;
  border-top-color: #666666;
  border-right-color: #FFFFFF;
  border-bottom-color: #FFFFFF;

  padding-top: 3px;
  padding-left: 5px;
  padding-bottom: 1px;
  padding-right: 3px
}

a:hover.navBarAdd {
  display: block;
  color: #666666;

  text-align: right;
  text-decoration: none;

  border-width: 1px;
  border-style: solid;
  border-left-color: #666666;
  border-top-color: #666666;
  border-right-color: #FFFFFF;
  border-bottom-color: #FFFFFF;
	
  padding-top: 3px;
  padding-left: 5px;
  padding-bottom: 1px;
  padding-right: 3px;
}