h1 {
	text-align: left;
	margin-top: 20px;
	font-style: normal;
	font-weight: normal;
	margin-left: 20px;
	font-size: 20px;
	color: white;
	font-family: Arial, Helvetica, Verdana, sans-serif;
}

h2 {
	margin-left: 0px;
	margin-bottom: 20px;
	margin-right: 20px;
	margin-top: 0px;
	font-size: 15px;
	padding: 0px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	color: #99cc33;
}

h3 {
	text-align: center;
	margin-top: 20px;
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	color: white;
	font-family: Arial, Helvetica, Verdana, sans-serif;
}

p {
	font-style: normal;
	font-weight: normal;
	margin-left: 20px;
	font-size: 13px;
	color: white;
	font-family: Arial, Helvetica, Verdana, sans-serif;
}

p.pic {
	font-style: normal;
	font-weight: normal;
	margin-left: 20px;
	font-size: 12px;
	color: white;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	
}a.info {
	position:relative;           /*this is the key*/
	text-decoration: none;
	list-style-position: outside;
	line-height: 25px;
	font-style: normal;
	font-weight: normal;
	font-size: 13px;
	color: white;
	font-family: Arial, Helvetica, Verdana, sans-serif;
}

hr {
	padding: 0px;
	margin: 0px;
}

li {
	list-style-position: outside;
	line-height: 20px;
	font-style: normal;
	font-weight: normal;
	margin-left: 0px;
	font-size: 13px;
	color: white;
	font-family: Arial, Helvetica, Verdana, sans-serif;
}

li:hover {
	list-style-position: outside;
	line-height: 20px;
	font-style: normal;
	font-weight: normal;
	margin-left: 0px;
	font-size: 13px;
	color: #99cc33;
	font-family: Arial, Helvetica, Verdana, sans-serif;
}

.lidown {
	list-style-position: outside;
	line-height: 20px;
	font-style: normal;
	font-weight: normal;
	margin-left: 0px;
	font-size: 13px;
	color: #99cc33;
	font-family: Arial, Helvetica, Verdana, sans-serif;
}

ul {
	list-style-type: disc;
	margin-left: 40px;
	margin-bottom: 0px;
	margin-right: 0px;
	margin-top: 0px;
	padding: 0px;
}

.ulindent2 {
	list-style-type: disc;
	margin-left: 20px;
	margin-bottom: 0px;
	margin-right: 0px;
	margin-top: 0px;
	padding: 0px;
}
a.info span{
    line-height: 15px;
    font-family: Arial, Helvetica, Verdana, sans-serif;
    font-size: 13px;
    display: none;  /* hide the span text using this css */
}

a.info:hover span{ /*the span will display just on :hover state*/                                               
    text-align: left;                                                                                              
    width: 250px;                                                                                              
    padding: 5px;                                                                                              
    margin-left: 5px;                                               
    display:block;
    position:absolute;
    top: 0em;
    left: 8em;
    border:2px solid #99cc33; /* border colour */
    background-color:#333333; /* background colour here */
    line-height: 15px;
	font-style: normal;
	font-weight: normal;
	font-size: 13px;
	color: white;
	font-family: Arial, Helvetica, Verdana, sans-serif;
    z-index:1;
}

td{
	vertical-align: top;
}

td.head{
	vertical-align: bottom;
}

img{
	border-style: none
}