* { margin:0; padding:0; }

BODY { color:#fff; font-family:Arial, Helvetica, sans-serif; background-color:#000; margin-left: 10%; margin-right: 10%; }

a { color:#ffffff; text-decoration:none;  }
a:hover { color:#990000; text-decoration:underline; }

#rollonly { color:#990000; text-decoration:none; }
#rollonly:hover { color:#0000FF; text-decoration:none; }
.rollonly { color:#990000; text-decoration:none; }
.rollonly:hover { color:#0000FF; text-decoration:none; }

ul {marign-left: 0px; padding-left: 10px;}
html #ul {margin-left: 10px; padding-left: 0;}

li { padding-bottom:5px;}

#header { height: 60px; background-color:#000000;}

#boxT { background-color:#CCCCCC; border-bottom:#FF0000 2px solid; }
#boxB { background-color:#CCCCCC; border-top:#FF0000 2px solid; }

#contentM-TLR { margin-right:280; margin-left:60; padding-left:0px; padding-right:0px; }
html #contentM-TLR { margin-right:0; margin-left:0; padding-left:70px; padding-right:240px; }

#contentM-TLR p { padding: 10px; }

#footer {  height: 42px; color:#ffffff; }

/* random code */
.note { color:#666; font-family:Arial, Helvetica, sans-serif;}

h1 { color:#fff; font-family:Arial, Helvetica, sans-serif; }
h2 { color:#666; border-bottom:2px solid #ccc; font-family:Arial, Helvetica, sans-serif;}
h3 { color:#ccc; font-family:Arial, Helvetica, sans-serif;}
h4 { color:#666; border-bottom:2px solid #ccc; font-family:Arial, Helvetica, sans-serif;}
h5 { color:#666; font-family:Arial, Helvetica, sans-serif;}

.style5 {color: #666}

.left {
	BORDER-RIGHT: #000 1px solid; BORDER-TOP: #000 1px solid; FLOAT: left; MARGIN: 10px; BORDER-LEFT: #000 1px solid; BORDER-BOTTOM: #000 1px solid
}
.leftweb2scale {
	BORDER-RIGHT: #000 1px solid; BORDER-TOP: #000 3px solid; FLOAT: left; MARGIN: 1px; BORDER-LEFT: #000 1px solid; BORDER-BOTTOM: #000 1px solid
}
.right {
	BORDER-RIGHT: #000 1px solid; BORDER-TOP: #000 1px solid; FLOAT: right; MARGIN: 10px; BORDER-LEFT: #000 1px solid; BORDER-BOTTOM: #000 1px solid
}
.righttext { text-align:right; }



/* code for the timeline page */
.date { font-weight:bold; color:#000; border-bottom:2px solid #FF0000; font-family:Arial, Helvetica, sans-serif;}

/* cell classes */
/*
.dates { background-color: #fff; font-weight:bold; color:#000; font-family:Arial, Helvetica, sans-serif;}
.preclassic { background-color: #CCCC99;}
.classic { background-color: #FFCC00;}
.greyarea { background-color: #CCCCCC;}
.willi { background-color: #99CCFF;}
.ez { background-color: #CCFFFF;}
*/
.dates { background-color:#CCCCCC; font-weight:bold; color:#000; font-family:Arial, Helvetica, sans-serif; padding-bottom:10px; }

.preclassic { background-color: #CCCC99; filter:alpha(opacity=60); opacity: 0.6; -moz-opacity:0.6; }

.classic { background-color: #FFCC00; filter:alpha(opacity=60); opacity: 0.6; -moz-opacity:0.6; }

.greyarea { background-color: #CCCCCC; filter:alpha(opacity=60); opacity: 0.6; -moz-opacity:0.6;}

.willi { background-color: #99CCFF; filter:alpha(opacity=60); opacity: 0.6; -moz-opacity:0.6; }

.ez { background-color: #CCFFFF; filter:alpha(opacity=60); opacity: 0.6; -moz-opacity:0.6; }

table.timeline tr:hover, table.timeline tr.hilite {
	background-color:#CCCCCC;
	color:#000;
}

/* code for the menu */
a.nav { text-align:left; color:#0066FF; text-decoration:underline; font-family:verdana, arial, sans-serif; background-color:#CCC; line-height:20px;  }
a.nav:hover { color:#000; background-color:#CCC; cursor:pointer; cursor:hand; text-decoration:none;  border-bottom:2px solid #000; }

/* code for the popup tooltip */
#dhtmltooltip{
position: absolute;
left: -300px;
width: 150px;
border: 1px solid black;
padding: 2px;
background-color: yellow;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);

}

#dhtmlpointer{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}

a.LINK2 {
text-decoration:none;
color:#FFFFFF;
}