#slidebox{
    width:400px;
    height:180px;
    padding:10px;
    background-color:#fff;
    border-top:3px solid #3AC5AD;   
    position:fixed;
    bottom:0px;
    right:-430px;
	-moz-box-shadow:-2px 0px 5px #aaa;
	-webkit-box-shadow:-2px 0px 5px #aaa;
	box-shadow:-2px 0px 5px #aaa;
}
#slidebox p, a.more{
    font-size:12px;
    text-transform:none;
    font-family: Arial,Helvetica,sans-serif;
    color:#555;
	line-height:16px;
	text-align:justify;
	padding-bottom:10px;
}
a.more{
    cursor:pointer;
    color:#3AC5AD;
}
a.more:hover{
    text-decoration:underline;
}
#slidebox h2{
    color:#3AC5AD;
    font-size:18px;
    margin:10px 20px 10px 0px;
}
a.close{
    background:transparent url(../images/close.gif) no-repeat top left;
    width:13px;
    height:13px;
    position:absolute;
    cursor:pointer;
    top:10px;
    right:10px;
}
a.close:hover{
    background-position:0px -13px;
}








  body{
                font-family:Georgia,Times,serif;
                background:#f0f0f0 url(title.png) no-repeat top left;
                padding-bottom:60px;
				color:#333;
            }
            a.back{
                background:transparent url(back.png) no-repeat top left;
                position:fixed;
                width:150px;
                height:27px;
                outline:none;
                top:0px;
                right:0px;
            }
            span.scroll{
                background:transparent url(scroll.png) no-repeat top left;
                position:fixed;
                width:100px;
                height:37px;
                bottom:0px;
                left:0px;
            }
            #content{
                background-color:#fff;
                width:900px;
                padding:40px;
                margin:0 auto;
                border-left:10px solid #3AC5AD;
                border-right:1px solid #ddd;
                -moz-box-shadow:0px 0px 16px #aaa;
            }
			
			#content .head img {width:100% !important;}
			
            .head{
                font-family:Helvetica,Arial,Verdana;
                text-transform:uppercase;
                font-weight:bold;
                font-size:14px;
                letter-spacing:3px;
                color:#888;
                border-bottom:3px solid #f0f0f0;
				background:#F9F9F9;
                margin-bottom:10px;
				padding:10px;
            }
			
            	
			
			.pubname{
                font-family:Helvetica,Arial,Verdana;
                text-transform:none;
                font-weight:bold;
                font-size:12px;
                letter-spacing:0px;
                color:#888;
            }			
            #content h1{
                color:#3AC5AD;
                font-weight:normal;
                font-size:35px;
                text-shadow:1px 1px 1px #aaa;

            }
            .subline{
                font-size:22px;
                margin:20px 0px;
                color:#999;
            }
            .meta{
                font-style:italic;
                color:#999;
            }
			
            .affl{
                font-style:none;
				font-family:Arial, Helvetica, sans-serif;
                color:#333;
				font-size:13px;
				line-height:18px;
            }			
			.atp{
                font-style:italic;
                color:#F60;
            }			
            .article p{
                margin:20px 0px;
                line-height:26px;
                text-align:justify;
            }
			.legend {
				font-family:Arial, Helvetica, sans-serif; 
				font-size:10px;
				line-height:14px;
				text-align:justify;
				padding:5px;
				color:#333;
				
			}
			
			.legend:hover {
 
				color:#000;
				
			}			
			
			
			
			
			



<!--BUttons-->

 .button2 {
    text-decoration: none;
    font: bold 13px Arial;
	float:left;
	margin-right:2px;
    display: block;
 
 
    -moz-border-radius: 15px;
    border-radius: 15px;
 
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
    transition: all 0.5s ease;}

.button2:hover {
    -moz-border-radius: 3px;
    border-radius: 3px;}
	
	
 
.blue {
    color: #fff;
    background: #3AC5AD;
    background: -webkit-linear-gradient(top, #3AC5AD 0%, #7950BA 100%);
    background: -moz-linear-gradient(top, #3AC5AD 0%, #7950BA 100%);
    background: -ms-linear-gradient(top, #3AC5AD 0%, #7950BA 100%);
    background: -o-linear-gradient(top, #3AC5AD 0%, #7950BA 100%);
    background: linear-gradient(to bottom, #3AC5AD 0%, #27222F 100%);
	
	
    text-shadow: #29a3cc 0 1px 3px;
    -webkit-box-shadow:
        inset 0 1px 0 #3AC5AD,
        inset 0 2px 0 #7950BA,
        0 1px 3px #777,
        0 0px 1px #ccc;
    -moz-box-shadow:
        inset 0 1px 0 #3AC5AD,
        inset 0 2px 0 #7950BA,
        0 1px 3px #777,
        0 0px 1px #ccc;
    box-shadow:
        inset 0 1px 0 #3AC5AD,
        inset 0 2px 0 #7950BA,
        0 1px 3px #777,
        0 0px 1px #ccc;
		padding:5px;
		text-decoration:none;
}
		
		

.blue span {
    color: #217aa6;
    text-shadow: #78d2f0 0 1px 0;} 
   
  <!-- buttons -->
  
  
  
  
<!--
#default a:link {
	color: #3AC5AD;
	text-decoration: none;
}
#default a:visited {
	text-decoration: none;
	color: #fff;
}
#default a:hover {
	text-decoration: none;
	color: #fff;
}
#default a:active {
	text-decoration: none;
	color: #fff;
}
-->



.smallbtn
{
	float:left; margin-right:5px; font-family:Arial, Helvetica, sans-serif; font-size:10px; margin-bottom:15px;
}





  .fig
 {
	 width:100px;
	 height:100px;	 
	 border: 1px solid #F6F5FA;
	 padding:5px;
	 background:#CCC;
	 margin:5px;
	 float:left;
	 
 }
 

  .fig:hover
 {
	 width:100px;
	 height:100px;
	 border: 1px solid #ccc;
	 padding:5px;
	 background:#3AC5AD;
	 margin:5px;
	 float:left;
	 
 } 
 
 .legend
 {
	 font-family:Arial, Helvetica, sans-serif; 
	 font-size:12px;
	 text-align:justify;
	 line-height:18px;
	 padding:10px;
	 margin:5px;
	 color:#333;
	 background:#F6F5FA;
	 height:auto;

	 }
	 
	 
.ash{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:18px;
	font-weight:bold;
	line-height:22px;
	color:#3AC5AD;
	padding:0px;
	padding-top:10px;

}



.assh{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	line-height:18px;
	color:#333;
	padding:0px;
	padding-top:10px;

}


.refbul{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:21px;
	color:#333;
	padding:8px;
	padding-left:0px;	
	margin-left:0px;
	list-style:decimal;
	text-align:justify;
	list-style-position:outside;
}


.dotbul{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	line-height:25px;
	color:#333;
	padding:5px;
	margin-left:20px;
	list-style:disc;
	text-align:justify;
}




.numbul{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	line-height:25px;
	color:#333;
	padding:10px;
	margin-left:20px;
	list-style:decimal;
	text-align:justify;
}


@media only screen
and (min-device-width : 320px)
and (max-device-width : 640px)
{
	#content
	{width:90%;
	padding: 17px;
	}
}





<!--
#ref a:link {
	color: #333;
	text-decoration: none;
	padding:5px;
	background:#fff;	
}
#ref a:visited {
	text-decoration: none;
	padding:5px;
	background:#fff;	
	color: #333;
}
#ref a:hover {
	text-decoration: underline;
	padding:5px;
	background:#F6F5FA;
	color: #3AC5AD;
}
#ref a:active {
	text-decoration: none;
	padding:5px;
	background:#fff;	
	color: #333;
}
-->