

body {
 text-align: center;
 min-width: 730px;
 font-family: verdana;
 font-size: 80%;
 margin: 0;
 padding: 0;
}

h1 {
 font-size: 116%;
 margin: 0px 0px 0px 10px;
 padding: 8px 0px 2px 0px;
 border-bottom: dotted 1px #8C1A19;
}

h2 {
 font-size: 100%;
 font-style: italic;
 margin: 0px 0px 0px 10px;
 padding: 2px 0px 2px 0px;
}

li {
 margin: 0 5px 0.3em 10px;
}

img.right {
 float: right; 
}

div.container {
 margin: 5px auto 20px auto;
 /* Declare as position: relative to ensure absolute top/left positioning 
	 of  child elements is relative to top/left of this block */
 position: relative;
 width: 730px;
 text-align: left;
}

div.Header {
 position: relative;
 height: 115px;
 background-color: #bfd8a1;
 background-repeat: no-repeat;
 background-position: center left;
 background-image: url("images/DJtoon.jpg");
 border-style: solid;
 border-width: 0px 1px 1px 0px;
 border-color: #95AD7A;
}

div.HeaderWords {
 position: relative;
 top: 33px;
 left: 181px;
 width: 507px;
 border-style: solid;
 border-width: 0px 1px 1px 0px;
 border-color: #95AD7A;
}

div.HeaderWords p {
 padding: 10px 0px 10px 0px;
 font-size: 26px;
 letter-spacing: 0.1em;
 color: #525766;
 background-color: #FFFFFF;
 text-align: center;
 margin: 0px;
}

div.Menu {
 position : absolute;
 top : 134px;
 left : 0px;
 width: 125px;
 padding: 2px;
 border-style: solid;
 border-width: 0px 1px 1px 0px;
 border-color: #95AD7A;
}

div.Menu p {
 margin: 16px 10px 16px 10px;
}


div.Content {
 position: relative;
 margin:0px 0px 0px 130px;
 padding: 0px 0px 10px 0px;
 border-style: solid;
 border-width: 0px 1px 1px 0px;
 border-color: #95AD7A;
}

div.Content p {
 padding: 5px 5px 5px 5px;
 margin: 0px 0px 0px 10px;
}

div.Content ol.tops {
 list-style-type: decimal;
}

div.corkboard {
 margin:0px 0px 0px 130px;
 padding: 0px 0px 0px 0px;
 border-style: solid;
 border-width: 0px 1px 1px 0px;
 border-color: #95AD7A;
 background-image: url("images/cork_tile.jpg");
 background-repeat: repeat;
}
div.corkboard img {
 margin: 5px;
 padding: 2px;
 border: 0px;
 background-color: #D3D3D3;
}

div.corkboard p {
  text-align: center;
}

div.fullpic {
 position: relative;
 margin:0px 0px 0px 0px;
 padding: 0px 0px 10px 0px;
 border-style: solid;
 border-width: 0px 1px 1px 0px;
 border-color: #95AD7A;
}	 
 
div.fullpic p {
 text-align: center;
}

div.thumbs {
  float: left;
  margin: 0px;
  padding: 4px;
  text-align: center;
}

div.thumbs p {
  margin: 0px;
  padding: 0px;
  font-style: italic;
  font-size: smaller;
}

div.emailrxd p {
  text-align: center;
  font-size: large;
}	

span.caption {
  padding: 2px;
  background-color: #FFFFFF;
}

/* hack to  make elements that contain floats to stretch to content size. */
div.clearer {clear: left; line-height: 0; height: 0;}
