body {
  FONT-FAMILY: Helvetica, Arial, sans-serif; 
  FONT-SIZE: 12px;
} 

/* big header font
*/
.header {
  font-size: 240%;
  font-weight: bold;
}

/* small footer font
*/
.footer {
  font-size: 75%;
}


ul.inline {
  margin: 2px;
  padding: 2px;
}

li.inline {
  display: inline;
  padding-left: 3px;
  padding-right: 7px;
  border-right: 1px dotted #066;
  margin: 1px;
}

li.last {
  display: inline;
  padding-left: 3px;
  padding-right: 3px;
  border-right: 0px;
} 

/* source like blocks use a light background color
*/
pre {
  padding: 2px;
  background-color: #FFEEFF;
  font-size: 90%;
}


/* redsquare bullet
*/
#mid-col-1 ul li.r {
  list-style-type:square;
  color: #FF0000;
}
/* green square bullet
*/
#mid-col-1 ul li.g {
  list-style-type:square;
  color: #00FF00;
}
/* blue square bullet
*/
#mid-col-1 ul li.b {
  list-style-type:square;
  color: #0000FF;
}

/* special header formatting for mid-col-2 section
*/
#mid-col-2 h1 {
  color: #887788;
}
/* special header formatting for mid-col-2 section
*/
#mid-col-2 h2 {
  color: #887788;
}
/* special header formatting for mid-col-2 section
*/
#mid-col-2 h3 {
  color: #887788;
}

/* make dt text in mid-col-2 section bold, and use
  same color as defined for the hX 
*/
#mid-col-2 dt {
  color: #887788;
  font-weight: bold;
}
#top-section {
            position:relative;
            left:0;
            top:0;
            }
#mid-section {
            position:relative;
            left:0;
            top:0;
            }
#bottom-section {
            position:relative;
            left:0;
            top:0;
            }

#top-col-1 {
            position:relative;
            padding-left:5%;
            padding-right:10px;
  background-color: #EEDDEE;
  color: #776677;
  padding-bottom: 2px;
  margin-bottom: 2px;
            }
#mid-col-1 {
            position:absolute;
            top:0;
            left:0;
            width:20%;
            }
#mid-col-2 {
            position:relative;
            top:0;
            left:20%;
            width:60%;
  border-left:1px dotted #999999;
  border-right:1px dotted #999999;
  padding: 5px
            }
#mid-col-3 {
            position:absolute;
            top:0;
            left:82%;
            width:16%;
            }
#mid-col-4 {
            position:absolute;
            top:0;
            left:80%;
            width:20%;
            }
#bottom-col-1 {
            position:relative;
            padding-left:10%;
            padding-right:10px;
            }