@charset "utf-8";



/* Page setup */

html, body {
  margin: 0;
  padding: 0;
}

body {
  background: #0a2409 url(../image/bg.gif) repeat 0 0;
}





/* General layout */

#container {
  position: relative;
  width: 743px;
  margin: 30px auto 10px auto;
  /*padding: 1px 5px 0 5px;*/
  padding: 1px 0 0 1px;
  background-color: #f3eddc;
  border: solid 5px #ffffff;
}

#content {
  clear: both;
  padding: 1px 0 0 0;
}





/* Site title */

#siteTitle a {
  display: inline;
  float: left;
  position: relative;
  width: 234px;
  height: 70px;
  margin: 18px 0 0 33px;
  background: transparent url(../image/logo.gif) no-repeat 0 0;
  text-indent: -5000px;
  overflow: hidden;
}





/* Page title */

#pageTitle {
  display: inline;
  float: left;
  clear: left;
  position: relative;
  width: 416px;
  height: 134px;
  margin: 18px 0 0 -7px;
  padding: 0;
  background: transparent url(../image/pageTitle.jpg) no-repeat 0 0;
  text-indent: -5000px;
  overflow: hidden;
}





/* Page description */

#pageIntro {
  display: inline;
  float: right;
  width: 255px;
  margin: -50px 40px 0 0;
  padding: 0;
}





/* Primary navigation */

#primaryNav {
  position: absolute;
  top: -27px;
  left: -5px;
  margin: 0;
  padding: 0;
  list-style: none;
}

#primaryNav li {
  position: relative;
  display: inline;
  float: left;
  width: 92px;
  height: 27px;
}

#primaryNav li a {
  position: relative;
  display: block;
  width: 74px;
  height: 27px;
  background-repeat: no-repeat;
  background-position: 0 0;
  text-indent: -5000px;
  overflow: hidden;
}


#primaryNav li.hq a {
  background-image: url(../image/hqTab.gif);
}





/* Secondary navigation */

.secondaryNav {
  display: inline;
  float: left;
  width: 316px;
  margin: 0;
  padding: 0 0 0px 0;
  /*background: transparent url(../image/navBg.gif) no-repeat 0 0;*/
  list-style-type: none;
}

.secondaryNav li {
  position: relative;
  display: inline;
  float: left;
  width: 316px;
  height: 56px;
  margin: 0 0 -1px 0;
  padding: 1px 8px 1px 2px;
  list-style-position: outside;
  background: transparent url(../image/navBg.gif) no-repeat 0 0;
}

.secondaryNav li.first {
  background-image: url(../image/navFirstBg.gif);
}

.secondaryNav li.last {
  padding-bottom: 9px;
  background-image: url(../image/navLastBg.gif);
}

.secondaryNav li a {
  display: block;
  width: 306px;
  height: 56px;
  margin: 0px 0 0 0px;
  padding: 0;
  background: transparent url(../image/navMatrix.gif) no-repeat 0 0;
  text-indent: -5000px;
  overflow: hidden;
}





/* Primary navigation matrix */

.secondaryNav li.studentTour a {
  background-position: 0 0;
}

.secondaryNav li.studentTour a:hover {
  background-position: -306px 0;
}


.secondaryNav li.blakelysChallenge a {
  background-position: 0 -56px;
}

.secondaryNav li.blakelysChallenge a:hover {
  background-position: -306px -56px;
}


.secondaryNav li.studentArtwork a {
  background-position: 0 -112px;
}

.secondaryNav li.studentArtwork a:hover {
  background-position: -306px -112px;
}


.secondaryNav li.teachersGuide a {
  background-position: 0 -168px;
}

.secondaryNav li.teachersGuide a:hover {
  background-position: -306px -168px;
}


.secondaryNav li.emailFeedback a {
  background-position: 0 -224px;
}

.secondaryNav li.emailFeedback a:hover {
  background-position: -306px -224px;
}


.secondaryNav li.visitsAndTours a {
  background-position: 0 -280px;
}

.secondaryNav li.visitsAndTours a:hover {
  background-position: -306px -280px;
}





/* Content elements */

.contentPanel {
  width: 337px;
  margin: 0;
  padding: 40px 0 40px 33px;
  background-color: #dfd4b4;
}

.contentPanel h3 {
  width: 117px;
  height: 25px;
  margin: 0 0 13px 1px;
  background-repeat: no-repeat;
  background-position: 0 0;
  text-indent: -5000px;
  overflow: hidden;
}

.studentsPanel h3 {
  background-image: url(../image/studentsHeader.gif);
}

.teachersPanel h3 {
  background-image: url(../image/teachersHeader.gif);
}



.infoPanel {
  position: absolute;
  width: 352px;
  height: 473px;
  top: -2px;
  left: 45px;
  margin: 0;
  padding: 53px 38px 53px 38px;
  background: transparent url(../image/infoPanelBg.jpg) no-repeat 0 0;
}

.additionalInfoPanel {
  position: absolute;
  top: 333px;
  left: 515px;
  width: 200px;
}

.infoPanel p, .additionalInfoPanel p {
  font-size: 1.1em;
}





/* Supporting elements */

.left {
  display: inline;
  float: left;
}

.right {
  display: inline;
  float: right;
}

.clear {
  clear: both;
}

div.clear {
  width: 0;
  height: 0;
  font-size: 0;
  line-height: 0;
}





/* Common elements */





/* General formatting */

body {
	font: 62.5%/1em Verdana, Arial, sans-serif;
	text-align: left;
  color: #422910;
}

h1, h2, h3, h4, h5, h6, a {
  font-family:  Verdana, Arial, sans-serif;
  line-height: 1.2em;
  color: #422910;
  margin: 0;
  padding: 0;
}

h1.plain, h2.plain, h3.plain, h4.plain, h5.plain, h6.plain {
  font-family: Verdana, Arial, sans-serif;
}

a {
  font-family: Verdana, Arial, sans-serif;
}

h2, .h2 {
  font-size: 1.5em;
  line-height: 1.2em;
}

h3, .h3 {
  font-size: 1.3em;
  line-height: 1.385em;
}

h4, .h4 {
  font-size: 1.1em;
}

h4 small, .h4 small {
  font-size: 0.857em;
}

h5, .h5 {
  font-size: 1.3em;
}

h5 small, .h5 small {
  font-size: 0.923em;
}


p {
  margin: 1em 0 1em 0;
  padding: 0;
  font-size: 1.2em;
  line-height: 1.5em;
  font-weight: normal;
}


li a {
  font-size: 1em;
}