/* CSS Document */

/* Normalize margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {
  margin: 0;
  padding: 0;
  }
  
/* Normalize font-size for headers */
h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  }
  
/* Remove list style from lists */
ol, ul {
  list-style: none;
  }
  
/* Normalize font-style and font-weight to normal */
address, caption, cite, code, dfn, em, strong, th, var {
  font-style: normal;
  font-weight: normal;
  }
  
/* Removes border from tables */
table {
  border-collapse: collapse;
  border-spacing: 0;
  }
  
/* Remove border from fieldset and img */
fieldset, img {
  border: 0;
  }
  
/* left aligns text in caption and th */
caption, th {
  text-align: left;
  }
  
/* removes quotation marks from q */
q:before, q:after {
  content: '';
  }
  
 body {
  width: 770px;
  margin: 0 auto;
  font: 72%/1.6 "Lucida Grande", Verdana, sans-serif;
  color: #333;
  background: #8EA7DD;
  }
  
p {
  padding: 10px 0;
  }
  
#branding {
  margin: 20px 0;
  float: left;
  background: #8EA7DD;
  }
  
div#branding h1 {
  text-indent: -5000px;
  background: url(../img/yoga_for_life.gif) no-repeat;
  width: 267px;
  height: 49px;
  }
  
div#branding ul {
  float: left;
  text-transform: lowercase;
  margin: 0 0 0 10px;
  }
  
div#branding li {
  float: left;
  margin: 0 3px 0 0;
  }
  
#site_logo {
  float: left;
  }
  
#main_nav {
  float: left;
  color: #fff;
  margin: 10px;
  }
  
#yoga_wheel {
  float: right;
  margin: 10px 5px 0 0;
  }
  
#main_nav a:link, #main_nav a:visited {
  color: #fff;
  text-decoration: none;
  }
  
#main_nav a:hover {
  border-bottom: 1px solid #fff;
  }
  
#content {
  float: left;
  padding-bottom: 20px;
  border-bottom: 10px solid #7389B9;
  width: 100%;
  color: #3D575D;
  background: #CBD6EA url(../img/bg_content.gif) repeat-x top left;
  }
  
#content a:link, #content a:visited {
  color:  #333;
  }
  
#content a:hover {
  }
 
 #left {
   overflow: hidden;
   float: left;
   width: 64px;
   margin: 20px;
   }
   
 *html #left {
   margin: 10px;
   }
   
 #left img {
   margin-top: 10px;
   }
   
 #middle {
   width: 420px;
   margin: 30px 0px 0 0;
   float: left;
   }
   
 #right {
   float: right;
   margin: 35px 0 0 0;
   }
   
 #right img {
   margin-right: 20px;
    border: 5px solid #7389B9;
   }
   
 #middle_two {
   float: left;
   width: 600px;
   margin: 30px 20px 0 0;
   }
   
dt {
  margin-top: 15px;
  }
   
dl dt {
  font-weight: bold;
  }
  
table {
  border-collapse: collapse;
  width: 100%;
  margin: 10px 0 0 0;
  border: 1px solid #a5a5a5;
  }
  
th, td {
  padding: 0.1em 1em;
  }
  
th {
  font-weight: bold;
  }
  
tr {
  border-bottom: 1px solid #a5a5a5;
  background: #DBE3ED;
  }
  
th {
  background: #577CC5;
  color: #fff;
  }
  
.alt {
  background: #C5D2F0;
  }
  
blockquote {
  clear:both;
  margin: 0 10px 0 0;
  text-align: left;
  float: left;
  width: 500px;
  margin-left: 120px;
  }
  
blockquote p {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	line-height: 1em;
	line-height: 1.0em;
	font-style: italic;
	color: #627398;
  }
  
blockquote p cite {
  font-size: 0.85em;
  font-weight: bold;
  }
   
 #footer {
   clear: both;
   margin: 40px 0;
   text-align: right;
   }

/* -------------- Changes for images -------------*/

/*#what_is_yoga_image {
  margin-left: 60px;
  }
  
#history_image {
  }*/

/*================ end image changes ==============*/