/* Main DengTaiChi style */
/* div
 * :border 1px dotted gray */
/* Note, this BG image lines up with the phoney div.news,
 * but may allow text to overflow onto the logo's face...
 * width: 100%;
 * background-image: url(/style/dengtaichi/shadow/logo.jpg);
 * background-attachment; scroll;
 * background-position: 96% 0%;
 * background-repeat: no-repeat;
 * border: 1px solid blue; */
body {
  margin: 0;
  padding: 0;
  color: black;
  background-color: #748485;
  font-family: Times New Roman, Times, serif; }

a:link {
  color: #0000F0; }

a:visited {
  color: #000080; }

a:hover {
  color: #5D5DFD; }

div#content {
  padding: 10px 10px 10px 10px; }
  div#content p {
    margin: 2px 2px 8px 2px;
    text-indent: 1em; }

div#content p.intro:first-letter {
  color: #3b55af;
  font-weight: bold;
  font-size: 1.1em; }

div#footer {
  clear: both;
  text-align: center;
  padding-bottom: 10px; }

div#footer div#copyright {
  height: 22px;
  background-image: url("footer.jpg");
  background-repeat: repeat-x;
  border-top: 3px solid #AB0000;
  font-size: 0.7em;
  padding: 2px; }

div#footer div#modified {
  color: #888;
  font-size: 0.8em;
  padding: 2px; }
  div#footer div#modified before {
    content: "Page last modified: "; }

div#generator {
  font-size: 0.7em;
  font-family: Helvetica, sans-serif;
  color: #3b454f;
  margin: 1em 30%;
  text-align: center; }

div#generator a {
  text-decoration: none;
  color: #3b457f; }

div#header {
  height: 202px;
  border-top: 3px solid #950000;
  background-image: url("header.jpg");
  background-attachment: scroll;
  background-position: 140px 0;
  background-repeat: repeat-x; }
  div#header h1 {
    text-align: left;
    color: black;
    padding: 25px 0 0 160px;
    font-size: 1.7em;
    margin: 0;
    border: 0;
    height: 140px;
    background-image: url("logo.jpg");
    background-attachment: scroll;
    background-position: 0 0;
    background-repeat: no-repeat; }

h2 {
  text-align: center;
  margin: 0;
  padding-top: 0; }

h2.errorpage {
  margin: 10px; }

h3 {
  color: #7A2928;
  clear: left; }

h4 {
  color: #7A2928;
  font-style: italic;
  margin-left: 1em;
  margin-bottom: 2px; }

p.note {
  color: #3b558f;
  font-weight: bold;
  padding: 2em 0; }

/* Class Times table */
span.phone {
  color: #232368; }

table.classtimes {
  clear: both;
  width: 100%; }
  table.classtimes th {
    color: #445;
    background-color: #F09431;
    border-top: 3px solid #AB0000;
    font-family: sans-serif;
    text-align: center;
    padding: 2px; }
  table.classtimes td:first-child {
    font-weight: bold;
    color: #3B55AF; }
  table.classtimes td {
    vertical-align: top;
    padding: 2px 4px; }
  table.classtimes td.instructor {
    font-weight: normal;
    color: black;
    border-top: 1px solid #3B55AF; }
  table.classtimes td.extraclass {
    font-weight: normal;
    color: black; }
  table.classtimes tr.highlight td {
    background-color: #d2e3e3; }
  table.classtimes tr.discontinued {
    color: #888;    
  }
  table.classtimes tr.discontinued td:first-child {
    font-weight: bold;
    font-style: italic;
    color: #889;    
  }
table.classtimes tr.discontinued span.phone {
    color: #889;    
    font-weight: bold;
  }
  table.classtimes tr.discontinued td.instructor {
    color: #888;
    font-weight: normal;
  }
  table.classtimes div.newvenue:before {
     content: "New Venue: ";
     color:  #3B55AF;
     font-bold: normal;
     font-size: smaller; }

/* Illustrations */
div.illustration {
  float: left;
  border-right: 10px solid white; }

div.illustration img {
  border: 2px solid white; }

div.illustration p.caption {
  font-size: 0.9em;
  font-style: italic;
  font-weight: bold;
  color: #3b555f;
  text-align: center;
  padding: 2px 0 10px 0;
  margin: 0; }

p.caption span.name {
  color: #3b55af; }

div.centered {
  float: none;
  text-align: center;
  border: none;
  border-top: 10px solid white;
  border-bottom: 10px solid white; }

div.secondary {
  float: right;
  border-left: 10px solid white;
  border-right: none; }

div.news {
  width: 20%;
  margin: -38px 0 0 0;
  padding: 2px;
  border: 10px solid #fff;
  border-top: 0;
  border-right: 0;
  float: right; }
  div.news h3 {
    clear: right;
    color: #445;
    background-color: #F09431;
    border-top: 3px solid #AB0000;
    font-family: sans-serif;
    text-align: center;
    padding: 2px 2px 4px 2px;
    margin: 10px 0 10px 0; }

div.news h4 {
  margin: 2px;
  color: #3b555f;
  font-family: sans-serif; }

div.news li {
  list-style-type: square;
  color: #3b555f; }

div.news p {
  margin: 1px;
  font-size: 0.9em;
  color: black;
  text-align: justify; }

div.news ul {
  float: right;
  margin: 0;
  padding: 2px 2px 2px 14px; }

html, body {
  height: 100%;
  background: white; }

p.intro {
  padding-top: 10px; }

span.name {
  color: #3b559f; }

span.personaldates {
  color: #333; }

td.shadowleft {
  background-color: #909d9d;
  background-image: url(shadow-left.jpg);
  background-repeat: repeat-y;
  background-position: top right; }

td.shadowright {
  background-color: #909d9d;
  background-image: url(shadow-right.jpg);
  background-repeat: repeat-y;
  background-position: top left; }

ul.navbar {
  position: absolute;
  display: block;
  margin: 0;
  padding: 0;
  top: 145px;
  height: 60px; }
  ul.navbar img {
    border: none; }

ul.navbar li {
  display: inline;
  margin: 0;
  padding: 0; }

ul.navbar ul.navbar {
  top: 32px;
  height: 28px;
  background-image: url(sub-navigation2.jpg);
  background-attachment: scroll;
  background-position: top left;
  background-repeat: no-repeat;
  padding: 3px 0; }

ul.navbar ul.navbar ul.navbar {
  display: none; }

div.section {
  clear: both;
  margin-bottom: 2em; }

/* Contact Form style
 * //
 * //
 * table
 * :margin 1em
 * tr
 * :padding 4px 2px
 * th
 * :width 150px
 * :font-size smaller
 * :text-align right
 * :font-weight bold
 * :text-align right
 * :padding 2px 10px
 * :vertical-align top
 * td
 * :border 1px solid #DDD
 * :width 300px
 * :font 11pt sans-serif
 * :padding 1px 3px
 * :color #444
 * :vertical-align top
 * td.message
 * :white-space pre */
body.contact p {
  margin-right: 160px; }
body.contact form {
  margin: 1em; }
  body.contact form button[type="submit"] {
    color: #000;
    background: #EEE;
    font-weight: bold;
    border: 2px outset #CCC; }
body.contact form div {
  margin: 4px 2px;
  clear: both; }
body.contact form div.submit {
  margin: 8px 2px 4px 2px;
  clear: both;
  text-align: right;
  width: 450px; }
body.contact form fieldset {
  border: none; }
body.contact form input[type="text"] {
  border: 1px solid #CCC;
  border-color: #888 #CCC #CCC #888;
  width: 300px;
  font: 11pt sans-serif;
  padding: 1px 3px; }
body.contact form label {
  width: 150px;
  float: left;
  font-size: smaller;
  display: block;
  padding: 2px 10px;
  text-align: right;
  font-weight: bold;
  vertical-align: top; }
body.contact form textarea {
  padding: 1px 3px;
  border: 1px solid #CCC;
  border-color: #888 #CCC #CCC #888;
  width: 300px;
  font: 11pt sans-serif; }
body.contact div.problem input {
  background-color: #d2e3e3; }
body.contact div.problem textarea {
  background-color: #d2e3e3; }
body.contact div.problem span {
  color: #DE5E19;
  font-size: smaller;
  padding-left: 10px; }

h2.title {
  font-size: 1.5em;
  margin: 2px;
  text-align: center;
  color: #7A2928; }

body.gallery div.rooms {
  margin: 10px; }
  body.gallery div.rooms div.room {
    clear: both;
    margin-bottom: 20px; }
    body.gallery div.rooms div.room img {
      float: left;
      padding: 0 10px 10px 0;
      border: none; }
    body.gallery div.rooms div.room span.blank {
      float: left;
      width: 310px;
      height: 120px;
      padding: 0 10px 10px 0; }
    body.gallery div.rooms div.room p {
      margin: 0 0 0 10px; }
    body.gallery div.rooms div.room h2 {
      margin: 0 0 4px 10px;
      text-align: left; }
body.gallery div.copy {
  clear: both;
  padding-top: 10px; }

ul.gallery {
  display: block;
  margin-top: 10px;
  padding: 0; }
  ul.gallery li {
    display: inline;
    padding: 0;
    padding-right: 10px;
    margin: 0; }
    ul.gallery li img {
      border: none;
      padding-bottom: 10px; }

img.artwork-display {
  float: left;
  border-right: 20px solid white;
  border-bottom: 20px solid white; }

div.comment {
  float: right;
  width: 20%;
  background-color: #d2e3e3;
  snorlak: #E7EAFF;
  border: 1px solid #243B3B;
  margin: 0 5px 5px 5px;
  padding: 15px 10px 100px 20px;
  font-size: small; }

body.landscape div.comment {
  clear: both;
  border: none;
  padding-top: 10px;
  margin-left: 20px;
  text-align: justify; }

ul.navbar li#nav-home ul.navbar {
  left: 0;
  width: 92px; }

ul.navbar li#nav-classes ul.navbar {
  left: 70px;
  width: 98px;
  background-position: -70px 0; }

ul.navbar li#nav-masterdeng ul.navbar {
  left: 152px;
  width: 97px;
  background-position: -152px 0; }

ul.navbar li#nav-taichi ul.navbar {
  left: 272px;
  width: 89px;
  background-position: -272px 0; }

ul.navbar li#nav-photos ul.navbar {
  left: 187px;
  width: 296px;
  background-position: -187px 0; }