body {
  font-family:Trebuchet MS, Lucida Grande, Tahoma, Verdana, Helvetica, Arial, Sans-Serif;
  padding:0;
  margin:0;
  text-align:center;
  color:#393330;
}

#container {
  background-color:#f3e9d2;
  text-align:left;
}

#header-container {
  height:255px;
  background:url(/static/images/bg-header-repeat-x.jpg) repeat-x;
}

#header {
  height:255px;
  background:url(/static/images/bg-header.jpg) center no-repeat;
}

#header a {
  color:white;
  font-size:95%;
  text-decoration:none;
}

#header a:hover {
  text-decoration:underline;
}

#header-inner {
  margin:0 auto;
  position:relative;
  width:847px;
  height:245px;
}

#logo {
  position:absolute;
  width:144px;
  height:81px;
  background:url(/static/images/msp-logo.gif) center no-repeat;
  bottom:39px;
  left:60px;
}

#header-photo {
  position:absolute;
  width:554px;
  height:134px;
  background:url(/static/images/header-photo.jpg) center no-repeat;
  bottom:23px;
  right:25px;
}

ul.nav {
  margin:0;
  padding:0;
}

#top-nav {
  position:absolute;
  right:5px;
  top:35px;
}

#top-nav span {
  color:#c69c6d;
}

#top-nav li {
  display:inline;
}

#side-nav {
}

#side-nav li {
  margin:5px;
  list-style:none;
}

#side-nav li.current {
  font-weight:bold;
}

#ccc-link {
  position:absolute;
  color:#aaa;
  font-size:75%;
  top:5px;
  right:5px;
}

#log-in-button a {
  display:block;
  width:153px;
  height:40px;
  background:url(/static/images/log-in-button.gif) center no-repeat;
  text-indent:-9999px;
}

#log-in-button a:hover {
  background:url(/static/images/log-in-button-over.gif) center no-repeat;
}

#content {
  margin:0 auto;
  width:847px;
}

#sidebar-container {
  width:268px;
  float:left;
}

#sidebar {
  margin:0px 20px 0 10px;
}

#sidebar a {
  color:#393330;
  text-decoration:none;
}

#sidebar a:hover {
  color:#7aabbc;
}

#sidebar p {
  line-height:2em;
}

#sidecopy-container {
  margin:20px 0 0 0;
  width:200px;
}

#sidecopy {
  padding:5px;
}

#sidecopy p {
  padding:0;
  margin:0;
}

#main-container {
  width:577px;
  background:#faf6ed url(/static/images/bg-content-bottom.jpg) bottom center no-repeat;
  float:left;
}

#main-inner-top {
  width:577px;
  height:9px;
  background:url(/static/images/bg-content-top.gif) top center no-repeat;
  position:relative;
}

#main {
  margin:15px 30px 100px 30px;
  font-size:88%;
}

#main p {
  line-height:1.7em;
}

#main img {
  border:7px solid #d1e5c0;
}

#directory {
  font-size:95%;
}

#directory h3 {
  margin-left:10px;
}

#directory .classroom {
  margin-top:20px;
}

#directory .entry-container {
  float:left;
  width:165px;
  height:130px;
}

#directory .entry {
  margin:10px;
}

#directory .return {
  text-align:center;
}

#directory .return a, #directory .staff a {
  color:#7aabbc;
  text-decoration:none;
}

#directory .return a:hover, #directory .staff a:hover {
  color:#7aabbc;
  text-decoration:underline;
}

#directory a.return {
  color:#7aabbc;
  text-decoration:none;
}

#directory a.return:hover {
  color:#7aabbc;
  text-decoration:underline;
}

#directory span a {
  font-style:oblique;
}

#directory .staff span a {
  color:grey;
  margin-left:7px;
  font-size:90%;
}

#directory .classroom span a {
  font-size:80%;
  color:#7aabbc;
  text-decoration:none;
}

.userform table {
  font-size:125%;
  margin-bottom:40px;
}

.userform th {
  text-align:right;
  vertical-align:middle;
  padding-right:15px;
}

.userform td {
  height:40px;
  vertical-align:middle;
}

.userform td input {
  font-size:111%;
  font-weight:bold;
  color:#393330;
  vertical-align:middle;
  padding:7px;
  width:250px;
}

.userform input.submit {
  font-size:110%;
  font-weight:bold;
  color:#393330;
  vertical-align:middle;
  padding:5px;
}

.errorlist {
  font-weight:bold;
  margin:0;
  padding:0;
  color:red;
}

.errorlist li {
  margin:0;
  list-style:none;
}

#messages {
  font-size:125%;
  color:black;
  font-weight:bold;
  border:1px solid grey;
  margin-bottom:30px;
  font-style:oblique;
}

#messages p {
  margin:10px;
}

#footer-container {
  background:url(/static/images/bg-footer-repeat-x.jpg) repeat-x;
}

#footer {
  height:326px;
  background:url(/static/images/bg-footer-top.jpg) top center no-repeat;
  color:#ededed;
  font-size:80%;
}

#footer-inner {
  height:100px;
  width:847px;
  position:relative;
  margin:0 auto;
}

#copyright {
  position:absolute;
  top:50px;
  right:10px;
}

.post-separator hr {
  border:0;
  width:50%;
  margin-bottom:50px;
  margin-top:50px;
  background-color:lightgrey;
  height:3px;
}

.form textarea {
  border:6px solid lightgrey;
  padding:8px;
  font-family:Trebuchet MS, Lucida Grande, Tahoma, Verdana, Helvetica, Arial, Sans-Serif;
  letter-spacing:1px;
  width:488px;
  overflow:auto;
}

.form .errorlist {
  border:2px solid;
  margin-bottom:10px;
  padding:7px;
}

.form .success {
  font-weight:bold;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */