.divTblHead {
    position: fixed;
    background-color: transparent;
    left: 50%;
    transform: translateX(-50%);
    top: 0px
}

.divTblBody {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    top:130px
}

.tooltip {  
    position: relative;  
    display: inline-block;  
}  

    .tooltip .tooltiptext {  
        font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
        font-size: 9pt;
        color: #00FFEB;  
        text-align: center;  
        visibility: hidden;
        width: 200px;
        background-color: black;  
        border-radius: 6px;  
        padding: 5px 0;  
        /* Position the tooltip */  
        position: absolute;  
        z-index: 100;  
        bottom: 100%;  
        left: 50%;  
        margin-left: -60px;  
    }  

    .tooltip:hover .tooltiptext {  
        visibility: visible;  
    }  

.subhead, h2, h4, h5, h6 { color: #666666 }

.tblsmall {
	font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
	font-size: 9pt;
    margin: 5px 5px;
    vertical-align: middle;
	text-decoration: none;
}

.PageTitle  { color: white; font-size: 11pt; font-family: Arial; text-decoration: none }
.PageTitle:link { }
.PageTitle:visited { color: white; text-decoration: none }
.PageTitle:hover  { color: #e7db15 }
.PageBody { font-size: 11pt; font-family: Arial }

a {
	color: navy;
    text-decoration: none
}
a:link {
    font-weight: normal;
	color: maroon;
    text-decoration: none
}
a:hover, a:active a:visited {
    color: darkred;
    background-color: #DDDDDD;
}

a.PageTitle, a.PageTitle:link, a.PageTitle:visited { color: white; font-size: 11pt; font-family: Arial }
a.PageTitle:hover  { color: #fc3 }

body, font, option, h1, h2, h3, h4, h5, h6, th, span, pre, ul, p, dd, dl, dt, blockquote {
	font-family: Arial, Helvetica, Geneva, sans-serif;
	font-size: 11pt;
	font-weight: normal;
    color: black;
    background-color: transparent;
    margin: 0px 0px;
}
p { 
    margin: 10px 0px;
}

blockquote {
    margin: 6px 30px;
}

td, tt, pre {
    font-size: 11pt; 
    padding: 5px 10px;
}

tb { font-weight: bold; }

form, input, select, option {
    color: black;
    font-weight: normal;
    font-size: 11pt;
    text-decoration: none }
input, select {
    margin: 2px 4px;
    border: 1px solid #808080;
    border-radius: 5px;
    padding: 2px 6px;
}

h1 {
	font-size: 20pt;
	font-weight: bold;
	color: navy;
    margin-top: 16px;
    margin-bottom: 18px;
}
h2 {
	font-size: 18pt;
	font-weight: bold;
    margin-top: 16px;
    margin-bottom: 12px;
}
h3 {
	font-size: 16pt;
	font-weight: bold;
	color: navy;
    margin-top: 16px;
    margin-bottom: 12px;
}
h4 {
	font-size: 14pt;
	font-weight: bold;
	color: #600;
    margin-top: 14px;
    margin-bottom: 12px;
}
h5 {
    font-size: 12pt;
    font-weight: bold;
	color: #3A3A3A;
    margin-top: 14px;
    margin-bottom: 10px;
}
h6 {
    font-size: 11pt;
    font-weight: bold;
    margin-top: 14px;
    margin-bottom: 10px;
}

table, td { border: none }

hr { color: #999999 }

ul {
    list-style-type: disc;
    margin: 8px 0px;
}

b, strong { font-weight: bold }
sm, small {
    font-size: 80%;
    color: blue;
}

.unihead { background-color: #999999 }


.btn {
	font-family: Arial, Helvetica, Geneva, sans-serif;
    font-size: 11pt;
    color: white;
    text-align: center;
    text-decoration: none;
    border: none;
    border-radius: 12px;
    display: inline-block;
    margin: 0px;
    padding: 5px 20px;
    transition-duration: 0.4s;
    cursor: pointer;
}

.btn_menu {
    color: maroon;
    font-size: 12pt;
    font-weight: bold;
    margin: 0px;
    border-radius: 0px;
    border-bottom: 3px solid transparent;
    background-color: white; 
}
    .btn_menu:hover {
        background-color: white; 
        border-bottom: 3px solid #9F8500;
        color: maroon;
    }


.btn_green {
    background-color: white; 
    color: black; 
    border: 2px solid #04AA6D;
}
    .btn_green:hover {
        background-color: #04AA6D;
        color: white;
    }

.btn_blue {
    background-color: white; 
    color: black; 
    border: 2px solid #0043BA;
}
    .btn_blue:hover {
        background-color: #0043BA;
        color: white;
    }

.btn_ppl {
    background-color: white; 
    color: black; 
    border: 2px solid #4700BA;
}
    .btn_ppl:hover {
        background-color: #4700BA;
        color: white;
    }

.btn_dred {
    background-color: white; 
    color: black; 
    border: 2px solid #6C0000;
}
    .btn_dred:hover {
        background-color: #6C0000;
        color: white;
    }

.btn_small {
    color: black;
    background-color: #D3D3D3; 
    border: 1px solid #606060;
    border-radius: 6px;
    padding: 3px 10px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 12px;
    margin: 0px 0px;
    transition-duration: 0.4s;
    cursor: pointer;
}
    .btn_small:hover {
        background-color: #808080;
        color: white;
    }

.course_hdr {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 20px;
	font-weight: bold;
	font-variant: small-caps;
    color: navy;
    margin-top: 16px;
    margin-bottom: 12px;
	background-color: transparent;
}

.red { color: red }

.formsectionhead { background-color: #a4cfea }

.caption, td.caption, a.caption, a.caption:link, a.caption:visited, a.caption:active, a.caption:hover, span.caption {
    font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
    font-size: 8pt;
    color: #666666;
}
.toplinks, td.toplinks, a.toplinks, a.toplinks:link, a.toplinks:visited, a.toplinks:active, a.toplinks:hover, span.toplinks {
    font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
    font-weight: bold; 
    font-size: 8pt; 
    color: white; 
    text-decoration: none
}
    a.toplinks:active, a.toplinks:hover {
        color: #fff ; 
        font-size: 8pt; 
        text-decoration: underline;
    }

.footer, td.footer, a.footer, a.footer:link, a.footer:visited, a.footer:active, a.footer:hover, span.footer {
    font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
    font-size: 8pt; 
    color: #666666; 
}
.contact, td.contact, a.contact, a.contact:link, a.contact:visited, a.contact:active, a.contact:hover, span.contact { 
    font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
    font-size: 8pt; 
    color: gray; 
}

.javamenu , .javamenu:link, td.javamenu, p.javamenu {
	font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
	font-size: 11pt;
    color: maroon;
    padding: 2px 10px;
    text-decoration: none
}
.javamenu:hover {
	font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
	font-size: 11pt;
	color: #333;
	font-style: normal;
	font-weight: normal;
}
.javasubmenu , .javasubmenu:link, td.javasubmenu, p.javasubmenu {
	font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
	font-size: 11pt;
    color: maroon;
    padding: 2px 10px;
    text-decoration: none
}
.javasubmenu:hover {
	font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
	font-size: 11pt;
	color: #333;
	text-decoration: none
}