body {
        COLOR: #000000;
        FONT-FAMILY: "Times New Roman", Times, serif;
    font-size: x-small;
}

/*
 * mainNav
*/

#mainNav A:link {
	COLOR: #FFCC00
}
#mainNav A:visited {
	COLOR: #FFCC00
}
#mainNav A:active {
	COLOR: #FFFFFF
}
#mainNav A:hover {
	COLOR: #FFFFFF
}

body {
    margin:0px 0px 0px 0px;
}

#container {
    margin: 0 0;
    background: url('../image/menu_colour.gif') repeat-y;
}

#header {
    display: block;
    height: 100px;
    background: yellow;

}

#mainNav {
    float: left;
    width: 160px;
    height: auto;
    background: url('../image/menu-bg.gif');
    margin: 0px;
    padding-bottom: 20px;
    font-size: 1.2em;
}

#mainNav .top {
    background: url('../image/menutop.gif');
}

#mainNav ul {
    margin: 0px;
    padding: 0;
    list-style-type: none;
}

#mainNav ul a {
    display: block;
    height: 37px;
    line-height: 37px;
    text-decoration: none;
    background: url(../image/pointers.gif) no-repeat 0px center;
    text-align: right;
    padding-right: 45px;
}

#mainNav li a:active {
    font-weight: bold;
}

#mainNav ul a:hover {
    background-position: -160px  center;
}


#mainNav li.home a {
    margin-top: 12px;
}

#home #mainNav .home a,
#timetable #mainNav .timetable a,
#whatsnew #mainNav .whatsnew a,
#products #mainNav .products a,
#courses #mainNav .courses a,
#hypno #mainNav .hypno a,
#teachertrain #mainNav .teachertrain a,
#thaimassage #mainNav .thaimassage a,
#contact #mainNav .contact a {
    color: #fff;
}

/*
 * Timetable Page
 */
#timetable ul {
    list-style-type: none;
    text-decoration: none;
}

#timetable span {
    display: block;
    margin-top: 10px;
}

.downloads a {
    text-decoration: none;
}

.downloads a span {
    text-decoration: underline;
}

.downloads a:hover span {
    text-decoration: none;
}

#content img#wordlogo {
    width: 49px;
    height: 48px;
    border: none;
    text-decoration: none;
}

#content img#pdflogo {
    width: 49px;
    height: 48px;
    border: none;
    text-decoration: none;
}

/* ************ */

#masthead  {
    border: 0;
    height: 99px;
    background: #ffcc00 url(../image/masthead.gif) no-repeat 0px 0px;
    color: #600080;
}

#masthead #title1 {
    display: block;
    border: 0;
    font-size: 2.6em;
    padding: 22px 0 0px 161px;
}

#masthead #title2 {
    display: block;
    border: 0;
    font-size: 2.0em;
    padding: 0px 0 0px 161px;
}

.content {
    display: block;
    background-color: #fff;
    padding: 0;
    margin: 20px 20px 20px 181px;
    font-size: 1.3em;
}

* html #content .content {
    margin-left: 181px;
}

#content #home img {
    padding: 10px 10px 10px 0;
    width: 210px;
    height: 280px;
}

#content #jean {
    float: right;
    padding: 0px 0 10px 10px;
}

#content #elizabeth {
    float: left;
}

.content h2 {
    color: #660066;
    text-align: center;
    padding: 0;
}

#content h3 {
    color: #660066;
}

#address {
    font-size: 1.4em;
}

/*
 *  Contact page 
 */  

div#addr_email {
    float: left;
    margin-right: 30px;
}

fieldset {
    margin: 2em 0px;
    width:  450px;
    padding: 20px;
    border: 1px solid #ccc;
    background: #f8f8f8;
}

div#subscribe_box {
    margin-left: 0px;
    float: left;
}

div#subscribe_box fieldset {
    width: 200px;
    margin-top: 0;
    padding-top: 0;
}

#subscribe_box .feedback {
    position: static;
    margin-left: 0px;
}

#subscribeFeedback {
    width: 200px;
    border: 3px solid #660066;
    padding: 10px;
    font-size: 1.2em;
    font-weight: 400;
}

legend {
    font-weight: bold;
    font-size: 1.2em;
}

#contact label {
    display: block;
}

input {
    width: 200px;
}

input.user, #contact textarea.user {
    border-top: 2px solid #999;
    border-left: 2px solid #999;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    background-color: #ffc;
}

.productQuantity input {
    background-color: #ffc;
}

#subject {
    width: 450px;
}

#contact input#send {
    width: 150px;
    margin: 5px 150px 0 150px;
    padding: 4px 0px;
    font-weight: bold;
}

#contact input#subscribe {
    width: 80px;
    margin: 5px 60px 0 60px;
    padding: 4px 0px;
    font-weight: bold;
}

textarea {
/*    margin-left: 2em;*/
    width: 450px;
    height: 145px;
}

form p {
    position: relative;
}

.feedback {
    position: absolute;
    margin-left: 10em;
    left: 100px;
    right: 0;
    color: #760000;
    padding-left: 28px;
    height: 2.2em;
    background: url(../image/error.gif) no-repeat left top;
}

* html .feedback{
    width: 10em;
}

#error {
    color: #760000;
}

.downloads {
    margin-top: 2em;
    width: 48%;
    float: left;
    text-align: center;
    text-decoration: none;
}

.downloads a {
    display: block;
}

.downloads a img {
    margin: auto;
    border: none;
}

/*
 * Products Page
*/

#stock li {
    width: 33%;
    height: 210px;
    background-color: #fff;
    list-style-type: none;
    text-decoration: none;
    text-align: center;
    float: left;
    margin-bottom: 10px;
}

#stock li a {
    color: #fc0;
/*    text-align: center; */
    background-color: #608;
/*    margin-bottom: 10px; */
    display: block;
    padding-bottom: 12px;
}

.vid {
    width: 96px;
    height: 160px;
    padding: 3px 3px 0px 3px;
}

.cd {
    width: 130px;
    height: 132px;
    padding: 3px 3px 0px 3px;
}

.dvd {
    width: 112px;
    height: 164px;
    padding: 3px 3px 0px 3px;
}

.priceLabel {
    display: block;
}

#orderlink  {
    clear: left;
    margin: 50px 0 0 30px;
    text-align: center;
    width: 70%;
    background-color: #fc0;
    color:  #608;
    border: 1px solid;
    font-size: 1.8em;
}

#orderlink a {
    display: block;
    text-decoration: none;
}

/*
 * Product Detail
 */

.productDetailImage {
    background: #600080;
    margin: 4px 4px 4px 4px;
}

.productDetailText {
    background: #fff;
    font-size: 1.8em;
}

/*
 *  Courses Page
 */
#courses .odd {
    background-color: #fff4bb;

}

#courses table {
    border-collapse: collapse;
    /* width: 50em; */
    border: 1px solid #666;
}

th, td {
    padding: 0.1em 1em;
    border-right: 1px solid #ccc;
}

caption {
    font-size: 1.2em;
    font-weight: bold;
    color: #608;
    margin: 1em 0;
}

#courses tr:hover {
    background-color: #fb0;
}

thead {
    background: #fc0;
    border-top: 1px solid  #a5a5a5;
    border-bottom: 1px solid  #a5a5a5;
}

th {
    color: #608;
}
/*
#titleCol { width: 8em; }
#instructorCol { width: 8em; }
#startCol { width: 8em; }
#timeCol { width: 8em; }
#weeksCol { width: 8em; }
#endCol { width: 8em; }
*/
#priceCol { text-align: right; }
#concessionCol { text-align: right; }

/*
 *  Order Page
 */
#order h3 {
    color: #600080;
    font-size: 1.2em;
}

#order b {
    font-weight: bold;
    color: black;
}

#order fieldset {
  margin-bottom: 10px;
}
#order legend {
  padding: 0 2px;
  font-weight: bold;
}
#order label {
  display: block;
  float: left;
  line-height: 1.8;
  vertical-align: top;
}
#order fieldset ol {
  margin: 0;
  padding: 0;
}
#order fieldset li {
  list-style: none;
  padding: 5px;
  margin: 0;
}
#order fieldset fieldset {
  border: none;
  margin: 3px 0 0;
}
#order fieldset fieldset legend {
  padding: 0 0 5px;
  font-weight: normal;
}
#order fieldset fieldset label {
  display: block;
  width: auto;
}
#order em {
  font-weight: bold;
  font-style: normal;
  margin-left: 0.5em;
  color: #f00;
}
label {
  width: 120px;
}
#order fieldset fieldset label {
  margin-left: 123px; /* Width plus 3 (html space) */
}
#order input#send, input#reset {
    width: 150px;
    margin: 5px 5% 0 5%;
    padding: 4px 10px;
    font-weight: bold;
}

#order input#reset {
    float: left;
}

#order input#send {
    float: right;
}

#preview {
    width: 44em;
    border-color: #777;
}

#orderTotal {
    border: 0;
    width: 60px;
    font-weight: 500;
    padding: 0;
    margin: 0;
}

#order thead tr {
    height: 2em;
}

#order #headspace {
    font-size: 0.4em;
}

#quantity {
    width: 3em;
}

#order tbody input {
    margin-left: 1em;
    width: 3em;
}

.smallButton {
    width: 45px;
}