html {
  margin: 0;
  padding: 0;
}

body {
  margin: 0;
  padding: 0;
  font-family: georgia, arial, sans-serif;
}
/*** Image is 180px wide, and 20px high ***/

pre {
  margin: 0;
  font-family: verdana, sans-serif;
  font-size: .9em;
}

a.menu, a.menu:visited {
  text-transform: uppercase;
  text-decoration: none;
  font-family: arial narrow;
  font-weight: bold;
}

a.menu:hover {
  background-color: lightgrey;
}

p.styleswitch {
  margin-top: 100px;
}

a.styleswitch, a.styleswitch:visited {
  text-decoration: none;
}


.alignright {
  margin-top: 0;
  text-align: right;
}

.small {
  font-size: .9em;
}

.return {
  position: absolute;
  top: 0;
  right: 0;
  text-align: right;
  padding: .5em;
}

/*******************************************************************************
                       Positioning rules
*******************************************************************************/
h1, h2 {
  margin: 0;
  font-family: arial, sans-serif;
}

h2 {background-color: #638; color: #fff;}

div#leftbox {      /*** No side padding or borders, to avoid the IE5.x box model problem ***/
position: absolute;
left: -1px;
width: 150px;
color: black;
padding: 10px;
padding-top: 270px;
}

#middlebox {
margin: 0 306px 0 170px; /** 250px became 306 as 229 became 285 below **/
padding: 10px;
padding-left: 30px; 
padding-right: 30px;
}

div#rightbox {    /*** No side padding or borders, to avoid the IE5.x box model problem ***/
position: absolute;
right: 0px;     /*** IE5/mac will show a horizontal scrollbar 
		if this is less than 16px, or other units are used
		http://www.l-c-n.com/IE5tests/right_pos/ ***/           
width: 285px; /** was 229px **/
/** height: 500px;  force to see cogs?? **/ 
padding: 10px;
    border-left: 1px solid whitesmoke;
    border-bottom: 1px solid whitesmoke;
}

#test {
position: absolute;
top: 500px;
}

.baseline {
position: relative;
}

.bottomleft {
position: absolute; 
bottom: 0px; 
left: 19px;
width: 150px;
padding-bottom: 0px;
border: 1px solid red;
background: white;
}

.bottomright {
position: absolute;
bottom: 0px;
right: 69px;
width: 180px;
padding-bottom: 140px;
border: 1px solid red;
background: white;
}

* html .bottomright {
top: -22.3em; /* IE layout fix was -310px */
}

* html .bottomleft {
top: -19.4em; /* IE layout fix was -310px */
}

li.main {
  padding-bottom: 10px;
}

.mainContent ul li {
  padding-bottom: 10px;
}

li.navigation {
  list-style: none;
  text-align: right;
  border-top: 1px solid lightgrey;
}
li.navigation:hover {
  background-color: lightgrey;
}

li.first {
  border-top: 1px solid lightgrey;
}

dt {
  font-weight: bold;
  margin-top: 15px;
}