@charset "utf-8";



/* Page setup */

html, body {
  margin: 0;
  padding: 0;
  height: 100%;
}

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





/* Vertical centering layout */

#shell {
  position: absolute;
  width: 100%;
  height: auto !important; /* Non-IE browsers */
  height: 50%; /* IE only */
  min-height: 50%;
}

#shellProp {
  position: relative;
  height: 254px; /* Space above the vertical center to be held open */
}

#shellOffset {
  position: absolute;
  width: 100%;
  top: 100%;
  margin-top: -224px; /* Half the height of content */
}





/* General layout */

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

#panel {
  position: absolute;
  top: -8px;
  left: -1px;
  width: 248px;
  height: 422px;
  background: transparent url(../image/panelBg.jpg) no-repeat 0 0;
}

#content {
  position: absolute;
  top: 70px;
  left: 247px;
  width: 453px;
  /*height: 406px;*/
  padding: 0 22px 0 22px;
}





/* Primary navigation */

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

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

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


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





/* Site title */


#siteTitle {

}

#siteTitle a {
  position: absolute;
  display: block;
  top: 16px;
  left: 38px;
  width: 173px;
  height: 37px;
  background: transparent url(../image/logoSmall.gif) no-repeat 0 0;
  z-index: 1000;
  text-indent: -5000px;
  overflow: hidden;
}





/* Page title */

#pageTitle {
  position: absolute;
  top: 19px;
  left: 388px;
  width: 332px;
  height: 38px;
  background: transparent url(../image/studentArtworkHeader.gif) no-repeat 0 0;
  text-indent: -5000px;
  overflow: hidden;
}





/* Page description */

#pageIntro {
  margin: 100px 0 0 0;
}

#pageIntro p {
  margin: 0px 32px 1.4em 32px;
  line-height: 1.4em;
}

#pageIntro p.note {
  line-height: 1.2em;
}





/* Content elements */


div.artworkContainer {
  position: relative;
  width: 447px;
  height: 127px;
  margin: 0 0 20px 0;
  background-color: #fff;
  border: solid 1px #6f5a43;
  overflow: auto;
}

#content h3 {
  height: 20px;
  margin: 0 0 2px 0;
  background-repeat: no-repeat;
  background-position: 0 0;
}




/* List elements */

ul.artworkList {
  position: absolute;
  display: block;
  top: 0;
  width: 447px;
  margin: 0;
  padding: 0;
  list-style: none;
}

ul.artworkList li {
  display: inline;
  float: left;
  margin: 9px 0 0 19px;
  padding: 0;
}

ul.artworkList li a {
  border: none;
}

ul.artworkList li a img {
  border: none;
}




/* Button elements */






/* 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;
}

h3, .h3 {
  font-size: 1.6em;
  line-height: 1.2em;
}

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

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;
}