body {
  padding: 0px;
  margin: 0px;
  color: #333333;
}

.attribution {
  padding-top: 2px;
  font-size: 12px;
}

.attribution a {
  color: #9d9d9d;
}

.attribution a:hover {
  color: #008CF1;
}

th {
  text-align: left;
/*  border-bottom: 1px solid black;
  background-color: lightgray;*/
}

th, td {
  padding: 3px 20px 3px 5px;
}

img {
  border: none;
}

.odd{
  background-color: #eff7ff;
}

.even{
}

a {
  color: #008CF1;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

#universe {
  width: 990px;
  margin-left: auto;
  margin-right: auto;
}

#header {
  padding: 30px 0 15px 0;
  position: relative;
}

#top_flags {
  height: 65px;
  width: 100%;
  position: absolute;
  background: transparent url("/images/sprite.png") 0 -820px no-repeat;
}

#page #content {
  margin: 0;
}

#content .text {
  padding-bottom: 15px;
}

#content .event {
  padding-bottom: 15px;
}

#content .event .date {
  padding-bottom: 2px;
}

#content .v_section {
  float: left;
  width: 305px;
  margin: 30px 23px 40px 2px;
}

#content .v_section .title {
  font-size: 22px;
  margin-bottom: 30px;
}



#page .title {
  font-size: 22px;
  margin-bottom: 30px;
}

#content .v_section_wide {
  float: left;
  width: 634px;
  margin: 30px 23px 40px 2px;
}

#content .v_section_wide .title {
  font-size: 22px;
  margin-bottom: 30px;
}


#content .v_section_full {
  float: left;
  margin: 30px 23px 40px 2px;
}

#content .v_section_full .title {
  font-size: 22px;
  margin-bottom: 30px;
}

.title {
  margin-bottom: 10px;
}


#page_img {
/*  background-color: #454749;
  border: solid 1px;*/
}

#page_img img {
  margin: 0;
}

#logo {
  height: 100px;
  width: 242px;
}

.img_lnk {
  display: block;
}

.menu {
  position: absolute;
  height: 40px;
  top: 90px;
  right: 0px;
}
.menu .item {
  float: right;
  height: 30px;
  margin: 0 12px;
  cursor: pointer;
  display: block;
}

.menu .body {
  display: none;
}

.menu .item img {
  height: 24px;
}
#footer {
  position: relative;
  clear: both;
  padding-bottom: 10px;
}

#footer .separator {
  background: transparent url("/images/sprite.png") 0 -340px no-repeat;
  height: 10px;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

#footer .links_flag {
  position: relative;
  width: 990px;
}

#footer .links {
  padding-top: 20px;
  text-align: center;
}

#footer #flag {
  background: transparent url("/images/sprite.png") -0px -500px no-repeat;
  width: 115px;
  height: 30px;
  float: right;
  right: 110px;
  position: absolute;
}

.green_flag, .blue_flag, .yellow_flag {
  padding-left: 38px;
  height: 30px;
}

.green_flag {
  background: transparent url("/images/sprite.png") 0 -380px no-repeat;
}
.blue_flag {
  background: transparent url("/images/sprite.png") 0 -420px no-repeat;
}
.yellow_flag {
  background: transparent url("/images/sprite.png") 0 -460px no-repeat;
}

.donation {
  text-align: center;
  padding: 15px 0;
}
.donation img {
  border: none;
}

img.social_icon {
  margin-left: 4px;
}

.form_title {
  font-size: 24px;
  font-weight: bold;
  padding: 5px 0 10px 30px;
}

.solid_form {
  background-color: #add8e6;
  padding: 10px 0;
  width: 800px;
  margin-left: 50px;
}

.form {
  background: transparent url("/images/990_line.png") 0 0 no-repeat;
  padding: 10px 0;
  width: 800px;
  margin-left: 50px;
}

.form form {
  margin-left: 120px;
}

.form .subtitle {
  margin: 20px 0 0 130px;
  font-size: 18px;
  font-weight: bold;
}

form {
  margin: 0;
}

.field {
  padding-top: 10px;
  clear: both;
}

.field .label {
  float: left;
  width: 120px;
  text-align: right;
  padding-right: 5px;
  font-weight: bold;
}

.field .value {
  margin-left: 130px;
}

.new_user_link {
  padding: 20px 0 0 250px;
}

#course_show .action {
  text-align: right;
}

.notice {
  padding: 3px 20px;
  font-weight: bold;
  color: black;
  background-color: #FBDE32;
  text-align: right;
  border: 2px solid black;
  margin-bottom: 5px;
}

/* start float container fix
    The following appends a block at the end of the 
		body container to force is to wrap around the 
		right, left and middle containers. It wouldn't
		do that by default because they are float 
		containers
*/
.float_fix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.float_fix {display: inline-block;}

/* Hides from IE-mac \*/
* html .float_fix {height: 1%;}
.float_fix {display: block;}
/* End hide from IE-mac */

/* end float container fix */


/* courses/show */
#course_show {
  padding: 20px 0 20px 20px;
  width: 750px;
}

#course_show .title {
  font-size: 22px;
  margin-left: 40px;
  margin-bottom: 10px;
}

#course_show .description {
  clear: both;
  font-size: 18px;
  padding: 5px 20px 0 50px;
}

#course_show .column {
  margin: 10px 23px 15px 2px;
  width: 305px;
  float: left;
}

#course_show .member_info {
  font-weight: bold;
}

#course_show .class_full {
  color: #DF2333;
}
#course_show .back_link {
  font-size: 18px;
  font-weight: bold;
  padding-top: 10px;
}

#course_show .registered {
  color: #DF2333;
  float: right;
}

/* registration/new */
#registration_new {
  background: transparent url("/images/990_line.png") 0 0 no-repeat;
  padding: 25px 0 0 40px;
}

#registration_new .title {
  font-size: 22px;
}

#registration_new .left_image {
  float: left;
  width: 415px;
}

#registration_new .columns {
  padding: 20px 0 40px 0;
}

#registration_new .options {
  margin-left: 450px;
}

#registration_new .options .option {
  padding-top: 10px;
}

#registration_new .options .selection {
  font-weight: bold;
}

#registration_new .options .description {
  margin-left: 25px;
}

#registration_new .options .action {
  padding-top: 20px;
}
#registration_new .options .action img {
  border: 0;
}  

/* courses/list */
#top_line {
  background: transparent url("/images/990_line.png") 0 0 no-repeat;
  height: 10px;
}

#course_list {
  padding-bottom: 20px;
  padding-right: 325px;
  margin-top: 20px;
  background: url('/images/side_music.png') 100% 0 no-repeat;
}

#course_list .title {
  font-size: 22px;
  margin: 10px 0 0 0;
}

#course_list .courses {
  padding-bottom: 30px;
}

#course_list .course {
  padding-top: 25px;
}

#course_list .course .instructor_fee {
  float: right;
  text-align: right;
  width: 200px;
}

#course_list .course .title_time {
  width: 440px;
  font-weight: bold;
  padding-bottom: 4px;
}

#course_list .fltrs {
  padding-bottom: 3px;
}

#course_list .no_classes {
  padding: 30px 0;
  font-weight: bold;
}

#course_list .fltrs, #course_list .fltrs_options {
  text-align: right;
}

#course_list .fltrs .fltr_slc {
  font-weight: bold;
  cursor: pointer;
}

/* instructors */
#instructors .instructor {
  padding: 20px 0;
}

#instructors .instructor .name {
  font-size: 18px;
  font-weight: bold;
  padding-bottom: 10px;
}

#instructors .instructor .name a {
  color: #333333;
  text-decoration: none;
}

#instructors .instructor .bio {
  padding-left: 10px;
  padding-bottom: 10px;
}

#login_form {
  padding-bottom: 50px;
}

#login_form .title, #signup_form .title {
  margin: 10px 0 10px 70px;
}

#signup_form .desc, #signup_form .errors {
  padding-left: 110px;
  font-size: 17px;
}

/* mind body iframe */
iframe.mindbody {
  width: 100%;
  height: 1000px;
}
/* everything else */