/* GLOBAL - START ---------------*/
body {
  font-family: 'Arial', 'Helvetical', sans-serif;
  margin: 0px;
  background: #663;
}
h1, h2, h3 { margin: 0.1em 0 0.7em; }
h1 { font-size: 180%; line-height: 100%; text-align: center; }
h2 { font-size: 150%; }
h3 { font-size: 130%; }
ul.disc {
  list-style: disc;
  margin-left: 1em;
}
ul.disc li {
  margin-bottom: 0.5em;
}
a { color: inherit; }
a img {
  border: none;
}
.block { margin: 1em; }
.large-image {
  border: 8px solid #222;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
}
.small-image, .gallery img, .instructor img {
  border: 2px solid #222;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
}
#wrap {
  color: #FFF;
  width: 900px;
  margin: 0 auto;
  background-color: #556259;
  border: 8px solid #999;
  border-top: none;
  -moz-box-shadow: 0 3px 20px #000;
  -webkit-box-shadow: 0 3px 20px #000;
  -moz-border-radius: 0 0 20px 20px;
  -webkit-border-radius: 0 0 20px 20px;
}
.content {
  line-height: 120%;
  padding: 20px 40px;
}

#media .gallery {
  text-align: center;
}
.break { margin-top: 1em; }
.footer {
  font-size: 70%;
  color: #FFF;
  text-align: center;
  margin: 1em;
}
.nowrap { white-space: nowrap }
#hidden-content { display: none; }
/* GLOBAL - END -----------------*/
/* HTML NAV - START -------------*/
.nav {
  padding: 10px 0;
}
#nav-top {
  text-align: center;
}
#nav-top a img {
  line-height: 80px;
  vertical-align: middle;
  padding: 3px;
  -moz-border-radius: 3px;
}
#nav-top a img:hover {
  background-color: #C00;
}
.nav a {
  padding-right: 1em;
  font-size: 130%;
  font-weight: bold;
  text-decoration: none;
}
.nav a:hover {
  text-decoration: underline;
}
.nav .logo {
  margin-left: 20px;
  background-color: #515125;
  height: 80px;
}
/* HTML NAV - END ---------------*/
/* SPLASH - START ---------------*/
#splash {
  text-align: center;
}
#splash .logo {
  background-color: #515125;
  padding: 1em;
  height: 300px;
}
.choices {
  font-size: 150%;
  margin: 1em;
}
.choices a {
  padding: 0 1em;
  font-weight: bold;
}
/* SPLASH - END -----------------*/
/* HOME - START -----------------*/
#home.content {
  padding-left: 20px;
  padding-right: 20px;
  overflow: hidden;
}
.col-left, .col-right { width: 260px; }
.col-center {
  width: 280px;
  padding: 16px;
  background-color: #344;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
}
.col-left { float: left; }
.col-center { margin: 0 auto; }
.col-right { float: right; }
.instructor {
  font-size: 12px;
  line-height: 120%;
  margin: 1em auto;
  overflow: hidden;
}
.instructor .name {
  font-weight: bold;
  font-size: 130%;
}
.instructor .title {
  margin-bottom: 0.5em;
}
.instructor img {
  width: 100px;
}
.col-left .instructor img {
  margin-right: 10px;
}
.col-right .instructor img {
  margin-left: 10px;
}
.col-left img { float: left; }
.col-right img { float: right; }
/* HOME - END -------------------*/
/* MEDIA - START ----------------*/
.gallery img {
  margin: 4px;
  max-width: 100px;
  max-height: 80px;
  line-height: 80px;
  vertical-align: middle;
}
/* MEDIA - END ------------------*/
/* COURSES - START --------------*/
.courses td {
  padding-bottom: 1.5em;
}
.courses td.title {
  font-weight: bold;
  padding-right: 1em;
}
.courses .specs { 
  margin-top: 0.5em;
  font-size: 90%;
  overflow: hidden;
}
.courses .specs div { 
  float: left;
  padding-right: 3em;
  color: #CCC;
}
.courses .specs span { 
  font-weight: bold;
  color: #FFF;
}
/* COURSES - END ----------------*/