/* common style file for unit webpage */

body {
  margin-left: 10%;
  margin-right: 10%; 
  color: black;
  background: white;
  font-family: sans-serif;
}

pre { font-family: monospace; }

h1 { margin-left: -8%; }
h2,h3,h4,h5,h6 { margin-left: -4%; }
h1,h2,h3,h4,h5,p,ul { font-family: sans-serif; }

table {
  margin-left: -4%;
  font-family: sans-serif;
  background: white;
  border-width: 2;
  border-color: white;
}

table.centered {
   margin-left: auto;
   margin-right: auto;
}


th { font-family: sans-serif; background: rgb(204, 204, 153); text-align: left }
td { font-family: sans-serif; background: rgb(255, 255, 153) }

p.alert {
  color: red;
}

<!-- these tips from http://konstruktors.com/blog/web-design/125-how-to-create-beautiful-and-elegant-html-lists-using-css/ -->

ul, ol { 
   margin:auto -3em 1em 0; 
   padding:0; 
   position:relative; 
   left:-3em;
   overflow:hidden;
}
 
li { 
   margin-top:0.25em;
   margin-bottom:0.25em; 
}
 
ul ul, ul ol, 
ol ol, ol ul { 
   margin-left:1em; 
   padding-left:0; 
}
 
ul li, ol li { 
   margin-left:1em; 
}
 
li li { 
   margin-left:1em; 
}

.flat li { 
   margin-left:0em; 
}
 
.flat li ul, .flat li ol { 
   margin-left:0em; 
   padding-left:0; 
}
 
.flat li li { 
   margin-left:0; 
}

<!-- this from --
  -- --
  --http://labnol.blogspot.com/2006/10/html-css-trick-for-displaying-code.html -->

pre {
white-space: pre-wrap; /* css-3 */
white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
word-wrap: break-word; /* Internet Explorer 5.5+ */
}