html, body {
        font: 85%/130% sans-serif;
}

/* =layout */

body {
  min-width: 750px;  
}

#container {
  margin: 0 auto;
  width: 750px;
  background: #ccc;
}

#header {
  background: #ddd;
}

#left {
  float: left;
  width: 147px; /* hack width for ie only */
  padding: 15px;
  background: #999;
}

/* ie doesn't understand this. this is proper width */
html>body #left {
  width:150px;
}

#content {
  float: right;
  width: 540px;
  padding: 15px;
}

#footer {
   clear: both;
   background: #ddd;
}

/* =style */

body {
  padding-top: 2em;
  padding-bottom: 2em;
  background: white;
}
#container {
  background: #c7f6c3 url(/.decorators/green/bg.png) repeat-y top left;
}
#header {
  background: #a9cfa6 url(/.decorators/green/topbg.png) repeat-y top left;
  border-bottom: 1px solid white;
  height: 100px;
}
#header #logo {
  float: left;
  margin-left: 13px;
  margin-top: 8px;
}
#header #text {
  float: left;
  margin-left: 40px;
  margin-top: 2px;
}
#subheader {
   display: none;
}
#left {
  background: transparent;
}
#left a {
  color: #ffd;
  font-weight: bold;
  text-decoration: none;
}
#left a:hover {
  color: white;
  text-decoration: underline;
}
#left #nav {
  color: white;
  font-weight: bold;
}
#nav div {
  padding: 0.5em 0.5em 0.5em 0;
}
#footer {
  visibility: hidden;
}
#content {}

div.border {
  margin: 0.5em;
  background: white;
  width: 50%;
}
div.border p {
   margin: 0;
   padding: 0.5em 1em 0 1em;
}

a {color: #060;}
a:hover {color: #3c3;}
div.hr {border-top: 1px solid white;}

div.photo {background: white;}
div.photo img {
  padding: 2px 7px 2px 7px;
}