root { 
    display: block;
    text-align: left;
}

html, body{
    background-color: #000066;
    font-family: sans-serif;
    font-size: 14px;
    line-height: 20px;
    text-align: left;
    vertical-align: top;

}



.main_body{
    text-align: left;
    width: 800px;
    background-color: #eee;
    
    border-style: solid;
    border-width: 1px;
    border-color: #ffc;
}

/* -----------------------------------------------------------------------------
        HOME PAGE ELEMENTS
----------------------------------------------------------------------------- */

/* main body div containing table, header pix and footer text nav box */

.index_body {
    background-color: #009;
    width: 800px;
    border-style: solid;
    border-width: 1px;
    border-color: #ccc;
}

/* copy under name */
.main_subname {
    font-weight: bold;
    color: #0cf;
}

/* accreditation - endorsment */
.endorsment {
    font-size: 10px;
    color: #9cf;
}

/* UL of downloadable items */
#downloadables a {
    color: white;
    font-size: .75em;
}


/* -----------------------------------------------------------------------------
        home page schedule table 
----------------------------------------------------------------------------- */
#schedule_table {
    color: black;
    width: 100%;

    /*background-color: yellow;*/
    
}

#schedule_table td {
    font-size: .95em;
    padding-left: 5px;

}

#schedule_table, h3 {
    padding: 0px;
    margin: 0px;
}

/* time - season of the year class takes place */
.season_td {
    color: #903;
    background-color: #eee;
    font-weight: bolder;
    letter-spacing: 1px;

    border-style: solid;
    border-width: 0px;
/*
    border-top-width: 1px;
    border-bottom-width: 1px;
*/
    padding-top: 3px;
    padding-bottom: 2px;
}


/* explanation of table cell info */
.legend_td {
    font-weight: bold;
    padding-left: 5px;
    background-color: #ddd;
}

/* class detail row with different background color for readability */
.alt_row {
    background-color: #ddd;
}

/* -----------------------------------------------------------------------------
        IMAGE PROPERTIES
----------------------------------------------------------------------------- */

img {
    border-style: none;
}



/* -----------------------------------------------------------------------------
        GENERAL TD PROPERTIES
----------------------------------------------------------------------------- */
td {
    vertical-align: top;
    text-align: left;
}




.enter_class_div {

    width: 780px;
    border-style: solid;
    border-color: #eeeeee;
    border-width: 1px;
    background-color: #9999FF;
    margin-top: 5px;
    padding: 10px;
    font-family: sans-serif;
    font-weight: bold;

    }

/* -----------------------------------------------------------------------------

----------------------------------------------------------------------------- */
#form_table {
    width: 100%;
}

#form_table td {
    
    padding: 5px;
    
}


/* -----------------------------------------------------------------------------
        FORM
----------------------------------------------------------------------------- */
form, .body_copy_div {
    border-style: solid;
    border-width: 1px;
    border-color: #999;

    padding-bottom: 10px;
    padding-top: 10px;
    padding-left: 10px;

    margin-right: 20px;
    margin-left: 20px;
    margin-bottom: 20px;
    margin-top: 20px;
}

input, textarea {
    
    border-style: solid;
    border-width: 1px;
    border-color: #999;
}

/* -----------------------------------------------------------------------------
        MAIN BODY_COPY_DIV CONTENT DISPLAY
----------------------------------------------------------------------------- */
.body_copy_div {

    background-color: #fff;


}

/* main content TD */
.main_content_TD {
    padding: 20px;
}

/* main content div  */
.main_content {
    border-style: solid;
    border-width: 1px;
    border-color: #666;
    padding: 10px;
}


/* -----------------------------------------------------------------------------
    main navigation column
----------------------------------------------------------------------------- */
#nav_col, .nav_td {
    /* */width: 170px; 
    text-align: left;
}

#nav_col {
    padding: 0px;

    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-top: 10px;

}
#nav_col a {
    /* color: #909; */
}

.nav_td {
    padding: 0px;
    padding-left: 10px;
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 0px;


}


/* -----------------------------------------------------------------------------
        FOTTER BOX & TEXT NAVIGATION 
----------------------------------------------------------------------------- */

#footer_div {
    width: 800px;
    border-style: solid;
    border-width: 1px;
    border-color: #f90;
    margin-top: 5px;
    background-color: #c00;
}

#footer_div a {
    color: #ffc;
    font-size: 11px;
    text-decoration: none;
}

#footer_div a:hover {
    color: #ff0;
}

#footer_div a:visited {
    color: #ccf;
}