/*
 * Created by ThisSideUp Software Inc.
 *
 * Copyright 2010 ThisSideUp Software Inc. http://www.thissideupsoftware.com
 * All Rights Reserved. Permission to use, copy, modify, and distribute this
 * CSS style sheet is hereby granted provided that the full text of this
 * copyright notice appears in all copies.
 *
 * THIS SOFTWARE AND DOCUMENTATION IS PROVIDED "AS IS," AND COPYRIGHT HOLDERS
 * MAKE NO REPRESENTATIONS OR WARRANTIES, EXPRESS OR IMPLIED, INCLUDING BUT NOT
 * LIMITED TO, WARRANTIES OF MERCHANTABILITY OR FITNESS FOR ANY PARTICULAR
 * PURPOSE OR THAT THE USE OF THE SOFTWARE OR DOCUMENTATION WILL NOT INFRINGE
 * ANY THIRD PARTY PATENTS, COPYRIGHTS, TRADEMARKS OR OTHER RIGHTS.
 *
 * COPYRIGHT HOLDERS WILL NOT BE LIABLE FOR ANY DIRECT, INDIRECT, SPECIAL OR
 * CONSEQUENTIAL DAMAGES ARISING OUT OF ANY USE OF THE SOFTWARE OR
 * DOCUMENTATION.
 *
 */

div#left-column
{
   float: left;
   width: 175px;
}

div#left-column div#gallery-1
{
   height: 176px;
   width: 175px;
   background: #361601;
}

div#left-column div#gallery-1 img#gallery-img-1
{
   margin: 3px 3px 0 3px;
   height: 169px;
   width: 169px;
}

div#left-column div#gallery-2
{
   height: 173px;
   width: 175px;
   background: #361601;
}

div#left-column div#gallery-2 img#gallery-img-2
{
   margin: 0 3px 0 3px;
   height: 169px;
   width: 169px;
}

div#left-column div#gallery-3
{
   height: 111px;
   width: 175px;
   background: #361601;
}

div#left-column div#gallery-3 img#gallery-img-3
{
   margin: 0 3px 0 3px;
   height: 108px;
   width: 169px;
}

div#left-column div#gallery-button
{
   margin-top: 5px;
   margin-left: 40px;
   margin-right: 40px;
}

div#left-column div#gallery-button button
{
   font-size: 8px;
   width: 45px;
}

div#middle-column
{
   margin-left: 175px;
   width: 375px;
   min-height: 462px;  /* 175px + 175px + 114px + rounding */
}

div#right-column
{
   float: right;
   width: 245px;  /* 801px - 175px - 375px - IE6 padding */
   height: 400px;
   background: url('/assets/images/child.jpg') no-repeat center right;
}

div#main-body
{
   width: 801px;
}

div#main-body h1
{
   color: #CC0000;
   letter-spacing: -0.5px;
   font-size: 22px;
   font-weight: bold;
   margin-left: 20px;
   margin-top: 10px;
}

div#main-body h2
{
   color: #CC0000;
   letter-spacing: -0.5px;
   font-size: 18px;
   font-weight: bold;
   margin-left: 20px;
   margin-top: 20px;
}

div#main-body h3
{
   color: #CC0000;
   letter-spacing: -0.5px;
   font-size: 16px;
   font-weight: bold;
   margin-left: 20px;
   margin-top: 20px;
}

div#main-body p
{
   color: #000000;
   font-size: 14px;
   margin: 20px;
}

div#main-body p.p-addr
{
   margin-top: 10px;
   display: none;
}

div#main-body img.img-addr
{
   margin-left: 20px;
}

div#main-body a
{
   color: #000000;
}

div#main-body ul
{
   /* rule to place bullets inside the margin */
   list-style-position: inside;
   /* rule to format color of bullets */
   color: #000000;
   /* rule to format font weight */
   /* font-weight: bold; */
}

div#main-body ul#legal
{
   list-style-position: outside;
   font-weight: normal;
   font-size: 14px;
   margin: 20px;
}

div#main-body ul li
{
   /* rule to position list items */
   margin: 20px;
}

div#main-body ul#legal li
{
   margin: 5px 0 0 20px;
}

div#main-body p.p-title
{
   margin: 20px 20px 10px 40px;
}

div#main-body p.p-info
{
   margin: 10px 20px 20px 40px;
}

div#main-body ul.ul-decimal
{
   list-style-type: decimal;
   list-style-position: outside;
}

div#main-body ul.ul-decimal li
{
   margin-left: 40px;
}

div#main-body ul div.collapsible
{
   /* rule to hide the div */
   display: none;
   /* rule to align the div under the list item text */
   margin-left: 40px;
   /* rule to set the width of the div;
    * needed for jQuery to smoothly expand and hide the div
    */
   width: 750px;  /* 798px - 40px (left margin) - 1px (b/c) */
}

div#main-body ul div.collapsible p
{
   /* rule to override margin settings */
   margin: 0 0 10px 0;
   /* rule to override font settings */
   font-weight: normal;
   color: #361601;
}

div#main-body ol
{
   /* rules to format font for ordered lists */
   font-size: 14px;
   font-family: sans-serif;
}

div#main-body hr
{
   color: #000000;
   background-color: #000000;
   width: 95%;
   height: 3px;
}

div#main-body a.a-back
{
   font-weight: normal;
   font-size: 12px;
   margin-left: 40px;
}

div#main-body table
{
   color: #000000;
   font-size: 11px;
   margin-left: 20px;
   margin-bottom: 10px;
   border-collapse: collapse;
}

div#main-body table tr td
{
   padding: 2px 5px;
   border: 1px solid #000000;
}

div#main-body table tr td form
{
   width: auto; 
}

div#main-body table tr td form input
{
   font-size: 10px;
}

div#main-body form
{
   width: 300px;
}

div#main-body form fieldset
{
   border-color: #361601;
}

div#main-body form#enroll
{
   /* rule to size the enrollment form */
   width: 801px;
}

div#main-body form#enroll fieldset fieldset
{
   width: 310px;
   display: block;
}

div#main-body form#enroll fieldset fieldset fieldset
{
   width: 280px;
}

div#main-body table#enroll-classes-table
{
   width: 773px;
   padding: 0;
   margin: 0 0 0 1px;
   font-size: 10px;
}

div#main-body form fieldset legend
{
   color: #7A1A01;
   font-size: 16px;
   font-weight: bold;
   letter-spacing: -1px;
}

div#main-body form fieldset div.text-field
{
   margin: 5px 0 0px 5px;
   width: 275px;
}

div#main-body form fieldset div.text-field label
{
   font-size: 12px;
   /* rule to place input field below label */
   display: block;
}

div#main-body form fieldset div.text-field label.left-label
{
   float: left;
   margin: 2px 5px 0 0;
}

div#main-body form fieldset div.text-field label.phone-label
{
   float: left;
   margin: 2px 0 0 0;
   width: 145px;
}

div#main-body form label
{
   font-size: 12px;
}

div#main-body form fieldset div.text-field p
{
   /* rules to format font */
/*
   font-size: 12px;
   color: #656565;
*/
   /* rules to position text */
/*
   margin: 0 15px 0 120px;
   text-align: center;
*/
}

/*
div#main-body form p.note,
div#main-body form div.form-footer p.note,
div#main-body form fieldset div.text-field p.note
*/
div#main-body p.note
{
   margin: 0;
   font-size: 10px;
   color: #656565;
}

div#main-body form fieldset div.text-field input
{
   font-family: sans-serif;
   font-size: 12px;
   max-width: 260px;
}

div#main-body form fieldset div.text-field input.phone, input.birthdate
{
   font-family: courier;
   font-size: 14px;
}

div#main-body form fieldset div.text-field textarea
{
   font-family: sans-serif;
   font-size: 12px;
   width: 260px;
}

div#main-body form span
{
   display: block;
   height: 14px;
}

div#main-body form span label
{
   font-size: 11px;
   color: #CC0000;
}

div#main-body form span.phone-errors
{
   margin-left: 5px;
}

div#main-body form div.form-footer
{
   margin: 5px 0 0 50px;
}

div#main-body form div.form-footer input
{
   position: relative;
   top: 3px;
   display: inline;
}

div#main-body form div.form-footer p
{
   font-size: 12px;
   color: #000000;
   text-align: left;
   margin: 0 0 0 5px;
   display: inline;
}

div#main-body form div.form-footer div p
{
   margin-right: 15px;
}

div#main-body form input.button-input
{
   display: inline;
}

div#main-body form fieldset div.radio-field p,
div#main-body form p.button-tag
{
   font-size: 12px;
   color: #000000;
   text-align: left;
   margin: 0 15px 0 5px;
   display: inline;
}

div#main-body form fieldset div.err-msg-wrapper
{
   position: relative;
   height: 30px;
}

div#main-body form fieldset div.err-msg
{
   height: 30px;
   margin: 0;
   padding: 0;
}

div#main-body form fieldset div.err-msg p
{
   margin: 0;
   padding: 6px 0 0 0;
   /* rules to format the text */
   font-size: 11px;
   color: #CC0000;
   text-align: center;
}

div#main-body div#left-form
{
   float: left;
   margin-left: 40px;
}

div#main-body div#left-form img#site-seal
{
   margin-top: 20px;
}

div#main-body form#register-form
{
   margin-left: 440px;
}

div#main-body form fieldset div input.submit
{
   width: 70px;
   margin: 0;
}

input[type="text"]
{
   border: none;
   border-bottom: 1px solid black;
}

input[type="password"]
{
   border: none;
   border-bottom: 1px solid black;
}

textarea
{
   border: 1px solid black;
}

div#main-body p#error-page-msg
{
   font-size: 14px;
   color: #CC0000;
}

div#main-body div#my-profile
{
   float: left;
   width: 250px;
   margin-left: 0;
}

div#main-body div#profile a
{
   color: blue;
}

div#main-body div#profile p
{
   font-size: 12px;
}

div#main-body div#my-classes
{
   float: left;
   width: 250px;
   margin-left: 25px;
}

div#main-body div#my-store
{
   float: left;
   width: 250px;
   margin-left: 25px;
}

div#main-body form#order-form
{
   width: 710px;
}

table#order-form-table
{
   table-layout: auto;
   margin-right: 20px;
}

span#table-err-msg
{
   margin-left: 20px;
}

th
{
   border: 1px solid black;
}

td.empty-cell
{
   background-color: #CCCCCC;
}

input.order-input
{
   text-align: center;
   border: 1px solid #000000;
}

form#order-form span.order-amount
{
   float: right;
}

div#order-form-info
{
   height: 280px;
}

fieldset#order-form-shipping
{
   float: left;
   margin-left: 20px;
   margin-right: 20px;
   width: 275px;
}

fieldset#order-form-contact
{
   width: 275px;
}

div.location
{
   margin: 0 0 0 20px;
}

div.location-map
{
   float: left;
   margin-right: 20px;
}

div.location-separator
{
   clear: both;
   height: 1%
}