body {margin-left: 10%;
      margin-right: 10%;
      font-family: sans-serif;
      color: #333333;
      background-image: url(backpent_.jpg);
      background-color: #8acbf8}

body.green {background-image: url(backpent_lav.jpg)}

html, body {
	margin: 0;
	padding: 0;
}

html, body, .outer, .inner {
	height: 100%;
}
.outer {
  width:80%;
	margin: 0 auto;
	display: table;
}
.inner {
	display: table-cell;
	vertical-align: middle;
}

hr {background-color: #999999}

td {font-family: sans-serif;
    color: #333333}

b {font-family: sans-serif;
   color: #333333}

a:link {color: #333333}
a:visited {color: #333333}
a:active {color: #000000}
a:hover {color: #ee44ee}
a{text-decoration:none}

a.pent:link {color: #dfdfdf}
a.pent:visited {color: #dfdfdf}
a.pent:active {color: #000000}
a.pent:hover {color: #eebbee}
a{text-decoration:none}

a.tree:link {color: #ffff77}
a.tree:visited {color: #ffff77}
a.tree:active {color: #ffff77}
a.tree:hover {color: #ffffff}
a{text-decoration:none}