body {
  background: #523314 url(../images/bg.gif) top left repeat-x;
  color: #fffcee;
  font-family: 'Lucida Sans Unicode', 'Lucida Grande', tahoma, verdana, arial, helvetica, sans-serif;
  font-size: 11px;
  line-height: 18px;
}

* {
  margin: 0;
  padding: 0;
}

h1, h2, h3, h4 {
  color: #e8ddad;
  font-family: Georgia, tahoma, verdana, arial, helvetica, sans-serif;
  font-weight: normal;
}

h1 {
  font-size: 25px;
  padding: 7px 25px 10px 25px;
  line-height: 30px;
}

h2 {
  font-size: 19px;
  padding: 7px 25px 10px 25px;
  line-height: 24px;
}


/* Body */

#canvas {
  width: 775px;
  margin: 0 auto;
}

#col-left {
  width: 265px;
  float: left;
}

#col-right {
  width: 495px;
  float: left;
}


/* Header */

#header-foundation {
  width: 795px;
  height: 470px;
  margin: 0 auto;
  background: transparent url(../images/header-foundation.jpg) top left no-repeat;
}

#header-foundation-p4 { width: 795px; height: 470px; margin: 0 auto; background: transparent url(../images/header-foundation-p4.jpg) top left no-repeat; }
#header-foundation-p5 { width: 795px; height: 470px; margin: 0 auto; background: transparent url(../images/header-foundation-p5.jpg) top left no-repeat; }
#header-foundation-p6 { width: 795px; height: 470px; margin: 0 auto; background: transparent url(../images/header-foundation-p6.jpg) top left no-repeat; }
#header-foundation-p7 { width: 795px; height: 470px; margin: 0 auto; background: transparent url(../images/header-foundation-p7.jpg) top left no-repeat; }
#header-foundation-p8 { width: 795px; height: 470px; margin: 0 auto; background: transparent url(../images/header-foundation-p8.jpg) top left no-repeat; }
#header-foundation-p9 { width: 795px; height: 470px; margin: 0 auto; background: transparent url(../images/header-foundation-p9.jpg) top left no-repeat; }
#header-foundation-p10 { width: 795px; height: 470px; margin: 0 auto; background: transparent url(../images/header-foundation-p10.jpg) top left no-repeat; }
#header-foundation-p11 { width: 795px; height: 470px; margin: 0 auto; background: transparent url(../images/header-foundation-p11.jpg) top left no-repeat; }
#header-foundation-p12 { width: 795px; height: 470px; margin: 0 auto; background: transparent url(../images/header-foundation-p12.jpg) top left no-repeat; }

#header-tace {
  width: 795px;
  height: 470px;
  margin: 0 auto;
  background: transparent url(../images/header-tace.jpg) top left no-repeat;
}

#header-tace-p16 { width: 795px; height: 470px; margin: 0 auto; background: transparent url(../images/header-tace-p16.jpg) top left no-repeat; }
#header-tace-p17 { width: 795px; height: 470px; margin: 0 auto; background: transparent url(../images/header-tace-p17.jpg) top left no-repeat; }

#header-brain {
  width: 795px;
  height: 470px;
  margin: 0 auto;
  background: transparent url(../images/header-brain.jpg) top left no-repeat;
}

#header-brain-spanish {
  width: 795px;
  height: 470px;
  margin: 0 auto;
  background: transparent url(../images/header-brain-spanish.jpg) top left no-repeat;
}

#header-school {
  width: 795px;
  height: 470px;
  margin: 0 auto;
  background: transparent url(../images/header-school.jpg) top left no-repeat;
}

#logo {
  float: left;
  padding: 8px 0 0 25px;
}

#logo a {
  width: 173px;
  height: 110px;
  display: block;
  text-indent: -9999px;
}

#print-logo {
  display: none;
}

#teacher-login {
  width: 235px;
  height: 115px;
  float: right;
  background: transparent url(../images/teacher-login-bg.gif) right top no-repeat;
}

#manager-login {
  width: 235px;
  height: 115px;
  float: right;
  background: transparent url(../images/manager-login-bg.gif) right top no-repeat;
}

#teacher-login form, #manager-login form {
  margin: 28px 0 0 95px;
}

#teacher-login input, #manager-login input {
  width: 106px;
  background: #fffef9;
  border: 1px solid #999473;
  color: #4a2d0f;
  font-family: tahoma, verdana, arial, helvetica, sans-serif;
  font-size: 11px;
  padding: 3px 2px 2px 2px;
  margin: 0 0 1px 0;
  vertical-align: middle;
}

#teacher-login a, #manager-login a {
  margin: 4px 0 0 56px;
  width: 55px;
  height: 25px;
  display: block;
  text-indent: -9999px;
}


/* Main Navigation */

#nav {
  margin: 0 0 0 16px;
  padding: 0;
  font-family: Georgia, 'Lucida Sans Unicode', 'Lucida Grande', tahoma, verdana, arial, helvetica, sans-serif;
  font-size: 12px;
}

#nav ul {
  width: 210px;
  overflow: hidden;
  margin: 0;
  padding: 0;
  list-style-type: none;
  list-style-image: none;
}

#nav ul li {
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #6b4e30;
}

#nav ul li a {
  width: 210px;
  display: block;
  color: #d6b762;
  margin: 0;
  padding: 5px 0 7px 10px;
  text-decoration: none;
}

#nav ul li a:hover {
  display: block;
  color: #e7d49f;
  background: #4a2d0f;
  margin: 0;
  padding: 5px 0 7px 10px;
  text-decoration: none;
}

#nav ul li a#current {
  background: #4a2d0f;
}


/* Navigation 2 */

#nav2 {
  margin: 50px 0 0 16px;
  padding: 0;
  font-family: Georgia, 'Lucida Sans Unicode', 'Lucida Grande', tahoma, verdana, arial, helvetica, sans-serif;
  font-size: 12px;
}

#nav2 ul {
  width: 210px;
  overflow: hidden;
  margin: 0;
  padding: 0;
  border-top: 1px solid #6b4e30;
  list-style-type: none;
  list-style-image: none;
}

#nav2 ul li {
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #6b4e30;
}

#nav2 ul li a {
  width: 210px;
  display: block;
  color: #b3895b;
  margin: 0;
  padding: 5px 0 7px 10px;
  text-decoration: none;
}

#nav2 ul li a:hover {
  display: block;
  color: #e7d49f;
  background: #4a2d0f;
  margin: 0;
  padding: 5px 0 7px 10px;
  text-decoration: none;
}


/* Content */

#content {
  width: 495px;
  margin: 0;
  padding: 0;
  background: transparent url(../images/content-bg.gif) top left repeat-y;
}

#content-top {
  width: 495px;
  height: 7px;
  display: block;
  background: transparent url(../images/content-top.gif) top left no-repeat;
}

#content-bottom {
  width: 495px;
  height: 12px;
  display: block;
  background: transparent url(../images/content-bottom.gif) left bottom no-repeat;
}

.aleft { text-align: left; }
.acenter { text-align: center; }
.aright { text-align: right; }

.fleft { float: left; }
.fright { float: right; }

a {
  color: #d6b762;
  text-decoration: underline;
}

a:hover {
  color: #e39124;
  text-decoration: none;
}

p {
  text-align: justify;
  margin: 0;
  padding: 3px 25px 12px 25px;
  color: #fffcee;
  font-family: 'Lucida Sans Unicode', 'Lucida Grande', tahoma, verdana, arial, helvetica, sans-serif;
  font-size: 11px;
  line-height: 18px;
}

ul {
  margin: 0;
  padding: 0 20px 12px 70px;
  list-style-type: square;
  list-style-image: none;
}

li {
  padding: 0 0 4px 0;
}

table {
  padding: 0;
  margin: 3px 25px 12px 25px;
}

#content #image {
  border: 2px solid #907354;
}


/* Form */

input, textarea {
  background: #fffbea;
  border: 1px solid #e8ddad;
  color: #4a3311;
  font-family: tahoma, verdana, arial, helvetica, sans-serif;
  font-size: 11px;
  padding: 2px;
  margin: 0 0 1px 0;
  vertical-align: middle;
}

input.noBorder {
  border: 0;
}


/* Footer */

#footer {
  clear: both;
  width: 775px;
  height: 55px;
  background: #381e04;
  margin: 0 auto;
  color: #b99570;
  font-size: 11px;
  line-height: 17px;
  font-family: 'Lucida Sans Unicode', 'Lucida Grande', tahoma, verdana, arial, helvetica, sans-serif;
}

#footer a {
  color: #b99570;
  text-decoration: none;
  padding: 0 8px 1px 8px;
}

#footer a:hover {
  color: #321900;
  background: #d4b89b;
  text-decoration: none;
}

#footer #copy {
  float: left;
  padding: 17px 0 0 25px;
}

#footer #links {
  float: right;
  text-align: right;
  padding: 17px 17px 0 0;
}