body,html{margin: 0;padding: 0;font-family: "Lucida Grande", Verdana, Lucida, Arial, Helvetica, sans-serif; font-size: 11px;color: #000;background-color: #f2de92; background-image :url(i/bg.jpg); background-position : top left;background-repeat : repeat-x;}

/* Site Links */	
a:link {font-family: "Lucida Grande", Verdana, Lucida, Arial, Helvetica, sans-serif;font-size: 11px;font-weight: bold;color: #174B7B;text-decoration: underline;}

a:visited {font-family: "Lucida Grande", Verdana, Lucida, Arial, Helvetica, sans-serif;font-size: 11px;font-style: normal;text-align: left;font-weight: bold;color: #800080;text-decoration: underline;}

a:hover {font-family: "Lucida Grande", Verdana, Lucida, Arial, Helvetica, sans-serif;font-size: 11px;font-style: normal;text-align: left;font-weight: bold;color: #FF0000;text-decoration: underline;}

a:active {font-family: "Lucida Grande", Verdana, Lucida, Arial, Helvetica, sans-serif;font-size: 11px;font-style: normal;text-align: left;font-weight: bold;color: #0000FF;text-decoration: underline;}

#sitename{}

.info{display: none;}
		
#container{width: 955px; background-color: #FFF;padding: 0; margin: 0:}
		
#banner{background-color: #666;border-bottom: 0px solid #333;}

#navrow{}

#navrow a:link {color: #FFCC00;}

#navrow a:visited {color: #FFCC00;}

#navrow a:hover {color: #FFCC00;}

#navrow a:active {color: #FFCC00;}

#content{}
		
#leftcol{padding: 0px 29px 0px 0px; margin:0;}
		
#leftcol p {margin-top: 0; }

#leftcol img{display: block;}

#rightcol {padding-top: 0px;padding-bottom: 10px;padding-right: 5px;}

.btn{padding: 0px 0px 0px 70px;}

#gridtable {margin: 0px 0px 0px 0px;}
		
#rightcol h2 {margin-top: 0; }
		
#footer{background-color: #666;text-align: right;border-top: 0px solid #333;}

td{text-align: left; vertical-align: top;}

img {border: 0;}

h1 {font: 13px "Lucida Grande", Verdana, Lucida, Arial, Helvetica, sans-serif; font-weight : bold; color: #000; }
	
h2 {font: 11px "Lucida Grande", Verdana, Lucida, Arial, Helvetica, sans-serif; font-weight : bold; color: #000; }
	
p {font-family: "Lucida Grande", Verdana, Lucida, Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; margin-top: 0px;}

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

        a.info{
        position:relative;           /*this is the key*/
        z-index:24;
        background-color:#e0e0e0;    /* background colour of display text */
        color:#000000;               /* colour of display text */
        border:1px dotted #999;    /* border colour */
        text-decoration:none;
        font-style:italic;
        }

        a.info:hover {
        z-index:25;
        background-color:#ffff66;

        }

        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:15em;
        border:1px solid #ff0000; /* border colour */
        background-color:#ffff99; /* background colour here */
        color:#000000;         /* text colour */
        text-align: center;
        font-size: .8em;
        font-style:italic;
        z-index:30;
        }

        .images {
        vertical-align:bottom;
        }


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