h4 {color: #0000ff; }
hr {width: 80%}

.menubutton 
{
    background-image: url('./images/menubutton.jpg') ;
    background-repeat:no-repeat;
    background-position:50% top;
    display:block;
    font-family:Arial Rounded MT Bold;
    font-size:18px;
    color:White;
    text-decoration:none;
    height:30px;
    padding: 3px 0 0 0;
    
}

.menubutton2
{
    background-image: url('./images/menubutton.jpg') ;
    background-repeat:no-repeat;
    background-position:50% top;
    display:block;
    font-family:Arial Rounded MT Bold;
    font-size:12px;
    color:White;
    text-decoration:none;
    height:20px;
    padding: 3px 0 0 0;    
    
}

.table1
{
	border:2px solid black;
	text-align:center;
	padding:10px;
	vertical-align:center;
	
}
	
th
{
	background-color:336699;
	color:white;
	font-size:larger;
	padding:5px;
}

td
{
	border:2px outset;
	padding:5px;
}

#dhtmltooltip{
position: absolute;
left: -300px;
width: 150px;
border: 1px solid black;
padding: 2px;
font-style: normal;
background-color: lightblue;
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;
}