body {
	margin: 0; 
	padding: 0;
	background-color: #333333;
	font-family: verdana, "Bitstream Vera Sans", "DejaVu Sans", Tahoma, Geneva, Arial, Sans-serif;
	font-size: 12;
}
h1 {
	font-family: verdana, "Bitstream Vera Sans", "DejaVu Sans", Tahoma, Geneva, Arial, Sans-serif;
    	color: #333;
}
h2 {
	font-family: verdana, "Bitstream Vera Sans", "DejaVu Sans", Tahoma, Geneva, Arial, Sans-serif;
	color: #333;
	font-size:8;
}
h3{
	font-family: verdana, "Bitstream Vera Sans", "DejaVu Sans", Tahoma, Geneva, Arial, Sans-serif;
	color: #333;
	font-size:15;
	letter-spacing:1;
}
a {
	text-decoration: none;
}
a:link { 
	/*color: #336699;*/
	color: #33B;
}
a:active {
	color: #33B;
}
a:visited {
	color: #339;
}
a:hover {
	border-bottom: 1px solid #33B;
}
img.baseline {
	vertical-align:-23%;
}
div#downloads {
	float: right;
	width:250px;
	margin-left: 10px;
	margin-bottom:10px;
}

.r {
	border-top: 1px #888 solid;
}
.t {
	border-top: 2px #888 solid;
	border-bottom: 2px #888 solid;
} 
.b {
	border-top: 1px #888 solid;
	border-bottom: 2px #888 solid;
}
.note{
	font-size:10;
}
.title {
	position: absolute;
	left:7;
	top:0;
}
p.footnote{eprints
	text-align:right;
	color: #333;
	font-size: 10;
}
div#content{
	color: #333333;
	background-color:#FFF;
	/*margin-left: auto;
    	margin-right: auto;*/
	/*margin-left:200;*/
	margin-left: 20;
	min-width: 350;
	max-width: 950;
	margin-right: 20;
	padding:10;
	/*width:850;*/
	text-align: justify;
}
div#navigation{
	background-color:#888;
	/*margin-left: auto;
    margin-right: auto;*/
	margin-top:20;
	margin-left:20;
	min-width: 350;
	max-width: 950;
	margin-right: 20;
	padding:10;
	/*width:850;*/
}
div#photo {
	float:right;
	/*width:150px;*/
	width:40%;
	max-width:240px;
	margin-right:5;
	margin-left:15;
	margin-top:5;
}
div#logo {
	position:absolute;
	/*width:63px;*/
	left:400px;
	top:150px;
	z-index:1;
}
div#logo a:hover {
	border-bottom: 0px solid #33B;
}
div#footer{
	background-color:#888;
	/*margin-left: auto;
    margin-right: auto;*/
	margin-left:20;
	min-width: 350;
	max-width: 950;
	margin-right: 20;
	padding:10;
	/*width:850;*/
}

@media screen and (max-width: 800px) {
        div#navigation{
            width:max-width;
            margin: 0;
            padding: 10;
        }  
        div#content{
            width:max-width;
            margin: 0;
            padding: 10;
        }  
        div#footer{
            width:max-width;
            margin: 0;
            padding: 10;
        }   
    }