body {
margin:0px;
background: #220033;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #eeffee;
}

#spacer01 {
background: #404060;
position: absolute;
top: 70px;
margin-left: 150px;
height: 30px;
width: 630px;
}

#spacer02 {
background: #220033;
position: absolute;
margin-left: -150px;
height: 1px;
width: 780px;
}

#mainbody {
background: #220033;
margin-left: 150px; /* menu-l */
width: 480px; /* 780 - 2*125 -15 */
margin-top: 5px;
padding-top: 0px;
padding-right: 5px;
padding-bottom: 5px;
padding-left: 10px;
}

#leftwidebody {
background: #220033;
/*  margin-left: 150px;  /* menu-l */
/*  width: 480px; /* 780 - 2*125 -15 */
position: absolute;
margin-left: -150px;
width: 620px;
margin-top: 5px;
padding-top: 0px;
padding-right: 5px;
padding-bottom: 5px;
padding-left: 10px;
}

#footer { 
font-size: 9px;
/*  padding-top: 5px; */
/*  padding-right: 5px; */
/*  padding-bottom: 5px; */
/*  padding-left: 5px; */
}


#r-column {
background: #404060;
position: absolute;
top: 70px; /* was 100 */
left: 645px; /* 780 - (119 + 2*2 cellpadding + 2 border) = 780-125 */ 
width: 140px;  /* 119 + 2*2 cellpadding + 2 border + 5 extra */
}

#l-column {
background: #403050;
position: absolute;
top: 0px;
left: 0px;
width: 150px;
}

.menuhead { 
left: 0px;
width: 125x;
text-align: center;
color: #ccffff;
font-weight: bold;
font-size: 14px;
}

.newsdate {
font-size: 12px;
font-weight: bold;
font-style: italic;
}

.menuitem { 
width: 120px;
font-family: Verdana, impact, sans-serif;
color: #eeffee;
font-size: 10px;
margin-top: 10px;
}

.head00 {
font-family: Helvetica, impact, sans-serif;
font-size: 40px;
color: #ccffff;
}

.head01 {
font-family: Verdana, impact, sans-serif;
font-size: 30px;
color: #cccccc;
text-align: center
}

.head02 {
font-family: Verdana, impact, sans-serif;
font-size: 20px;
font-style: italic;
}

.head03 {
font-family: Verdana, impact, sans-serif;
font-size: 16px;
font-weight: bold;
font-style: italic;
}

.head04 {
font-family: Verdana, impact, sans-serif;
font-size: 12px;
font-weight: bold;
font-style: italic;
}

.head05 {
font-family: Verdana, impact, sans-serif;
font-size: 12px;
font-weight: bold;
color: #ccffff;
}

.indent15 {
margin-left: 15px;
}

.indent30 {
margin-left: 30px;
}

.agenda {
font size: 13px;
color: #ffff99;
text-align: center;
}

a:link, a:visited, a:active
{
font-style: oblique;
color: #ccccff;
text-decoration: none;
line-height:  100%;
}

a:hover {color: #ccffff;}

.ylink A:link {color: #ffff99;}
.ylink A:visited {color: #ffff99;}
.ylink A:hover {color: #ffffff;}
.ylink A:active {color: #ffffff;}

.graphic {border:1px; border-thickness:1px; border-color: #220033; border-style: solid;}
A:hover .graphic, A:active .graphic {border:1px; border-thickness:1px; border-color: #ffffcc; border-style: solid}

.graphic2 {border:0px; border-thickness:0px;}


/* the tooltip style starts here , see: http://www.cssplay.co.uk/menu/tooltips */
a.tooltip {color:#c00;}
a.tooltip b {display:none;}
a.tooltip:hover {border:0; position:relative; z-index:500; text-decoration:none;}
a.tooltip:hover b {display:block; position:absolute; top:20px; left:25px; padding:5px; font-weight:normal; color:#000; border:1px solid #888; background:#cff; width:300px;}
a.tooltip:hover b em {position:absolute; left:20px; top:-6px; width:11px; height:6px; display:block; font-size:1px;}

a.hide {color:#220033;}