/** Project Title
============================================== */
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

/** HELPER CLASSES
----------------------------------------------------- */
.hidden {
  display: none; }

.invisible {
  opacity: 0; }

.no-opacity .invisible {
  visibility: hidden; }

.dimmed {
  color: #666666; }

.left {
  float: left; }

.right {
  float: right; }

.first, .append {
  margin-top: 0 !important; }

.append-next {
  margin-bottom: 0 !important; }

.gap-s {
  margin-top: 10px; }

.gap-m {
  margin-top: 20px; }

.gap {
  margin-top: 30px; }

.push {
  margin-left: 50px; }

.narrow {
  margin-left: 50px;
  margin-right: 50px; }

.center {
  display: block;
  margin: 0 auto; }

.clearfix {
  zoom: 1; }
  .clearfix:after {
    display: table;
    content: "";
    clear: both; }

/** MIXINS
---------------------------------------------- */
/** FORMS
---------------------------------------------- */
select {
  vertical-align: middle; }

input {
  font-family: Georgia, Times, "Times New Roman", serif;
  vertical-align: middle; }

button {
  width: auto;
  overflow: visible; }

input[type=text], input[type=password], textarea {
  width: 450px;
  padding: 4px;
  font-family: Georgia, Times, "Times New Roman", serif;
  font-size: 14px;
  border: 1px solid #a1937c;
  -webkit-box-shadow: inset 2px 2px 5px #cccccc;
  -moz-box-shadow: inset 2px 2px 5px #cccccc;
  box-shadow: inset 2px 2px 5px #cccccc; }

/** BASE
---------------------------------------------- */
body {
  font-family: Georgia, Times, "Times New Roman", serif;
  font-size: 14px;
  line-height: 1.9;
  text-align: center;
  background: #b5a993 url(../img/pattern-dark.png) repeat top left;
  color: #291e12; }

/** DEFAULT STYLING
---------------------------------------------- */
/* Structural */
h1, h2, h3, h4, h5 {
  text-align: center;
  font-weight: normal;
  text-rendering: optimizeLegibility;
  margin-bottom: 1em; }

h1 {
  font-size: 15px;
  font-weight: bold;
  line-height: 1.25;
  letter-spacing: 1px;
  margin-bottom: 2em;
  text-transform: uppercase;
  color: #575045;
  color: #897c66;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; }

h2 {
  font-size: 14px;
  font-weight: bold;
  line-height: 1.5;
  color: #575045;
  color: #897c66;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; }

h3 {
  font-size: 14px;
  color: #a1937c;
  line-height: 1.5;
  font-style: italic; }

h2 + h3 {
  margin-top: -1em; }

p {
  margin-bottom: 1em; }

/* Text Semantics */
strong, b {
  color: #897c66;
  font-weight: bold; }

em, i {
  font-style: italic; }

sub {
  vertical-align: sub;
  font-size: smaller; }

sup {
  vertical-align: super;
  font-size: smaller; }

/* Lists */
ul {
  margin-bottom: .5em; }

nav ul {
  margin: 0; }

.copytext ul li {
  padding: 0 0 .5em 1.25em;
  background: transparent url(../img/bullet.png) no-repeat left 0.75em; }

ol {
  margin-bottom: 1em; }

/* Tables */
table {
  border-top: 1px solid #c8b699;
  border-bottom: 1px solid #f2e9da;
  border-collapse: separate;
  width: 100%; }

th, td {
  border-bottom: 1px solid #c8b699;
  border-top: 1px solid #f2e9da; }

th {
  width: 120px;
  padding-right: 10px;
  vertical-align: top;
  color: #575045; }

td {
  vertical-align: top; }

td.empty {
  color: #a1937c; }

td.status-ok {
  color: #517d09; }

td.status-fail {
  color: #aa7103; }

/* Media */
img {
  display: block; }

/** HYPERLINKS & HIGHLIGHTING
---------------------------------------------- */
a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  text-decoration: none; }

a:link, a:visited {
  color: #517d09; }

a:hover, a:active {
  outline: none; }

a:hover, a:focus, a:active {
  color: #dc9204; }

nav.main {
  width: 230px;
  margin-left: 35px;
  line-height: 2.2; }
  nav.main li {
    width: 190px; }
  nav.main a {
    display: block;
    width: 190px;
    padding: 0 20px; }
    nav.main a.active {
      background: transparent url(../img/navi-highlight.png) no-repeat left center; }
      nav.main a.active:link, nav.main a.active:visited {
        color: #f2e9da; }
  nav.main li ul a {
    width: 175px;
    padding-left: 35px;
    font-size: 12px; }
  nav.main li ul ul a {
    width: 155px;
    padding-left: 55px; }

/** FOUNDATION
---------------------------------------------- */
#page {
  width: 960px;
  margin: 0 auto;
  text-align: left;
  background: #dfd5c4 url(../img/pattern-light.png) repeat top left;
  -webkit-box-shadow: 0 0 50px #575045;
  -moz-box-shadow: 0 0 50px #575045;
  box-shadow: 0 0 50px #575045; }

header {
  height: 80px;
  background: transparent url(../img/bg-header-footer.png) no-repeat center -215px; }

.lt-ie8 header {
  height: 168px; }

.front header {
  height: auto;
  padding: 100px 140px 50px 360px; }

#main {
  overflow: hidden;
  min-height: 500px;
  background: transparent url(../img/highlight.png) no-repeat left top; }

aside {
  width: 300px;
  float: left;
  padding: 0 10px 0 20px; }
  aside #logo {
    display: block;
    margin: 0 10px 40px; }
    aside #logo img {
      width: 260px; }

#content {
  width: 550px;
  float: left;
  padding: 32px 10px 80px;
  background: transparent url(../img/ornament.png) no-repeat 234px bottom; }

.front #content {
  padding-top: 10px; }

footer {
  padding: 100px 0 180px 340px;
  font-size: 12px;
  color: #897c66;
  background: transparent url(../img/bg-header-footer.png) no-repeat center 150px; }

nav.service {
  display: inline; }
  nav.service ul {
    display: inline;
    padding-left: .5em; }
  nav.service li {
    display: inline;
    padding: 0 .5em 0 1.2em;
    background: transparent url(../img/bullet-small.png) no-repeat left 70%; }
  nav.service a:link, nav.service a:visited {
    color: #897c66; }
  nav.service a:hover, nav.service a:focus, nav.service a:active {
    color: #dc9204; }

/** ELEMENTS
---------------------------------------------- */
.courses li {
  margin-bottom: 50px; }
  .courses li .btn {
    float: right; }

a.btn, input.form-submit {
  border-left: none;
  border-right: none;
  -webkit-background-clip: padding-box;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #575045;
  background-color: #517d09;
  background: #517d09 url(../img/navi-highlight.png) no-repeat center;
  padding: 2px 15px;
  line-height: 16px;
  margin-top: 3px;
  font-size: 11px;
  text-transform: uppercase;
  color: #f2e9da; }
  a.btn:link, a.btn:visited, input.form-submit:link, input.form-submit:visited {
    color: #f2e9da; }

input.form-submit {
  font-size: 13px;
  padding: 4px 15px; }

#messages {
  margin-bottom: 50px; }

.copytext img {
  margin: 0 auto 30px;
  padding: 9px;
  background-color: #fdf8ea;
  border: 1px solid #a1937c;
  -webkit-box-shadow: 0 0 8px #a1937c;
  -moz-box-shadow: 0 0 8px #a1937c;
  box-shadow: 0 0 8px #a1937c; }
  .copytext img figure {
    display: block;
    text-align: center; }

/** DRUPAL OVERRIDES
---------------------------------------------- */
.tabs {
  margin-bottom: 2em;
  text-align: center; }
  .tabs li:first-child {
    border-left: 1px solid #897c66; }
  .tabs li {
    display: inline;
    padding: 0 1em !important;
    border-right: 1px solid #897c66;
    background: none!important; }
  .tabs .active a:link, .tabs .active a:visited {
    color: #897c66; }


#content img {
  max-width: 100%;
  width: 50%;
}