body {
font-family: Verdana, Geneva, Helvetica, sans-serif;
font-size: 80%;
color: #fff;
background: #627726 url(images/forest.jpg) no-repeat left top;
margin: 0;
padding: 0;
}

h1, h2, h3 {
font-family: "Trebuchet MS", Palatino, sans-serif;
font-style: italic;
color: #fff;
}

h1 { color: #fff; font-size: 2em; font-weight: normal; margin-top: 0; margin-bottom: 0; }

h2 { color: #fff; font-size: 1.7em; margin: 1.2em 0; font-weight: normal; }

h3 {
font-size: 1.4em;
margin: 1.2em 0 1.2em 0;
font-weight: normal;
}

h4 {
font-size: 1.2em;
margin: 1.2em 0 1.2em 0;
font-weight: bold;
}

h5 {
font-size: 1.0em;
margin: 1.2em 0 1.2em 0;
font-weight: bold;
}

h6 {
font-size: 0.8em;
margin: 1.2em 0 1.2em 0;
font-weight: bold;
}

img {
border: 0;
}

ol, ul, li {
font-size: 1.0em;
line-height: 1.5;
margin-top: 0.2em;
margin-bottom: 0.1em; 
}
table { font-size: 1em; }
p {
font-size: 1.0em;
line-height: 1.5;
margin: 1.2em 0 1.2em 0;
}

li > p {
margin-top: 0.2em;
}

pre {
font-family: monospace;
font-size: 1.1em;
}

strong, b {
font-weight: bold;
}

a:link, a:visited {
color: #f90;
}

a:hover {
color: #000;
}

/* layout */

.skiplinks {
/* no display:none, so this is still visible for screen readers */
position: absolute;
visibility: hidden;
top: 0;
font-size: 1px;
}

/* IE/Mac needs this, or it will show large horizontal scrollbar \*//*/
.skiplinks {
display: none;
}
/**/

#site-name {
margin-bottom: 1.5em;
height: 85px;
position: relative;
}

#content {
margin-left: 80px;
padding: 1em 20px 1em 0;
width: 440px;
w/idth: 420px;
float: left;
}

#nav-subs {
padding-top: 4em;
width: 250px;/* needed for Opera 6 */
float: left;
}

#info-site {
clear: both;
}

/* top */

#site-name p { font-family: verdana, "Trebuchet MS", Palatino, sans-serif, tahoma; font-size: 2em; letter-spacing: 0.3em; color: #f9f9fa; font-weight: bold; margin-left: 100px; margin-bottom: 0; position: absolute; bottom: 0; }

/* main navigation */

#nav-main {
position: absolute;
top: 0;
left: 0;
width: 710px;
text-align: right;
}

#nav-main ul {
list-style-type: none;
font-weight: bold;
}

#nav-main li {
display: inline;
padding-left: 1em;
}

#nav-main a {
text-decoration: none;
}

#nav-main li.cur a {
cursor: default;
}

#nav-main li.cur a:link, #nav-main li.cur a:visited {
color: #000;
}

/* sidebox */

.sidebox {
background: url(images/sidebox_top.png) no-repeat 50% top;
padding: 16px 0 0;
width: 205px;
}

.sidebox ul {
margin: 0;
padding: 0;
padding-bottom: 100px;
list-style-type: none;
background: url(images/sidebox_bottom.png) no-repeat bottom;
}

.sidebox li {
margin: 0;
padding: 0 20px 0 50px;
display: block;
}

.sidebox a {
text-decoration: none;
}

.sidebox a:link, .sidebox a:visited {
color: #cfc;
}

.sidebox a:hover {
color: #000;
}

.sidebox li.cur {
background: #627726 url(images/sidebox-cur-top.png) no-repeat top;
padding: 0;
padding-top: 7px;
}

.sidebox li.cur a {
font-weight: bold;
background: url(images/sidebox-cur-bottom.png) no-repeat 50% bottom;
padding: 0 20px 7px 50px;
width: 140px;
display: block;
cursor: default;
}

.sidebox li.cur a:link, .sidebox li.cur a:visited {
color: #000;
}

/* bottom */

#info-site {
background: url(images/bottom2.jpg) no-repeat top;
width: 720px;
min-height: 50px;
}

#info-site a {
text-decoration: none;
}

#info-site a:link, #info-site a:visited {
color: #cfc;
}

#info-site a:hover {
color: #000;
}

#info-site p {
margin: 0;
}

p#info-company { color: #fff; text-align: center; margin-left: 80px; float: left; }
/* IE/Mac needs width on any float, or it will use 100% \*//*/
#info-site {
height: 50px;
}
/**/

/* 
These final statements are to circumvent IE errors:
1. double margin on floated elements
2. incomplete .png support
 */

#container {
height: 1%;
}

#content { margin-left: 40px; width: 440px; w\idth: 420px; }

.sidebox {
background: url(images/sidebox_top.gif) no-repeat top;
}

.sidebox ul {
background: url(images/sidebox_bottom.gif) no-repeat bottom;
}

.sidebox li.cur {
background: #627726 url(images/sidebox-cur-top.gif) no-repeat top;
}

.sidebox li.cur a {
width: 200px;
w\idth: 137px;
background: url(images/sidebox-cur-bottom.gif) no-repeat 50% bottom;
}

#info-site {
height: 50px;
}

p#info-company { color: #ccc; margin-left: 40px; }