body {
  position: relative; 
  margin: 0; 
  padding: 0; 
  font-family: garamond, times, serif;
  }

div.content {
  padding: 10px;
  color: #00CC99;  
  border: solid #00CC99;
  }
  
div.content p {
  margin: 0 1em 1em; 
  padding: 0; 
  line-height: 1.3;
  }

h1 {
  text-align: center; 
  margin: 0.5em -4px 0.5em; 
  padding: 0.33em 0 0.167em;
  font: bold 200% garamond, times, serif; 
  vertical-align: middle;
  color: #3FC; 
  letter-spacing: 0.5em; 
  text-transform: lowercase;
  }

dt {
  font-weight: bold;
  }

dd {
  margin-bottom: 0.66em;
  }

a:link {
  color: #FFFFFF;
  }
  
a:visited {
  color: #66FFCC;
  }
  
a:link:hover {
  color: #99FF99;
  }
  
a:visited:hover {
  color: #66FF99;
  }

code, pre {
  color: #464; 
  font-family: monospace;
  }

code {
  font-size: 110%;
  }

div.content h1 {
  border: 1px solid #00CC99; 
  padding: 0.5em 1em 0.25em;
  }

div.content h2 {
  border-left:0px solid #00CC99; border-right:0px solid #00CC99; border-top:1px solid #00CC99; border-bottom:1px solid #00CC99; color: white; 
  padding: 0.5em; 
  margin-left:-12px; margin-right:-12px; margin-top:0; margin-bottom:0.5em
  }

div.right_menu {
  position: fixed; 
  height: 150px; 
  width: 150px; 
  background: #006633 url('images/yinyang.jpg') no-repeat fixed 0 0; 
  bottom: 0px; 
  right: 0px; 
  margin-left: auto; 
  margin-right: auto; 
  padding: 10px; 
  text-align: right;  
  border: medium solid #00CC99;
  }

div.punch2 {
  border-left:0px solid black; border-right:1px solid black; border-top:0px solid black; border-bottom:1px solid black; float: left; 
  width: 100px; 
  height: 70px; 
  text-align: center; 
  background: black; 
  color: white; 
  margin-left:-1px; margin-right:25px; margin-top:-1px; margin-bottom:10px; padding-left:0; padding-right:10px; padding-top:0; padding-bottom:5px
  }

div.punchleft {
  border-left:0px solid #00CC99; border-right:3px solid #00CC99; border-top:3px solid #00CC99; border-bottom:3px solid #00CC99; float: left; 
  width: 25%; 
  text-align: left; 
  font-size: 140%; 
  font-weight: bold; 
  font-style: italic; 
  padding: 1em; 
  text-indent: -0.5em; 
  color: white; 
  margin-left:-13px; margin-right:0.5em; margin-top:0.2em; margin-bottom:0.2em
  }

div.punchright {
  border-left:3px solid #00CC99; border-right:0px solid #00CC99; border-top:3px solid #00CC99; border-bottom:3px solid #00CC99; float: right; 
  width: 25%; 
  text-align: left; 
  font-size: 140%; 
  font-weight: bold; 
  font-style: italic; 
  padding: 1em; 
  text-indent: -0.5em; 
  color: white; 
  margin-left:0.5em; margin-right:-13px; margin-top:0.2em; margin-bottom:0.2em
  }

div.punchleftimage {
  border-left:0px solid #00CC99; border-right:3px solid #00CC99; border-top:3px solid #00CC99; border-bottom:3px solid #00CC99; float: left; 
  padding: 1em; 
  margin-left:-13px; margin-right:0.5em; margin-top:0.2em; margin-bottom:0.2em
  }

div.punchrightimage {
  border-left:3px solid #00CC99; border-right:0px solid #00CC99; border-top:3px solid #00CC99; border-bottom:3px solid #00CC99; float: right; 
  padding: 1em; 
  margin-left:0.5em; margin-right:-13px; margin-top:0.2em; margin-bottom:0.2em
  }

.tab {
  width: 20%;
  border: solid #00CC99;
}