html, body { height: 100%; min-height: 100%; }

body {
    font-size: 80%;
    font-family: Verdana, sans-serif;
}

div#navbar {
    position: absolute;
    top: 0px;
    z-index: 1;
    background:#191919 url('../img/navbg.png') repeat left top;
    height: 45px;
    width: 100%;
}

.datestable{
	border: 1px solid black;
}

.datestable td{
	border: 1px solid black;
}

div#bannerimg {
    position: absolute;
    top: 45px;
    z-index: 1;
    background:#ffffff url('../img/bannerimg.jpg') no-repeat 50% top;
    height: 368px;
    width: 100%;
    border-bottom: 1px solid #333333;
}

div#ccol {
    position: relative;
    top: 0px;
    z-index: 5;
    width: 960px;
    margin: 0px auto;
}

div#logo {
    position: absolute;
    margin: 0px auto;
    width: 238px;
    height: 76px;
    background-color: #ffffff;
    border-left: 1px solid #777;
    border-right: 1px solid #777;
    border-bottom: 1px solid #777;
}

div#logo img {
    padding: 12px 4px;
}

div#nav {
    text-align: right;
}

div#banneroverlay {
    position: absolute;
    top: 45px;
    right: 0px;
    background: rgba(192, 208, 235, 0.8);
    height: 368px;
    width: 474px;
    text-align: right;
    color: #333333;
}

div#banneroverlay h2, div#banneroverlay h3 {
    font-size: 1.8em;    
    font-weight: bold;
    margin: 35px 20px 0px 20px;
}

div#banneroverlay img {
    margin: 40px 10px 0px 10px;
}

div#nav ul li {
    display:inline;
    padding: 0px 10px;
}

div#nav ul li a {
    font-size: 11px;
    line-height: 44px;
    height: 44px;
    color: #ffffff;
    text-decoration: none;
}

div#nav ul li a:hover {
    text-decoration: underline;
}

div#main {
    margin-top: 410px;
}

div#main h1 {
    color: #2c2681;
    font-size: 2em;
    font-weight: bold;
    margin: 0px 10px;
}

div#main h2 {
    color: #2c2681;
    font-size: 1.4em;
    font-weight: bold;
    margin: 25px 0px -5px 10px;
}

div#main p {
    color: #333333;
    text-align:justify;
    line-height: 160%;
    margin: 15px 10px;
}

div#main ul {
    list-style: none;
    padding:0;
    margin:0;
}

div#main li { 
    padding-left: 1em; 
    text-indent: 1em;
    line-height: 160%;
}

div#main li:before {
    content: "•  ";
    color: #aaa;
}

div#main table {
    margin: 10px -2px;
}

div#main table td {
    padding: 5px 12px;
}

.th{
	font-size:14pt;
	background: #000000;
	color:#FFFFFF;
}

.session{
	font-size:14pt;
}

table#regtable td{
	padding:5px;
	width:150px;
}

table#regtable td input{
	width:250px;
}

table#schedule {
	border:1px solid black;
}

table#schedule td{
	border: 1px solid black;
	padding:30px;
}

table#schedule th{
	border: 1px solid black;
	padding:20px;
}

table#schedule .blue{
	background-color: #bbbbee;
}

table#schedule .brown{
	background-color: #F5DEB3;
}

table#schedule .red{
	background-color: #FFCCCC;
}

table#schedule .grey{
	background-color: #cccccc;
}