/* global styles */
* {
  margin:0;
  padding:0;
}

body {
  background-color:#F4FFE4;
  color:#666;
  font-size:13px;
  font-family:Arial, Helvetica, sans-serif;
  line-height:20px;
}

#header {
  text-align:center;
  height:101px;
  background-color:#D5EDB3;
}

#banner-wrapper {
  height:26px;
  background-color:#9C6;
  border-top:2px solid #5C743D;
  border-bottom:2px solid #5C743D;
}

#banner {
  margin-top:1px;
  height:22px;
  border-top:1px dashed #D5EDB3;
  border-bottom:1px dashed #D5EDB3;
}

h1, h2, h3 {
  font-weight:normal;
  letter-spacing:.2em;
}

h1 {
  font-size:24px;
  line-height:30px;
}

h2 {
  margin-bottom:14px;
  color:#9C6;
  font-size:18px;
  letter-spacing:0.21em;
  line-height:26px;
} 

h3 {
  font-size:11px;
}

h4 {
  margin:13px 0 0;
}

p {
  margin:13px 0;
}

h4 + p {
  margin-top:0;
}

a, h3 {
  color:#930;
}

a:hover, h1 {
  color:#5C743D;
}

ul {
  list-style-type: none;
}

ol {
  padding-left:2em;
}

a img {
  border:none;
}

/* class styles */
.left, .right {
  margin:5px 15px;
}
.left {
  margin-left:0;
  float:left;
}

.right {
  margin-right:0;
  float:right;
}

/* id styles */
h1#logo, h3#tagline {
  width:818px;
}

h1#logo {
  padding-top:20px;
}

h3#tagline {
  letter-spacing:.4em;
  line-height:18px;
}

h3#date {
  margin-left:10px;
  margin-top:1px;
}

#content {
  padding-bottom:20px;
  position:absolute;
  left:250px;
  top:158px;
  width:600px;
}

#subcontent {
  font-size:11px;
  width:200px;
}

#subcontent p {
  margin:12px 10px;
}

ul#navigation {
  padding-top:27px;
  background-color:#5C743D;
}

ul#navigation li {
  position:relative;
  border-bottom:1px solid #F4FFE4;
}

ul#navigation > li:first-child {
  border-top:1px solid #F4FFE4;
}

ul#navigation li ul {
  width:200px;
  border-left:1px solid #F4FFE4;
  position:absolute;
  top:0;
  left:200px;
  display:none;
  background-color:#5C743D;
}

ul#navigation li:hover ul {
  display:block;
}

ul#navigation a {
  font-weight:bold;
  color:#D5EDB3;
  line-height:16px;
  letter-spacing:.1em;
  text-decoration:none;
  text-transform:uppercase;
  display:block;
  padding:8px 6px 10px 20px;
}

ul#navigation li ul a {
  text-transform:none;
}

ul#navigation a:hover, ul#navigation ul li a, ul#navigation li.active a {
  background-color:#9C6;
  color:#930;
}

ul#navigation li:hover {
  background-color:#9C6;
}

ul#navigation li:hover a {
  color:#930;
}

ul#navigation li ul a:hover, ul#navigation ul li.active a {
  background-color:#5C743D;
  color:#D5EDB3;
}

a#alex-flute {
  display:block;
  height:34px;
  text-decoration:none;
  font-weight:bold;
  letter-spacing:0.1em;
  line-height:34px;
}

a#alex-flute:hover {
  background-color:#D5EDB3;
}

a#alex-flute img {
  float:left;
  margin:0 10px 0 5px;
}

/* specific-page styles */
body.alexander-technique.about.index #content ul {
  padding-left:20px;
  font-size:18px;
  letter-spacing:0.1em;
}

body.alexander-technique.about.index #content ul li {
  line-height:42px;
}