/* $Id:$ */

BODY {	margin-left : 2em;
	margin-right : 2em;
	margin-bottom: 2em;
	margin-top: 2em;
	font-family: Verdana, Helvetica, sans-serif;
	color: #ffffff;
        background: #000000;
}


li {
	font-size: 80%;
	margin-bottom:0.2em;
}


A:link	{ 
color:#6688FF;
}
A:hover {
	background: #220044;

} 
A:visited	{ 
	color:#9933ff;
}

H1, H2, H3, H4 {
   font-family: "Trebuchet MS",Verdana,arial,helvetica,sans-serif;
}

H1 {
	font-size: 150%;
	font-weight: bold;
       	color: #ffffff; 
#	color: #9933ff; 
}

H2 {
	font-size: 100%;
	font-weight: bold;
	color: #000000; 
       	background: #ffffff;
#    	background: #9933ff;
#	background: #cc66ff;
	padding-bottom: 2px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 2px;
	letter-spacing : .1em;
	margin-left : -.5em;
	margin-top: 1em;
}

H3 {
	font-size: 120%;
	font-weight: bold;
#	color: #9933ff; 
        color:#ffffff;
	margin-top: 0.5em;
	margin-bottom: 0.2em;
}

H4{
	font-size: 100%;
	font-weight: bold;
	font-style: italic;
	color: #ffffff; 
}

DL DT {
	font-weight: bold;
	font-size: 80%;
}

DL {
	margin-bottom: 0.2em;
}

TT, PRE {
	font-family: "Lucida Console", "Courier New", "Courier", "Andale Mono";
}


DD	{
	margin-left: 3em;
	margin-right: 1em;
        margin-bottom: 1em;
	}

DT 	{
	margin-left: 1em;
}

p {
	font-size: 80%
  }




TD.shaded {
background-color: #ddbbff;
}

P.item {
	font-size: 70%
}

P.highlight {
	background: #DDDDDD;
	padding: 0.6em; 
	border:none; 
	font-weight: bold;
        margin-left: 10%;
	margin-right: 10%;
} 

P.sidebar {
	font-size: 80%
}

P.sidebar3 {
	font-size: 80%;
        text-align: center
}

P.sidebar2 {
	font-size: 80%;
        text-align: right
}

P.sidebar4 {
	font-size: 80%;
	color:#ddbbFF;
}

P.sidebar4 A:visited {
	   color:FFFFFF;
}

P.navbar {
	background: #DDDDDD;
	color:#660099; 
	font-weight: bold;
	padding: 0.2em;
	text-align: center;
	border: thin #660099 solid;
	font-size: 80%;
}
P.navbar A:link {
	text-decoration: none;
}
P.navbar A:visited {
	text-decoration: none;
}
P.navbar A:hover {
	background: #660099;
	color:#AAAAAA; 
	text-decoration: none;
} 


a.info{
     position:relative; /*this is the key*/
#    z-index:1;
#    background-color:#ccc;
     color:#000;
     font-size: 80%;
     text-decoration:none}

#a.info:hover{z-index:25; background-color:#99CCFF}

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
     display:block;
     position:absolute;
     top:1em; left:0em; width:10em;
     border:3px solid #99CCFF;
     background-color:#99CCFF; color:#000; z-index:1;
     text-align: left}