html,body
{
    margin: 0pt;
    height: 100%;
    color: black;
    line-height: 1.2;
}

table
{
    border-collapse:collapse;
}

.btable table, .btable th, .btable td
{
    border: 1px solid green;
    margin-left: 20px;
    padding-left: 4px;
    padding-right: 4px;
    padding-top: 1px;
    padding-bottom: 1px;
}

h2 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 24px;
    line-height: 24px;
    color: black;
    padding-top: 1em;
    padding-bottom: .5em;
}

h3 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 20px;
    line-height: 20px;
    color: black;
    padding-top: 1em;
    padding-bottom: .5em;
}

.CourseInfo ul li
{
    margin-left: 20px;
    list-style-type: disc;
}

.CourseInfo ul ul li
{
    margin-left: 20px;
    list-style-type: circle;
}

.CourseInfo ul ul ul li
{
    margin-left: 20px;
    list-style-type: square;
}

.CourseInfo ol li
{
    margin-left: 40px;
    list-style-type: decimal;
}

p
{
    font-family: Arial, Helvetica, sans-serif;
    padding-top: .5em;
}

.CourseInfo li {
    padding-top: .5em;
}

#UbcContentWrapper
{
    display: table-row;
}

#UbcFooterWrapper
{
    display: table-row;
    height: 1px;
    overflow: hidden;
}

html>/**/body .Frame
{
    height: 100%;
}

.Frame
{
    display: table;
    width: 100%;
}

.Row
{
    display: table-row;
    height: 1px;
    overflow: hidden;
}

html>body .Row.Expand
{
    height: auto;
}

#CourseBody
{
    border: none;
    margin-top: 6px;
    background-color: #c5d6c5;
    vertical-align:top;
    height: auto;
}

#CourseHeader
{
    border: none;
    vertical-align:top;
    text-align: center;
    height: auto;
    padding: 3px;
    margin-bottom: 3px;
    margin-top: 3px;
}

#CourseFooter
{
    border: none;
    vertical-align:top;
    text-align: left;
    height: auto;
    padding: 3px;
    margin-bottom: 3px;
    margin-top: 3px;
}

.CourseMenu
{
    margin-left: 0px;
    padding: 3px;
    white-space:nowrap;
    vertical-align: top;
}

.CourseInfo
{
    padding: 3px;
    width: 99%;
}
#CourseTitle
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 28px;
    font-weight: bold;
    color: #000000;
    padding-bottom: 3px;
}

.separator
{
    width: 3px;
    border: 0;
    background: #fbfbfb url(../sites/all/themes/ubcCLFscience/_ubc_clf/img/content/contentBg.gif) repeat-x 0 -2px;
}

.menu, .menu2, .menu_on, .menu2_on, .menu_category
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    padding-right: 3px;
}

.menu_category
{
    color: #000000;
}

.menu, .menu2
{
    color: #008800;
}

.menu_on, .menu2_on
{
    color: #00cc00;
}

.menu table
{
    table-layout:fixed;
}

.menu td, .menu_on td
{
    white-space: nowrap;
}

.menu, .menu_on
{
    padding-left: 3px;
}

.menu2, .menu2_on
{
    padding-left: 16px;
}

.menu a, .menu2 a
{
    color: #008800;
    text-decoration: underline;
;
}

.menu_on a, .menu2_on a
{
    color: #005500;
    font-weight: bold;
    text-decoration: underline;
}

.menu a:hover, .menu_on a:hover, .menu2 a:hover, .menu2_on a:hover
{
    text-decoration: underline;
}

.contentsiframe
{
    width: 99%;
    overflow-y: scroll;
    padding: 0px;
    margin: 0px;
}