/* Motions Health & Fitness - Redesign June/July 2009. */
/* Blue = #0081c6
   Grey = #58595b
   Grey dividing line: #d1d3d4
*/

/* Common styles. */
a {
  color: #ffffff;
  text-decoration: none;
}
li {
  line-height: 17px;
  color: #58585b;
  font-size: 12px;
}
/* Use custom width of 920px, per Catherine's PSD. */
#custom-doc { 
  /*width:70.77em;
  *width:69.06em;*/
  min-width:910px;
  margin:auto;
  text-align:left;
}
#hd {
  height: 123px;
  margin-top: 0px;
}
#hd h1 {
  font-size: 23px;
  margin-top: 0px;
  margin-left: 201px;
  color: #0081c6;
}
#logo {
  float: left;
  width: 175px;
  margin-top: 25px;
}
#colour-bar {
  float: right;
  margin-top: 82px;
  background-color: #0081c6;/*url(images/blue-bar.png) repeat-x;*/
  width: 707px;
  height: 10px;
}

/* Menu and main content settings. */
.yui-gf { clear: both; }
.yui-gf .yui-u, .yui-b .yui-g { width: 707px;  }
.yui-gf div.first/*, .nav*/ { width: 200px; }

.yui-t2 #yui-main .yui-b {  margin-left: 202px; }

/* Menu styles. */
.nav-list {
  list-style-type: none;
  margin: 0 0 12px 0;
  padding-left: 0px;
}
.nav-list li {
  list-style-type: none;
}
.nav-list li a {
  color: #0081c6;
  font-weight: bold;
  font-size: 12px;
  line-height: 32px;
}
.nav-list li.highlight {
  background-color: #0081c6;
  padding-left: 5px;
}
.nav-list li.highlight a {
  color: #fff;
}
.nav img{
  margin-bottom: 30px;
}
/* Home page styles. */
#index-headline {
  height: 350px;
  background: url(images/index-situps.jpg) no-repeat top left;
  padding-top: 14px;
  margin-top: -7px;
}
#index-headline a {
  color: #0081c6;
}
#headline-top, #headline-middle, #headline-bottom {
  background-image: url(images/60pc-white-bg.png);
  width: 340px; /* For 20/21 June Open Evenings. */ /* Was 290px; */
  padding-left: 21px;
  padding-bottom: 10px;
  margin-bottom: 30px;
}
/*#headline-top {
}
#headline-middle {
}
#headline-bottom {
}*/
#index-headline h1 {
  color: #0081c6;
  font-size: 24px;
  margin-top: 0px;
  padding-top: 13px;
  margin-bottom: 0px;
}
/* Highlight the urgent */
#index-headline h1.urgent {
  color: #ff0000;
}
/* Home page - bottom section. */
#index-courses {
  margin-bottom: 50px;
}
.yui-gb {
  /*clear: both;*/
  /*margin-top: 24px;*/
  margin-top: 11px;
}
.yui-gb .yui-u {
  background-color: #0081c6;
  height: 176px;
  color: #ffffff;
}
.yui-gb .yui-u a {
  color: #ffffff;
}
.index-course {
  padding-left: 120px;
  background-color: #0081c6;
  height: 176px;
}
.index-course h1 {
  font-size: 19px;
  margin: 0;
  padding-top: 23px;
}
.index-course h2 {
  font-size: 16px;
  margin-top: 7px;
}
.index-course h3 {
  font-size: 13px;
  margin-top: 22px;
}
#index-fitness {
  background: url(images/index-fitness-instructor.jpg) no-repeat;
}
#index-holistic {
  background: url(images/index-holistic-massage.jpg) no-repeat;
}
#index-sports {
  background: url(images/index-sports-massage.jpg) no-repeat;
}

/* Course page styles. */
.course-info {
  margin-bottom: 33px;
  margin-right: 97px; /* 707px - 610px */
}
.course-info h2 {
  color: #0081c6;
  font-size: 12px;
  line-height: 17px;
  margin: 20px 0 0 0;
  background: #ffffff url(images/grey-line.png) center center repeat-x;
}
/* Give the text a white background over the grey line. */
.course-info h2 span {
  background-color: #ffffff;
  padding-right: 5px;
}
.course-info h3, .course-info h3 {
  color: #0081c6;
}
.course-info p, .course-info dt, .course-info dl, .course-info dd {
  color: #58595b;
  font-size: 12px;
  line-height: 17px;
  text-align: justify;
}
.course-info p.highlight {
  color: #0081c6;
}
.course-info a {
  color: #0081c6;
  text-decoration: underline;
}
/* Syllabus list and paragraph before it. */
.syllabus-list-preface {
  font-weight: bold;
}
/* Set the styles of a default list item. */
li {
  line-height: 17px;
  color: #58585b;
  font-size: 12px;
}
.syllabus-list li {
  padding-left: 32px;
  line-height: 17px;
  color: #58585b;
  font-size: 12px;
}

/* Testimonials page styles. */
.testimonial-preface {
  font-style: italic;
}
.testimonial {
  padding-top: 19px;
  padding-bottom: 21px;
  border-bottom: 2px solid #d1d3d4;
}
p.testimonial-quote {
  font-style: italic;
  color: #0081c6;
}
p.testimonial-quote span {
  font-style: normal;
  color: #58585b;
}
p.testimonial-person {
}

/* Ten Reasons page styles. */
li.accPart, .accHeader {
  font-size: 18px;
  color: #0081c6;
}

/* Contact Form elements */
input, select, textarea {
 border: 2px solid #ccc;
 background-color: white;
}
textarea {
  width: 30em;
}
option {
  border: 1px solid #ccc;
}
input:focus, textarea:focus {
 border: 2px solid #000;
} 

label {
  display: block;  /* Label will be above input field. */
}
fieldset {  
margin: 1.5em 0 0 0;  
padding: 0;
background-color: #f1f1f1;
}
legend {  
margin-left: 1em;  
color: #000000;  
font-weight: bold;
}
fieldset ol {  
padding: 1em 1em 0 0;  
list-style: none;
}
fieldset li {  
padding-bottom: 1em;
list-style: none;
}
.submit {
  margin-left: 2em;
  margin-bottom: 1em;
  font-weight: bold;
  border-style: outset;
}

/* Special setup for the callback form on the home page. */
.callback-form {
  padding-left: 5px;
}
.callback-form h1 {
  padding-top: 0;
}
.callback-form fieldset {
  background-color: transparent;
  margin: 0;
}
.callback-form legend {
  color: #ffffff;
}
.callback-form p {
  margin-bottom: 0;
}
.callback-form label {
  display: inline;
}
.callback-form input {
  margin-top: 5px;
}
.callback-form .submit {
  margin-top: 5px;
}
#callback-form fieldset {
  margin-top: 0;
  border: 1px solid #999;
}
#callback-form p {
  padding-left: 0.3em;
  padding-right: 0.3em;
}
#callback-form ol {
  margin-left: 1em;
  padding: 0;
}
/* About Us page styles. */
.ten-reasons {
  margin-top: 50px;
}
.ten-reasons h2 {
  font-size: 23px;
  background-image: none;  /* Override .course-info h2 */
  margin-bottom: 11px;
}
.ten-reasons a {
  font-size: 15px;
  color: #58595b;
  text-decoration: none;
}

/* Links page styles. */
.links {
  margin-bottom: 17px;
}
.links h2 {
  color: #0081c6;
  font-size: 15px;
}
ul.links-list {
  margin: 0;
}
.links-list li {
  margin-left: 0px;
  line-height: 17px;
  font-size: 13px;
  list-style: none;
}
.links-list a {
  color: #4c4c4e;
  text-decoration: underline;
}
/* Move elements right a bit to align with h1 in #hd. */
/*.links h2, ul.links-list, .links img {
  margin-left: 10px;
}*/

/* Applications Open links. */
.apps-open {
  margin-top: 35px;
  margin-bottom: 0px;
  font-size: 18px;
}
p.apps-open, .apps-open a {
  font-size: 18px;
  color: #0081c6;
}

/* Course timetable table. */
table.class-times {
  font-size: 12px;
  color: #58595b;
}
.class-times th, .class-times td {
  border: 1px solid #58595b;
  padding: 5px;
  text-align: center;
}

/* Additional course page styles. */
#sports-massage-image1, #ncef-image1, #holistic-massage-image1 {
  float: right;
  margin-top: -10px;
  padding-left: 9px;
  margin-right: -97px; /* Move to align with right outside margin as per PSD. */
}

#ncef-image2, #sports-massage-image2 {
  float: right;
  padding-left: 10px;
}

#logos {
  float: left;
  margin-left: -170px;
}
/* Footer styles. */
#ft {
  /*margin-top: 50px;*/
  line-height: 17px;
  background-color: #0081c6;
  color: #ffffff;
  font-size: 12px;
}
#ft p {
  margin: 0;
  margin-left: 10px;
}
#ft a {
  color: #ffffff;
}