body {
	position: relative;
	background-color: Black;
	background: url(soabit3.jpg) no-repeat fixed right;
}

div#links {
	position: absolute;
	background: white fixed;
	top: 60px;
	left: 3;
	width: 200px;
	height: 700 px;
	font: 20pt "Times New Roman", serif;
	z-index: 100;
	border: 2px dotted Black;
	color: #7D7D7D;
}

div#links a 
	{
	/*height: 40px;*/
	display: block;
	text-align: right;
	padding: 15px 5px 2px 0;
	border-width: 0;
	text-decoration: none;
	color: #686868;
	background: White;
}
	
div#links a:hover 
	{
	background: url(birdhead2.jpg) no-repeat fixed 0 0;
	padding: 13px 5px 0px 0;
	border-bottom: 2px dotted Black;
	border-top: 2px dotted Black;
	color: Black;
}


div#links a span {display: none;}

div#links a:hover span
	{
	display: block;
	position: absolute;
	top: 290px;
	left: 0;
	width: 180px;
	padding: 5px;
	margin: 10px;
	z-index: 100;
	color: Black;
	background: transparent;
	font: 20px "Times New Roman", serif;
	/*font-style: italic;*/
	text-align: center;
}

div#content {
	position: absolute;
	top: 60px;
	left: 220px;
	right: 220px;
	width: 525px;
	background: #F3EFCA;
	font: "Times New Roman";
	padding: 10px;
	border: 2px dotted /*#000195*/ black;
	color: /*#7D7D7D;*/ black;
	z-index: 101;
}

div#content div#textbox {
	position: relative;
	top: 0px;
	width: 16em;
}

div#banner {
	position: absolute;
	background: white fixed;
	top: 5px;
	left: 50px;
	padding: 0 0.5em 0 0.5em;
	/*width: 200px;*/
	height: 50 px;
	font: 30pt "Times New Roman", serif;
	z-index: 100;
	border: 2px dotted Black;
	vertical-align: center;
	color: black;
	z-index: 90;
	text-align: right;
}

div#content div#linetop {
	border-top: 2px Dotted black;
	padding: 0.3em 0 0.3em 0;
}

div#content b, em {
	font-weight: bold;
}

div#content p {
	padding: 0 0 0 0;
	margin: 0 1em 0 1em;
}

div#content p.padded {
	padding: 0.3em 0 0.3em 0;
	margin: 0 1em 0 1em;
}


div#content .accent {
	font-weight: bolder;
	color: #929292;
}

div#content h4 {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	color: black;
	font-size: 90%;
	font-weight: normal;
}

div#content h4.right {
	text-align: right;
	padding-bottom: 1em;
	margin-right: 5em;
}

h3 {
	margin: 0 0 0 0;
	font-family: "Times New Roman", serif;
	/*font-style: italic;*/
	color: Black;
}

h1 {
	margin: 0 0 0;
	padding: 15px 0 0px;
	text-align: right;
	color: Black;
	font: bold 20px "Times New Roman", serif;
	vertical-align: right;
	white-space: nowrap;
	font-style: italic;
}
dt {font-weight: bold;}
dd {margin-bottom: 0.66em;}
div#content a:link {
	color: #0002D0;
	text-decoration: none;
}
div#content a:visited {
	color: #3A7CF1;
	text-decoration: none;
}

div#content a:link:hover {text-decoration: underline;}
div#content a:visited:hover {text-decoration: underline;}

code, pre {
	color: #7B68EE;
	font: 110% monospace;
}

/* all new */

a.popright{
    position: relative; /*this is the key*/
	 width: 20px;
    z-index:24;
	 }
a.popright.null{
	color: #29BA2A !important;
}
	 	 
a.popright:hover {
	z-index:25; 
	background: transparent;
	text-decoration: underline;
}

a.popright span{display: none;}

a.popright:hover span{
	/*the span will display just on :hover state*/
	display: block;
	position: absolute;
	left: 45px;
	max-width: 500px;
	border: 2px dotted black;
	background: white;
	text-decoration: none;
	text-align: left;
	color: black;
	font: 10pt "Times New Roman", serif;
	padding: 10px 10px 10px 10px;
}

.floatleft {
	float: left;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 10px;
}

div#bodybox {
	position: absolute; 
	top: 200px; 
	left: 350px; 
	width: 300px;
	font: 15pt "Times New Roman", serif;
}