/*
dark gray: #161c16
yellow: #f9ff9a
gold: #CDDA00
green: #587c35
*/
@font-face {
  font-family: 'CartoGothicStd';
  src: url("fonts/CartoGothicStd-Book-webfont.eot");
  src: url("fonts/CartoGothicStd-Book-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/CartoGothicStd-Book-webfont.woff") format("woff"), url("fonts/CartoGothicStd-Book-webfont.ttf") format("truetype"), url("fonts/CartoGothicStd-Book-webfont.svg#CartoGothicStdBook") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'CartoGothicStd';
  src: url("fonts/CartoGothicStd-Italic-webfont.eot");
  src: url("fonts/CartoGothicStd-Italic-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/CartoGothicStd-Italic-webfont.woff") format("woff"), url("fonts/CartoGothicStd-Italic-webfont.ttf") format("truetype"), url("fonts/CartoGothicStd-Italic-webfont.svg#CartoGothicStdItalic") format("svg");
  font-weight: normal;
  font-style: italic; }

@font-face {
  font-family: 'CartoGothicStd';
  src: url("fonts/CartoGothicStd-Bold-webfont.eot");
  src: url("fonts/CartoGothicStd-Bold-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/CartoGothicStd-Bold-webfont.woff") format("woff"), url("fonts/CartoGothicStd-Bold-webfont.ttf") format("truetype"), url("fonts/CartoGothicStd-Bold-webfont.svg#CartoGothicStdBold") format("svg");
  font-weight: bold;
  font-style: normal; }

@font-face {
  font-family: 'CartoGothicStd';
  src: url("fonts/CartoGothicStd-BoldItalic-webfont.eot");
  src: url("fonts/CartoGothicStd-BoldItalic-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/CartoGothicStd-BoldItalic-webfont.woff") format("woff"), url("fonts/CartoGothicStd-BoldItalic-webfont.ttf") format("truetype"), url("fonts/CartoGothicStd-BoldItalic-webfont.svg#CartoGothicStdBoldItalic") format("svg");
  font-weight: bold;
  font-style: italic; }

body {
  font-family: 'CartoGothicStd', Verdana, Arial, Helvetica, sans-serif;
  font-size: 16px;
  color: #161c16;
  background-color: #c6c6c6; }

p, h1, h2, h3 {
  margin: 0;
  padding: 8px 0 0 0; }

h1, h2, h3 {
  color: #3d4f3d; }

p:first-child, h1:first-child, h2:first-child, h3:first-child {
  padding-top: 0; }

p {
  font-size: 16px; }

h1 {
  font-size: 36px;
  font-weight: normal; }
  h1 .small {
    font-size: 16px; }

h2 {
  font-size: 24px;
  font-weight: normal; }

h3 {
  font-size: 16px;
  font-weight: bold; }

a {
  color: #316500; }
  a:link, a:visited, a:active {
    text-decoration: none; }
  a:hover {
    text-decoration: underline; }

.floatL {
  float: left; }

.floatR {
  float: right; }

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

#IE .clearfix {
  zoom: 1; }

.disabled {
  color: #666; }

#container {
  width: 960px;
  margin: 0 auto; }

.grid {
  margin: 0 10px;
  display: inline;
  float: left; }
  .grid.one {
    width: 100px; }
  .grid.two {
    width: 220px; }
  .grid.three {
    width: 340px; }
  .grid.four {
    width: 460px; }
  .grid.five {
    width: 580px; }
  .grid.six {
    width: 700px; }
  .grid.seven {
    width: 820px; }
  .grid.eight {
    width: 940px; }

.col_one {
  margin-left: 0px; }

.col_two {
  margin-left: 120px; }

.col_three {
  margin-left: 240px; }

.col_four {
  margin-left: 360px; }

.col_five {
  margin-left: 480px; }

.col_six {
  margin-left: 600px; }

.col_seven {
  margin-left: 720px; }

.col_eight {
  margin-left: 840px; }

#head {
  margin: 8px 0; }
  #head #logo h1 {
    font-size: 42px;
    font-weight: normal; }
    #head #logo h1 a:link, #head #logo h1 a:visited, #head #logo h1 a:hover, #head #logo h1 a:active {
      color: #3d4f3d;
      text-decoration: none; }
  #head #topNav {
    border-bottom: 1px solid #161c16;
    padding-bottom: 3px; }
    #head #topNav ul.menu {
      list-style: none; }
      #head #topNav ul.menu li {
        float: left;
        margin-right: 24px; }

.pageTitle {
  padding: 8px 0; }

.homeController a.homeSelect {
  font-weight: bold; }

.artworkController a.artworkSelect {
  font-weight: bold; }

.exhibitionsController a.exhibitionsSelect {
  font-weight: bold; }

.pressController a.pressSelect {
  font-weight: bold; }

.newsController a.newsSelect {
  font-weight: bold; }

.statementController a.statementSelect {
  font-weight: bold; }

.resumeController a.resumeSelect {
  font-weight: bold; }

.bioController a.bioSelect {
  font-weight: bold; }

.linksController a.linksSelect {
  font-weight: bold; }

.contactController a.contactSelect {
  font-weight: bold; }

#content {
  padding-bottom: 120px; }

#homeTop .pubDate {
  font-size: 12px;
  font-style: italic; }
#homeTop .newsItem {
  margin-bottom: 8px;
  padding-bottom: 8px;
  border-bottom: 1px solid #161c16; }
#homeTop p {
  font-size: 14px; }

#homeBottom .homeEssay {
  border-top: 1px solid #161c16;
  margin: 12px 0;
  padding: 12px 0; }

.categoryList {
  border-bottom: 1px solid #161c16;
  padding-bottom: 3px; }
  .categoryList ul li {
    float: left;
    font-size: 16px;
    margin-right: 20px; }
    .categoryList ul li a {
      color: #3d4f3d; }
      .categoryList ul li a.selected {
        font-weight: bold; }

#artworkIndex .artworkThumbs .artworkRow {
  margin-bottom: 20px; }
  #artworkIndex .artworkThumbs .artworkRow .artworkLabel {
    padding-top: 2px;
    font-size: 16px;
    line-height: 18px;
    text-align: center; }
    #artworkIndex .artworkThumbs .artworkRow .artworkLabel a {
      color: #3d4f3d;
      font-weight: bold; }
  #artworkIndex .artworkThumbs .artworkRow .artworkThumbnail {
    line-height: 0; }

#artwork #navPrevNext {
  padding-bottom: 4px; }
#artwork .detailLink {
  margin-top: 16px; }

.articleContainer .articleImage {
  float: left;
  width: 220px;
  margin-right: 20px; }
  .articleContainer .articleImage .caption, .articleContainer .articleImage .caption p {
    font-size: 12px; }

#newsIndex .pubDate {
  font-size: 12px;
  font-style: italic; }

#contact .textField {
  width: 450px; }
#contact .textFieldSm {
  width: 72px; }
#contact .textFieldLg {
  width: 600px; }
#contact .textArea {
  width: 450px;
  height: 200px; }
#contact .textAreaSm {
  width: 450px;
  height: 100px; }
#contact .textAreaLg {
  width: 600px;
  height: 450px; }

#footer {
  margin-top: 48px; }