/*** Divisions ***/

#top_outer             /* the window-width box for the top block (above the header block) */
{
    width: 100%;
    background-color: #202020;
    border-top: 1px solid #202020;
    border-bottom: 1px solid #00ff00;
}

#top_inner             /* the page-width box for the top block */
{
    width: 800px;
    margin: 2px auto;
    overflow: hidden;
    color: White;
    text-align: left;
}

#head_outer            /* the window-width box for the header */
{
    width: 100%;
    height: 100px;
    background-color: Black;
}

#head_inner            /* the page-width box for the header content */
{
    width: 800px;
    height: 100px;
    margin: 0px auto;
    text-align: left;
    color: White;
}

#nav_outer             /* the window-width box for the nav bar */
{
    width: 100%;
    height: 40px;
    background-color: #202020;
    border-top: 1px solid #00ff00;
    border-bottom: 1px solid #00ff00;
}

#nav_inner             /* the page-width box for the nav bar content */
{
    margin: 0px auto;
    width: 830px;
}

#sub_outer        /* the window-width box for the optional green sub-header (banners) */
{
    width: 100%;
    background-color: #009900;
    /* background-image: url("Images/sub-background.gif");
    background-repeat: repeat-x; */
    border-bottom: 1px solid #00ff00;
}

#sub_inner        /* the page-width box for the optional green sub-header content */
{
    width: 810px;
    margin: 0px auto;
    overflow: hidden;
    text-align: left;
}

#body_outer            /* the window-width box for the page body */
{
    width: 100%;
    padding-bottom: 40px;
    background: White url("images/body-background.gif") repeat-x;
}

#body_inner            /* the page-width box for the page body content */
{
    width: 800px;
    margin: 0px auto;
    overflow: hidden;
}

#body_bottom_outer        /* the window-width box for the bottom bar */
{
    width: 100%;
    height: 0px;
    background-color: #009900;
    border-top: 1px solid #00ff00;
    border-bottom: 1px solid #00ff00;
}

#body_bottom_inner        /* the page-width box for the bottom bar content */
{
    width: 800px;
    margin: 0px auto;
    text-align: left;
}

#bottom_outer             /* the window-width box for the bottom block */
{
    width: 100%;
    height: 100px;
    background-image: url("Images/bottom-background.gif");
    background-repeat: repeat-x;
    background-color: #202020;
    border-bottom: 1px solid #202020;
}

#bottom_inner             /* the page-width box for the bottom block */
{
    width: 800px;
    margin: 0px auto;
    text-align: left;
    color: White;
}

#body_content          /* contains the actual content, applies padding to body content */
{
    padding: 10px;
    text-align: left;
}

/*** Links ***/

a
{
    color: #444444;
    text-decoration: none;
    outline: none;
}

a:hover
{
    color: #00cc00;
}

a.nav_link
{
    color: White;
}

.nav_button
{
    padding: 0px 10px 0px 10px;
}

.nav_button:hover
{
    background: url("Images/bottom-background.gif") repeat-x;
}

a.nav_sub_link
{
    color: White;
}

.nav_sub_button
{
    padding: 5px 10px 5px 10px;
}

.nav_sub_button:hover
{
    background: url("Images/sub-button.gif") repeat-x;
}

a.link_light
{
    color: White;
}

a.link_light:hover
{
    color: #202020;
}

a.link_light_h2
{
    font-size: 18px;
    color: White;
}

a.link_light_h2:hover
{
    color: #202020;
}

a.link_light_h3
{
    font-size: 14px;
    font-weight: bold;
    color: White;
}

a.link_light_h3:hover
{
    color: #202020;
}

a.link_dark
{
    color: #202020;
}

a.link_dark:hover
{
    color: White;
}

a.link_white
{
    color: White;
}

a.link_white:hover
{
    color: #00cc00;
}

a.small
{
    font-size: 11px;
    color: #999999;
}

a.small:hover
{
    color: #009900;
}

/***  HTML elements ***/

body
{
    font-family: Helvetica, Arial, sans-serif;
    font-size: 12px;
    color: Black;
    background-color: #202020;
    margin: 0px;
    text-align: center;
}

h1
{
    font-size: 22px;
    font-weight: normal;
    color: #202020;
}

h2
{
    font-size: 18px;
    font-weight: normal;
    color: #202020;
}

h3
{
    font-size: 14px;
    font-weight: normal;
}

/*** News classes ***/

.news
{
     margin-bottom: 10px;
     border: 1px dashed #00cc00;
     padding: 10px;
     overflow: hidden;
}

.news_head
{
     font-weight: bold;
     margin-bottom: 5px;
}

.news_body
{
     margin-left: 5px;
     margin-bottom: 5px;
}

.news_readmore
{
    float: left;
}

.news_date
{
    font-size: 11px;
    float: right;
}

/*** Course Catalogue classes ***/

.course_img
{
    float: left;
    margin-right: 5px;
    border: 0px;
}

.course_table_head
{
    text-align: center;
    background-color: #6198D1;
    color: White;
    font-size: 14px;
    font-weight: bold;
}

.course_table_empty
{
    font-size: 1px;
}

.course_row_head
{
    vertical-align: top;
    background-color: #007032;
    color: White;
}

.course_col_left
{
    vertical-align: top;
    background-color: #A9C7AD;
}

.course_col
{
    vertical-align: top;
    background-color: #CDDDCF;
}

.course_objectives /* UL */
{
    margin: 0px;
}

.course_cred_tbl
{
    margin: 10px;
    border: 1px solid Black;
    background-color: White;
}

/*** Font classes ***/

.small
{
    font-size: 11px;
}

.small_justify
{
    font-size: 11px;
    text-align: justify;
}

.strong
{
    font-weight: bold;
}

.italic
{
    font-style: italic;
}

.eccouncil
{
    font-family: Impact;
    font-size: 14px;
    color: Red;
}

.white_h2
{
    font-size: 18px;
    color: White;
}

.green
{
    color: #009900;
}