body {
  font: small Tahoma, Helvetica, Arial, sans-serif;
  color: #333333;
  background-color: #006666;
}

h1, h2 {
  color: #003333;
}

h1 {
  font-size: 150%;
}

h2 {
  font-size: 130%;
}

h3 {
  font-size: 110%;
  color: #000000;
}

li {
  list-style-image: url(images/bullet.jpg);
  padding-top: 5px;
}

a:link {
  color: #FF0000;
}

a:visited {
  color: #666699;
}

a:hover {
  color: #666699;
}

img {
border: none;
}

#container {
  width: 800px;
  padding-top: 5px;
  padding-bottom: 5px;
  background-color: #ffffff;
  margin-left: auto;
  margin-right: auto;
}

.main {
  margin: 0px 0px 0px 180px;
  padding: 0px 10px 0px 0px;
}

#leftnav {
  padding: 0px;
  margin: 0px 0px 0px 0px;
  width: 180px;
  float: left;
}

.leftnavbutton {
  padding: 20px 0px 20px 10px;
  margin: 0px 0px 10px 0px;
  font-size: 110%;
  font-weight: bold;
  color: #000000;
}

.homebutton {
  background-image: url(buttons/home.jpg);
  background-repeat: no-repeat;
  background-position: center left;
}

.writingbutton {
  background-image: url(buttons/web-writing.jpg);
  background-repeat: no-repeat;
  background-position: center left;
}

.projectsbutton {
  background-image: url(buttons/projects.jpg);
  background-repeat: no-repeat;
  background-position: center left;
}

.marketingbutton {
  background-image: url(buttons/marketing.jpg);
  background-repeat: no-repeat;
  background-position: center left;
}

.trainingbutton {
  background-image: url(buttons/training.jpg);
  background-repeat: no-repeat;
  background-position: center left;
}

.aboutbutton {
  background-image: url(buttons/about.jpg);
  background-repeat: no-repeat;
  background-position: center left;
}

.infobutton {
  background-image: url(buttons/SEOinfo.jpg);
  background-repeat: no-repeat;
  background-position: center left;
}

.leftnavbutton a:link {
  color: #000000;
  text-decoration: none;
}

.leftnavbutton a:visited {
  text-decoration: none;
}

.leftnavbutton a:hover {
  color: #666699;
  text-decoration: none;
}

.graphiclink a:link {
  text-decoration: none;
}

.graphiclink a:visited {
  text-decoration: none;
}

.graphiclink a:hover {
  text-decoration: none;
}

#topbanner {
  background-image: url(images/banner.jpg);
  background-repeat: no-repeat;
  background-position: top left;
}

#footer {
  font-size:           80%;
  text-align:          left;
  line-height:         normal;
  margin-top:          30px;
}

.examples {
   margin: 0px;
   padding: 0px 10px 0px 0px;
}

td {
  padding: 0px 10px 10px 0px;
  vertical-align: top;
}

.lefttable {
   width: 30%;  
}