BODY {
  background-color: #FFFFFF;

  padding: 0px;
  margin: opx;
}

BODY, TD {
  font-size: 13px; 
  font-family: verdana,arial,helvetica,sans-serif; 
  color: #000;
}

A, A:visited {
  color: #0033CC;
  text-decoration: none;
}

A:hover {
  text-decoration: underline;
}

.centered {
  margin: 0px auto;
  width: 950px;
}

#siteTitle {
  text-align: center;
  margin-top: 25px;
  margin-bottom:25px;
}

DIV.pageBody
{
  padding: 0px;
}

.pageBody , .pageBody th {
  text-align: left;
}

.outerPageBody 
{
  text-align: left;
  margin-left: auto; 
  margin-right: auto;
}


#bottomLine {
  color: #CCCCCC;
  margin-bottom: 10px;
}

#topLine {
  color: #CCCCCC;
}

#footer TD, #footer DIV {
  font-size: 11px; 
  color: #999;
}

#footer TD {
  vertical-align: top;
  align: left;
}

#footer TD#mss {
  vertical-align: middle;
  text-align: right;
  padding-left: 10px;
}

#headerLine {
  margin: 5px 0px 10px 0px; 
}

.header {
  color: #000;
  font-size: 14pt;
  text-align: left;
  width: 100%;
}

DIV.TableHeader,
.TableHeader TH, .TableHeader TD
{
  font-weight: bold;
  text-align: center;
  background-color: #EEE;
  color: #000000;
}

.TableHeader A.headerLink
{
   color: #000000;    
}

/* link is placed in table header */
.TableHeader A.removeRegistrantLink
{
   color: #000000;    
}


.TableFooter TD {
  color: #000000;
  font-weight: bold;
}

.TableWithBorders, .TableWithBorders TD {
  border-color: #CCC;
}

.customLink {
}

.label {
  /* SG: removed as default vertical align is better for the forms */ 
  /*vertical-align: text-top;*/
 
  /* SG: removed due to the registration contact info issues */
  /*text-align: right; */

  font-size: 11px; 
  font-weight: 700; 
  padding-top: 1px;
}

.subheading, caption {
  font-size: 15px; 
  font-weight: 700; 
  color: #036;
}

.msgBody
{
  margin-top: 7px;
  margin-bottom: 7px;    
  margin-left: 0px;
  margin-right: 0px;
  border: 1px solid #514333;
  background-color: #f6fab6;
  width: 100%;
}

TD.msgText
{
 font-size: 80%;
 font-weight: bold;
 color: #293451;
 background-color: #f6fab6;
}

.registrationControls
{
  width: 200px;
  height: 23px;
}

P
{
  margin: 10px 0px 10px 0px; 
}


.header P
{
  margin: 0px 0px 13px 0px;
}

DIV.header
{
  margin: 0px !important;    
  margin-bottom: 10px !important;    
  padding: 0px !important;    
}

TD.frameContent
{
  border-left:   solid 1px #CCC;
  border-bottom: solid 1px #CCC;
  border-right:  solid 1px #CCC;
}

/****** Menu Buttons *******/

TD.tMnuBorder
{
 background-color: #CCC;
}

.MenuButton
{
  width:150px;
  height:110px;
  cursor: hand;
  cursor: pointer;
  border:solid 2px #000;
  background:#EEE;
  text-align:center;
  vertical-align:middle;
}
.MenuButton TD
{
  padding:15px;
  background:#EEE;
}

.MenuButton A,
.MenuButton A:hover,
.MenuButton A:Visited
{
  font-weight: bold;
  text-decoration:none !important;
  color:#000;
}

TABLE.MenuButtonHover
{
  background-color:#CCC;
}


.spaceBox
{
  padding: 15px;
}

TD.tabbedpaneliteminactive, TD.tabbedpaneliteminactive A, TD.tabbedpaneliteminactive A:hover, TD.tabbedpaneliteminactive A:visited 
{
  text-decoration:none;
  background-color: #CCC;
  color: #FFFFFF !important;
}

TD.tabbedpanelitemhover, TD.tabbedpanelitemhover A, TD.tabbedpanelitemhover A:hover, TD.tabbedpanelitemhover A:visited 
{
  text-decoration:none;
  background-color: #EEE;
  color: #000 !important;
  cursor:hand;
}

TD.tabbedpanelitemactive, TD.tabbedpanelitemactive A, TD.tabbedpanelitemactive A:hover, TD.tabbedpanelitemactive A:visited 
{
  text-decoration:none;
  background-color: #FFFFFF;
  color: #000000 !important;
}


/* custom classes grid formatting */
table.customClassesTable
{
    border: none;
    width: 100%;
}

.customClassesTable td
{
    padding: 1px;
}

td.customClassesHeaderCell
{
    font-weight: bold;
}

tr.customClassesHeaderRow
{
    vertical-align: top;
    font-weight: bold;
}

tr.customClassesTableRow
{
}

tr.customClassesTableRowAlt
{
}

.customClassesTableFirstCell
{
}

.customClassesTableLastCell
{
}
/****** Menu Buttons *******/
.MenuButton
{
  width:150px;
  height:110px;
  cursor: hand;
  cursor: pointer;
  border:solid 2px #000000;
  text-align:center;
  vertical-align:middle;
}
.MenuButton TD
{
  padding:15px;
  background:#FFFFFF;
}
.MenuButton A,
.MenuButton A:hover,
.MenuButton A:Visited
{
  text-decoration:none !important;
  color:#000000;
}
.MenuButtonHover
{
  background:#FFFFFF;
}

/*custom menu styles*/

.menu {
  text-align: left;
  margin-bottom: 1em;

  border: solid 1px #CCC;

  background-color: #EEE;
}

.mainMenuContainer
{
  padding: 0px;
}

.menu TABLE.menuTopItem
{
  margin: 0px;  
}

.mainMenu
{
}

.menuTopItem A,
.menuTopItem A:hover,
.menuTopItem A:visited
{
    cursor: pointer !important;
    text-decoration: none;

    color: #000;
    font-weight: bold;
    display: block;
    padding: 5px;
}

.menuItemL2 TABLE
{
  border-top: solid 1px #CCC;    
  border-left: solid 1px #CCC;    
  border-right: solid 1px #CCC;  
  background-color: #EEE;
  width: 200px;   
  margin : 0px 0px 0px 0px;  
}

.menuItemL2 A,
.menuItemL2 A:hover,
.menuItemL2 A:visited
{
    cursor: pointer !important;
    text-decoration: none;
    padding-left:7px;
}

.menuItemL2 TABLE TR TD
{
  padding: 2px 0px 1px 0px;
  color: #FFFFFF;
  text-decoration: none;
  border-bottom:solid 1px #CCC;
}

.menuItemL2 TABLE TR TD TABLE,
.menuItemL2 TABLE TR TD TABLE TR TD
{
  border: none;
}

.menuItemL2 A
{
  display: block;    
}

.menuItemL2 TABLE,
.menuItemL2 TABLE TR TD
{
  background-color:Transparent;  
}

.menuItemL2 A:hover
{
  background-color: #eeeeee;
  text-decoration: underline;  
}

/*
  Calendar page formatting
*/

.calendarLink,
.calendarLinkHighlighted
{
  padding: 3px 10px 10px 3px;
}

A.calendarLinkHighlighted,
A:hover.calendarLinkHighlighted,
A:visited.calendarLinkHighlighted
{
  font-weight: bold;
  text-decoration: none;
}

.CalendarTable TD
{
  width: 14%;
  text-align:left;
}

TD.CalendarWeekCell
{
  background-color: #FFFFFF;
}

TD.CalendarWeekCellHighlighted
{
  background-color: #FFFFFF;
  font-weight: bold;
}


TD.CalendarEntry,
TD.calendarEntryHighlighted,
TD.calendarEntryOutOfRange
{
  height: 45px;
}

 TD.calendarEntryHighlighted
{
  background-color: #FFFFFF;
}

 TD.calendarEntryOutOfRange
{
  background-color: #EEEEEE;
}

.currentMonth
{
  text-align: center;
  font-size: 24px;
  color: #000;
  font-weight: normal;
}

/* custom classes grid formatting */
table.customClassesTable
{
    border: none;
    width: 100%;
}

.customClassesTable td
{
    padding: 1px;
}

td.customClassesHeaderCell
{
    font-weight: bold;
}

tr.customClassesHeaderRow
{
    vertical-align: top;
    font-weight: bold;
}

tr.customClassesTableRow
{
}

tr.customClassesTableRowAlt
{
}

.customClassesTableFirstCell
{
}

.customClassesTableLastCell
{
}

DIV.poweredByContainer
{
  filter: alpha(opacity=40);
  opacity: 0.4;
  color: black !important;
}

.shoppingCartIcon
{
  background-image: url('img/shopping_cart_back.png');    
}

.vSpacerCell
{
  width: 10px;
}

TD.rightCell
{
  width: 250px;
}

.subscribeContainer .submitBtn,
.contactUsControls .submitBtn,
.tellAFriendControls .submitBtn
{
    background-repeat:none;
    width:  70px;
    height: 27px;
    border: none !important;
    background-color: transparent;
    cursor: hand;
    cursor: pointer;
    font-size: 0pt;
    line-height: 0;

    color: transparent;
    text-transform: capitalize;
    
    padding: 0 0 0 70px; 

    background-image:url('img/button_submit.png');
}

.tab_news,
.tab_subscribe,
.tab_address
{
  font-size: 16px;
  font-weight: bold; 

  padding-top: 5px;
  padding-bottom: 5px;
}

input[type=submit],
input[type=button] {
    background-color: #efefef;
    border-color: #000;
    color: #000;
}

    input[type=submit]:hover,
    input[type=button]:hover {
        background-color: #e5e5e5;
        border-color: Transparent;
    }


A.register, A.classDetails, A.dropin, A.schedule-btn,
a.customButton,
A.register:visited, A.classDetails:visited, A.dropin:visited, A.schedule-btn:visited,
a.customButton:visited {
    background-color: transparent;
    border: none;
    color: #0033CC;
    padding: 0;
    margin: 5px;
}

        A.register:hover, A.classDetails:hover, A.dropin:hover, A.schedule-btn:hover,
        a.customButton:hover {
            background-color: transparent;
            border: none;
            color: #0033CC;

            text-decoration: underline;
        }