a:focus {outline: none;}
body {font: 75%/1.4 verdana,geneva,lucida,arial,sans-serif; background: #ccf; margin: 0; padding: 0;} 
#page {position: relative; width: 800px; background: #fff; margin: 10px auto; min-height: 700px;}
h1 {overflow: hidden;}
h1 span {display: block; background: url(imgs/earthday-602753-l.jpg) no-repeat;}
h1, h1 span {width: 150px; height: 150px;}
/*absolutly positioned*/
#title, #nav, #worldheart {position: absolute; top: 0; left: 150px;}
#title {width: 650px; height: 150px; background: #000 url(imgs/header.jpg) no-repeat; color: #fff; text-align: center;}
h2 {font-family: georgia,serif; font-size: 180%; padding-bottom: 8px; margin: 0;}
#title p {padding-top: 14px;}
#worldheart {display: block; width: 80px; height: 82px; background: url(imgs/worldheart.jpg) no-repeat; top: auto; left: auto; bottom: 0; right: 0;}
#content {padding: 0 30px 20px 185px; margin: 0; background: #fff;}
.xmargin {margin-left: 85px;}
h3 {font-size: 140%; padding: 0;}
h4 {padding-top: 15px; font-size: 120%;}
h5, .biger {font-size: 115%; font-weight: normal;}
p {text-indent: 5px;}
hr {margin: 15px 0 10px;}
p {text-indent: 5px;}
pre {font-size: 130%; white-space: pre-wrap; word-wrap: break-word;}
ul li {margin-bottom: .5em; list-style: circle;}
li ol li {list-style: lower-alpha; margin-bottom: 1em;}
.nostyle li {list-style: none;}
.bold {font-weight: bold;}
.oblique {font-style: oblique;}
.fltleft li {float: left; list-style: none; margin-right: 2em;}
.clr {clear: both;}
.ctr {text-align: center;}


#nav {top: 150px; left: 0; width: 138px; margin: 0; padding: 20px; border: 0; min-height: 200px;}
#nav li {margin-bottom: 1em; list-style: none; font-weight: bold;}
#nav a, a:link {color: #309;}
#nav a {display: block; text-decoration: none;}
#nav a:visited {color: #309;}
#nav a:hover, #nav a:focus {color: #699;}