.article {
	font:16.5px arial;
	color:#222;
	padding:0;
	letter-spacing:normal;
	line-height:1.6;
}


.article_other{
	font:16.5px arial;
	color:#222;
	padding:0;
	letter-spacing:normal;
	line-height:1.6;
}


.article_ident{
	font:16.5px arial;
	color:#222;
	display:block;
	padding:0 10% 0 10%;
	line-height:1.6;   	
}
.italic_ident{
	font:16.5px arial;
	display:block;
	padding:0 10% 0 10%;
	font-style:italic;
	line-height:1.6;   	
}

.message{
	font:16.5px arial;
	display:block;
	padding:0 20% 0 20%;
	font-weight:bold;
	line-height:1.6;   	
}
.caption{
	font:13px arial;
        line-height:1.6;	
}

.footnote{
        font:7px arial;
        line-height:1.6;
}

h2.subtitle{
	font: 18px/18px arial;
	color:black;
	font-weight:bold;
	letter-spacing:normal;
	line-height:1.5;
	word-spacing:normal;
	padding:0 0 0 0;
	margin:10px 0 0px 0;	
}

a.link{
color:blue;
}

a.link:hover{
color:#f85252;
}

a.link:active{
color:#ff7d26;
}

a.info{
    position:relative; /*this is the key*/
    z-index:24; background-color:#fff;
    color:#000;
    text-decoration:none;
    }

a.info:hover{
	z-index:25; 
	background-color:#ccc;
	cursor:hand;
	}

a.info span{display: none;
	}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:relative;
    /*top:2em; left:2em; width:15em;*/
    top:-150; left:-200px; width:300px;
    border:1px solid #cccccc;
    background-color:#e7f2fc; 
    color:#000;
    text-align: center;
    }

div#links a span {
	display: none;
	}

div#links a:hover span {
	display: block;
   	position: absolute; 
   	top: -75px; left: -100; width: 300px;
   	padding: 5px; margin: 10px; z-index: 100;
   	color: #AAA; background: black;
   	font: Arial, sans-serif; text-align: center;
   	}
   
sup{
       font:5.5px arial;
}


img.article_image{
	background:#fbfbfb;
	padding:0px 10px 10px 10px;
	border: 1px solid #4a617b;
}

div.article_border{
	font:13px arial;
	color:#222;
	width:100%;
	padding:0;
	letter-spacing:normal;
	word-spacing:normal;
	line-height:1.2;
	margin:auto;
	display:block;
	width:80%;
	border:1px solid #677482;
	padding:20px;
}

div.article_image_left_fixed{
   padding-top:5px;
   padding-right:15px;
   padding-bottom:5px;
   padding-left:15px;
   border: 1px solid #526783;
   margin: 10px 10px 10px 10px;
   float:left;
   width:400px;
   overflow:hidden;
}

div.article_image_left{
   padding-top:5px;
   padding-right:10px;
   padding-bottom:0px;
   padding-left:10px;
   border: 1px solid #526783;
   margin: 10px 10px 10px 10px;
   float:left;
   width:400px;
   overflow:hidden;
}

div.article_image_right_fixed{
   padding-top:5px;
   padding-right:10px;
   padding-bottom:0px;
   padding-left:10px;
   border: 1px solid #526783;
   margin: 10px 10px 10px 10px;
   float:right;
   overflow:hidden;
}

div.article_image_right{
   padding-top:5px;
   padding-right:10px;
   padding-bottom:0px;
   padding-left:10px;
   border: 1px solid #526783;
   margin: 10px 10px 10px 10px;
   float:right;
   width:auto;
}

div.article_image_center_fixed{
   padding-top:5px;
   padding-right:10px;
   padding-bottom:0px;
   padding-left:10px;
   border: 1px solid #526783;
   margin: 10px 10px 10px 10px;
   width:600px;
   overflow:hidden;
}
div.article_image_center{
   padding-top:5px;
   padding-right:10px;
   padding-bottom:0px;
   padding-left:10px;
   border: 1px solid #526783;
   margin: 10px 10px 10px 10px;
   width:auto;
   overflow:hidden;
}

div.article_image_small_caption_fixed{
   padding:10px;
   margin: 5px;
   width: 400px;
   overflow:hidden;

}

div.article_image_large_caption_fixed{
   padding:10px;
   margin: 5px;
   width: 600px;
   overflow:hidden;
}


span.dropcap {
   font:bold 40px/35px verdana, sans-serif;
   color:#18416F;
   float:left;
   padding-bottom:0px;
   margin-bottom:-20px;
   position:relative;
   top:-10px;
}

html> /**/ body .dropcap {
   margin-right: 2px;
}