body	{font-family: Arial, Helvetica, Sans-serif;
		margin-top:0;
		margin-left:0;
		margin-right:0;
		margin-bottom:0;
		color: black;
  		font-size: 12px;
		background-color: #b9fbf7;
	}

body.commentbox 	{font-family: Arial, Helvetica, Sans-serif;
		margin-top:10;
		margin-left:10;
		margin-right:10;
		margin-bottom:10;
		color: black;
  		font-size: 12px;
		background-color: white;
	}

body.messagebox	{
		margin: 10px 10px 10px 10px;
		font-size: 11px;
		}

.bluestyle	{
		background-color: #00008b;
		color: white;
		}

div.menuitem	{
		background-color: #00008b;
		color: white;
		position:absolute;
		padding-top:3px;
		padding-bottom:3px;
		padding-left:5px;
		width:135px;
		cursor:pointer;
		font-weight:bold;
		font-size:8pt;
		z-index: 3;
		}


div.submenu	{
		background-color: #00008b;
		color:  white;
		position: absolute;
		left: 140px;
		top: -5px;
		width: 140px;
		display: none;
		padding-left: 10px;
		z-index: 24;
		}

div.content	{
		position:absolute;
		top: 120px;
		left: 155px;
		color: black;
		width: 820px;
		background-color: #b9fbf7;
		padding-right:30px;
		text-align:justify;
		background-image: url(/Images/background.png);
		background-repeat: no-repeat;
		background-position: 25% center;
		}

h1	{font-family: Arial, Helvetica, Sans-serif;
		color: #006400;
  		font-size: 24px;
	}

h2	{font-family: Arial, Helvetica, Sans-serif;
		color: red;
  		font-size: 20px;
	}

span.subhead	{font-family: Arial,Helvetica,Sans-serif;
	    font-weight:bold;
	    font-size:16px;
	    color:#00008b;
	    line-height:2;
	    }			

span.attribution {
		font-size:10px;
		color:black;
		}

img.leftfloat	{margin-right: 20px;
		float:left;
		}

img.rightfloat	{margin-left: 20px;
		float:right;
		}


table	{font-family: Arial, Helvetica, Sans-serif;
		color: black;
  		font-size: 12px;
	}

span.pseudolink	{color:blue;
		text-decoration:underline;
		cursor:pointer;
		}

td.pseudolink	{color:blue;
		text-decoration:underline;
		cursor:pointer;
		}

span.readlink	{color:red;
		text-decoration:underline;
		cursor:pointer;
		}

div.printonly	{
		display:  none;
		}

div.screenonly	{
		display:block;
		}

div.advert		{
		position:absolute;
		cursor: pointer;
		color: #00008b;
		background-color:lightgrey;
		border-color:black;
		border-style:double;
		text-align:center;
		width:300px;
		padding:10px;
		}

div.tooltip	{
		border-color:black;
		border-style:double;
		text-align:center;
		background-color: #ffffe0;
		color:  black;
		position: relative;
		left: 130px;
		top: -15px;
		width: 140px;
		display: none;
		z-index: 4;
		}

div.notice		{
		color: darkred;
		background-color:white;
		border-color:darkred;
		border-style:double;
		text-align:center;
		width:100%;
		padding:10px;
		}

a.info{
    position:relative; /*this is the key*/
    z-index:2;

    text-decoration:none}

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

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; left:2em; width:15em;
    border:1px solid #0cf;
    background-color:#cff; color:#000;
    text-align: center}