/*************************************************************************** GENERAL CLASSES ***************************************************************************/
        /*
                ---------------------
                |                   |
                |                   |
                |                   |
                |       title       |
                |                   |
                |                   |
                |                   |
                ---------------------
        */
        .title
        {
                word-spacing            :       5px;
                letter-spacing          :       3px;
                font-size               :       10px;
                padding                 :       10px;
                font-family             :       mainFont;
        }




        /*
                ---------------------
                |                   |
                |                   |
                |                   |
                |profile            |
                |                   |
                |                   |
                |                   |
                ---------------------
        */
        .profile
        {
                width                   :       10%;
                height                  :       width;
                left                    :       0px;
                top                     :       0px;
                margin                  :       0px;
                padding                 :       0px;
                float                   :       left;
        }




        /*
                ---------------------
                |                   |
                |                   |
                |                   |
                |        name       |
                |                   |
                |                   |
                |                   |
                ---------------------
        */
        .name
        {
                word-spacing            :       5px;
                letter-spacing          :       3px;
                font-size               :       10px;
                padding                 :       10px;
                font-family             :       mainFont;
        }




        /*
                ---------------------
                |                   |
                |                   |
                |                   |
                |      diagram      |
                |                   |
                |                   |
                |                   |
                ---------------------
        */
        .diagram
        {
                font-family             :       courier;
                white-space             :       pre;
                text-align              :       left;
                font-size               :       3px;
        }




        /*
                ---------------------
                |                   |
                |                   |
                |                   |
                |description        |
                |                   |
                |                   |
                |                   |
                ---------------------
        */
        .description
        {
                word-spacing            :       5px;
                letter-spacing          :       3px;
                font-size               :       8px;
                padding                 :       10px;
                font-family             :       mainFont;
                text-align              :       left;
        }




        /*
                ---------------------
                |                   |
                |                   |
                |                   |
                |     download      |
                |     --------      |
                |                   |
                |                   |
                ---------------------
        */
        .download
        {
                word-spacing            :       5px;
                letter-spacing          :       3px;
                font-size               :       10px;
                margin                  :       0px;
                padding                 :       0px;
                font-family             :       mainFont;
        }
/***********************************************************************************************************************************************************************/
















/*************************************************************************** LESSON CLASSES ***************************************************************************/

        /*
                ---------------------
                |    lesson_title   |
                |-------------------|
                |                   |
                |lesson_description |
                |                   |
                |                   |
                |                   |
                ---------------------
        */
        .lesson
        {
                white-space             :       pre-wrap;
                min-width               :       100%;
                min-height              :       50%;
                height                  :       50%;     /* take another look at this! */
                overflow                :       auto;
                text-align              :       center;
        }
                .lesson_title
                {
                        word-spacing    :       5px;
                        letter-spacing  :       3px;
                        font-size       :       100%;
                        padding         :       10px;
                        font-family     :       mainFont;
                }
                .lesson_description
                {
                        word-spacing    :       5px;
                        letter-spacing  :       3px;
                        font-size       :       8px;
                        padding         :       10px;
                        font-family     :       mainFont;
                        text-align      :       left;
                }
/**********************************************************************************************************************************************************************/
















/*************************************************************************** APP CLASSES ***************************************************************************/
        /*
                ---------------------------
                |        app_title        |
                |-------------------------|
                |                         |
                |                         |
                |                         |
                |app_profile  app_download|
                |     app_description     |
                |                         |
                |                         |
                |                         |
                ---------------------------
        */
        .app
        {
                /*white-space:pre-wrap;*/
                word-spacing            :       5px;
                letter-spacing          :       3px;
                margin                  :       10px;
                font-family             :       mainFont;
                overflow                :       auto;
                text-align              :       center;
        }
                .app_title
                {
                        word-spacing    :       5px;
                        letter-spacing  :       3px;
                        font-size       :       40%;
                        margin          :       0px;
                        padding         :       0px;
                        font-family     :       mainFont;
                }
                .app_profile
                {
                        width           :       25%;
                        height          :       width;
                        left            :       0px;
                        top             :       0px;
                        margin          :       0px;
                        padding         :       0px;
                        float           :       left;
                }
                .app_download
                {
                        word-spacing    :       5px;
                        letter-spacing  :       3px;
                        font-size       :       30%;
                        margin          :       0px;
                        padding         :       0px;
                        font-family     :       mainFont;
                }
                .app_download:hover
                {
                        font-size       :       35%;
                        text-decoration :       underline;
                }
                .app_description
                {
                        word-spacing    :       5px;
                        letter-spacing  :       3px;
                        margin          :       0px;
                        padding         :       0px;
                        font-size       :       25%;
                        font-family     :       mainFont;
                        text-align      :       center;
                        text-shadow     :       none;
                }
/**********************************************************************************************************************************************************************/

















/*************************************************************************** REPORT CLASSES ***************************************************************************/
        /*
                ---------------------------
                |       report_title      |
                |-------------------------|
                |                         |
                |       app_profile       |
                |                         |
                |                         |
                |   report_description    |
                |                         |
                |                         |
                ---------------------------
        */
        .report
        {
                white-space             :       pre-wrap;
                word-spacing            :       5px;
                letter-spacing          :       3px;
                margin                  :       10px;
                font-family             :       mainFont;
                overflow                :       auto;
                text-align              :       center;
        }
                .report_title
                {
                        word-spacing    :       5px;
                        letter-spacing  :       3px;
                        font-size       :       40%;
                        margin          :       0px;
                        padding         :       0px;
                        font-family     :       mainFont;
                }
                .report_profile
                {
                        width           :       50%;
                        height          :       width;
                        left            :       0px;
                        top             :       0px;
                        margin          :       0px;
                        padding         :       0px;
                        text-align      :       center;
                }
                .report_download
                {
                        word-spacing    :       5px;
                        letter-spacing  :       3px;
                        font-size       :       30%;
                        margin          :       0px;
                        padding         :       0px;
                        font-family     :       mainFont;
                }
                .report_download:hover
                {
                        font-size       :       35%;
                        text-decoration :       underline;
                }
                .report_description
                {
                        word-spacing    :       normal;
                        letter-spacing  :       normal;
                        margin          :       0px;
                        padding         :       0px;
                        font-size       :       50%;
                        font-family     :       courier;
                        text-align      :       left;
                        text-shadow     :       none;
                }
/**********************************************************************************************************************************************************************/
















/*************************************************************************** CONTACT CLASSES ***************************************************************************/
        /*
                ---------------------------
                |                         |
                |                         |
                |     contact_profile     |
                |                         |
                |      contact_title      |
                |                         |
                |   contact_description   |
                |                         |
                |                         |
                ---------------------------
        */

        .contact
        {
                /*white-space             :       pre-wrap;*/
                word-spacing            :       5px;
                letter-spacing          :       3px;
                margin                  :       10px;
                font-family             :       mainFont;
                overflow                :       auto;
                text-align              :       center;
        }
                .contact_title
                {
                        word-spacing    :       5px;
                        letter-spacing  :       3px;
                        font-size       :       50%;
                        margin-top      :       5%;
                        margin-bottom   :       5%;
                        padding         :       0px;
                        font-family     :       mainFont;
                        /*text-decoration :       underline;*/
                }
                .contact_profile
                {
                        width           :       50%;
                        height          :       width;
                        left            :       0px;
                        top             :       0px;
                        margin-top      :       5%;
                        margin-bottom   :       5%;
                        padding         :       0px;
                }
                .contact_download
                {
                        word-spacing    :       5px;
                        letter-spacing  :       3px;
                        font-size       :       30%;
                        margin          :       0px;
                        padding         :       0px;
                        font-family     :       mainFont;
                }
                .contact_download:hover
                {
                        font-size       :       35%;
                        text-decoration :       underline;
                }
                .contact_description
                {
                        word-spacing    :       5px;
                        letter-spacing  :       3px;
                        margin          :       5%;
                        padding         :       0px;
                        font-size       :       30%;
                        font-family     :       mainFont;
                        text-align      :       left;
                        text-shadow     :       none;
                }
/***********************************************************************************************************************************************************************/