body {
  font: 82%/150% Tahoma, 'Lucida Grande', 'Lucida Sans', Helvetica, Arial, clean, sans-serif;
}

#topbar {
  padding: 0;
  margin: 50px 3.0em 1.0em 3.0em;
  background: #CCF url(topright.png) no-repeat right top;
}



#topbarinner
{
  background: url(topleft.png) no-repeat left top;
  padding: 1.0em;
}


#site
{
  background: #CCF none;
  font-weight: bold;
  font-style: italic;
  padding: 1em;
  text-align: right;
}
#title
{
  background: #CCF none;
  font-weight: bold;
  font-size: x-large;

}



#navbar {
  position: relative;
  margin: 0 3.0em 0 3.0em;
  background: #BBB;
}


#navbar ul {
  padding: 1.0em
}

#navbar ul li {
  display: inline;
}



#navbar ul li:after {content:"|"; color: #999; padding: 1.0em}
#navbar ul li:last-child:after {content:" ";}


#navbar ul li a {
  text-decoration: none;
  padding: 0;

}

#navbar ul li a:link {color:#FFF}
#navbar ul li a:visited {color:#FFF}



#maincontent {
  position: relative;
  padding: 0;
  margin: 50px 3.0em 0 3.0em;

}

.textblock {
  clear: both;
  vertical-align: middle;
}

.leftimg {
  text-align: center;
  margin: 25px 0 25px 0;
}

.righttext {
  float:right;
  width:50%;
  padding: 3.0em;
}


.righttext td {
  padding-left: 2.0em;
}

.rightimg {
  text-align: center;
  margin: 25px 0 25px 0;
}

.lefttext {
  float:left;
  width:50%;
  padding: 3.0em;
}


.lefttext td {
  padding-left: 2.0em;
}

.caltitle {
  font-weight: bold;
  font-size: large;

}

#bottombar {
  position: relative;
  padding: 0;
  margin: 0 3.0em 0 3.0em;
  background: #CCF url(bottomright.png) no-repeat right bottom;
  clear: both;
}

#bottombar div {
  margin: 0;
  background: url(bottomleft.png) no-repeat left bottom;
}

#bottombar div p
{

  padding: 1.0em;
}

#bottombar div p span#copy
{
  font-weight: bold;
  font-size: x-small;
}