/* CSS Document */

/* add this to the html page you are linking this style sheet too
in the header, under the css linked sheets

<!--[if lte IE 6]>
<style type="text/css">
#wrapper {
height: 100%;
}

</style>
<![endif]-->

----- */

/* =======
        Page specific CSS Below this line
        ============*/


p { margin: 4px 1em;   /* ==> left and right margins are critical. see notes on page */ padding: 3px 3px 3px 15px; }




/*
        =================================
        start of Tooltip css code here
        ================================= */


a.info:link {text-decoration:none;  border-bottom:1px dotted #333;  }

a.info {  position:relative; /*this is the key*/ z-index:24; background-color:#ffffff;    /* background colour of display text */ color:#000000;               /* colour of display text */    /* border colour */  font-style:normal;  }

a.info:hover { z-index:25; background-color:#999; text-decoration:none; color:#FFFFFF; }

a.info span { display: none; /* hide the span text using this css */ }

a.info:hover span { /*the span will display just on :hover state*/ display:block; position:absolute; top: 1.5em; left: 3em; width:20em; border:1px solid #cccccc; /* border colour */ background-color:#ffffff; /* background colour here */ color:#000000;         /* text colour */ text-align: left; font-size: .8em; font-style:normal; z-index:30; text-decoration:none; padding:4px; }


.images { vertical-align:bottom; }