#wrapper #outline{ margin:18px auto; position:relative; width:1000px; height:auto;}
#back{ position: relative; border: solid 1px #999999; height:650px; width: 1000px; background: url(images/tree.gif) no-repeat left top; }
#navigation { float:left; width: 150px; height: 700px; left: 80px; top: 310px; position: absolute; visibility: visible; }
#text { left: 300px; top: 170px; width: 500px; visibility: visible;  position: absolute;}
#text_wide { left: 300px; top: 140px; width: 650px; visibility: visible;  position: absolute;}
#grass { left: 600px; top: 450px; position: absolute; width: 400px; height: 200px; visibility: visible; background-image: url(images/grass.gif); }
#images { left: 309px; position: absolute; width: 689px; height: 122px; visibility: visible; background-image: url(images/images.gif); }

#left { float:left; width: 250px; height: 300px; left: 0px; top: 90px; position: absolute; visibility: visible; }
#right { float:left; width: 300px; height: 300px; left: 220px; top: 90px; position: absolute; visibility: visible; }

body { background-color: #e5fbcb; background-image: url(images/bg.gif); }
h1 { color: #2a6105; font-size: 33px; font-family: "Lucida Grande", Arial, sans-serif; font-weight: bold; margin: 0.83em 0 0; }
p { color: #000; font-size: 12px; font-family: "Lucida Grande", Arial, sans-serif; font-weight: normal; margin-top: 0; }
a { color: #000; font-size: 12px; font-family: "Lucida Grande", Arial, sans-serif; font-weight: normal; text-decoration: underline; }

#navigation a { color: #000; text-decoration: none; font-family: "Lucida Grande", Arial, sans-serif; font-size: 12px; }
#navigation p { color: #666; border-bottom: solid 1px #CAB199; line-height: 18px;  }

#weather { left: 850px; top: 220px; position: absolute; width: 100px; visibility: visible; }