body {
margin: 0;
padding:0;
position: absolute;
width: 100%;
height: 100%;
font-family: verdana, arial, sans-serif;
overflow: hidden; /* This property will allow the block to be scrollable */
color: #888888;
}

a:link {color: #990000; text-decoration: underline; }
a:active {color: #0000ff; text-decoration: underline; }
a:visited {color: #990000; text-decoration: underline; }
a:hover {color: #ff0000; text-decoration: underline; }

div.ccheader {
position: relative;
left:3%;
width: 80%;
height: 126px;
margin-left: auto; margin-right: auto;
}

div.headerhome {
position: absolute;
width: 207px;
top: 0px;
left: 0px;
}

div.headerhome a {
border: none;
outline: 0;
}

div.headernavpic {
position: absolute;
top: 0px;
left: 184px;
}

div.headernavpic a {
border: none;
outline: 0;
}

div.headernav {
position: absolute;
top: 97px;
left: 0px;
width: auto;
font-family: Times New Roman;
text-align: right;
text-decoration: none;
font-size: 16px;
}

div.headernav a {
color: #888888;
font-weight: bold;
text-decoration: none;
padding-left: 10px;
}

div.content {
width: 100%;
height: 80%;
overflow: auto;
text-align: center;
}

div.centeredcontent {
margin-left: 10%;
margin-right: 10%;
}

DIV.base-layer {
  color: #888888;
  margin: 0.5em 12px 0.5em 12px; padding: 0; text-align: center; margin-left: auto; width: 82%;
}

DIV.table-row {
  margin-right: auto; margin-bottom: 0; margin-left: auto;
  padding: 0;
}


DIV.left-container2 {
  float: left; margin: 0; padding: 0; width: 50%;
}

DIV.right-container2 {
  float: right; margin: 0; padding: 0; width: 35%; margin-right: 15%; text-align: left;
}

DIV.register-left-container {
  float: left; margin: 0; padding: 0; width: 30%; margin-right: 1%; text-align: right;
}

DIV.register-right-container {
  float: right; margin: 0; padding: 0; width: 69%; margin-top: 1px; text-align: left;
}

DIV.space-line {
  clear: both; margin: 0; padding: 0; width: auto;
}

div.footer {
left:3%;
width: 80%; text-align: center;
margin-left: auto; margin-right: auto;}

table.bookevent {
font-family: Arial,Helvetica;
text-align: left;
font-size: 12px;
}

table.newsevents {
font-family: Arial,Helvetica;
text-align: left;
}

td.begincourse {
font-family: Arial,Helvetica;
font-size: 12px;
font-weight: bold;
text-align: center;
}

td.newseventsbold {
font-family: Arial,Helvetica;
font-size: 18px;
font-weight: bold;
text-align: left;
}

td.newseventsnormal {
font-family: Arial,Helvetica;
font-size: 12px;
font-weight: normal;
vertical-align: top;
}

.newseventsbooked {
font-family: Arial,Helvetica;
font-size: 12px;
font-weight: normal;
color: #990000;
vertical-align: top;
}

div.behindthescenes {
font-family: Arial,Helvetica;
font-size: 16px;
text-align: left;
}

.frame {
margin-left: 180px; /* place this block to the right of the menu block that is 180 pixels wide */
width: auto;
height: auto;
overflow: auto; /* This property will allow the block to be scrollable */
font-size: 14px;
}


body#set {
    margin: 0px; 
    padding: 0px;
    background-color:rgb(255,255,255);
    font: normal 14px arial,helvetica,sans-serif;

}

#menu {
    position:absolute; 
    font-family:Arial;
    font-size:20px;
    color: rgb(00,00,00); 
    height:30px; 
    font-weight:bold;
    width:450px;
    left: 50%;
    top: 165px; 
    margin-left: -270px;
    text-align:left;
    z-index:3;
  }


.t { 
    font-family:Arial;	
    font-size:13px;
    color: rgb(153,153,153); 
}

.h { 
    font-family:Arial;	
    font-size:14px;
    color: rgb(153,153,153); 
    font-weight:bold;
}

.h1{ 
    font-family:Arial;	
    font-size:18px;
    color: rgb(153,153,153); 
    font-weight:bold;
}

.c { 
    font-family:Arial;	
    font-size:11px;
    color: rgb(153,153,153); 
}