/********************************** CSS Reset ****************************************/
	/**
    * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)
    * http://cssreset.com
	* This will reset the browser-specific styles to standard values so the page will 
	* (hopefully) look identical in different browsers.
    */
		html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
		a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp,
		small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
		fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside,
		canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby,
		section, summary, time, mark, audio, video {
			margin: 0;
			padding: 0;
			border: 0;
			font-size: 100%;
			/*font: inherit;*/
			vertical-align: baseline;
		}
		/* HTML5 display-role reset for older browsers */
		article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
			display: block;
		}
		html {
			height:100%;
		}
		body {
			height:100%;
			line-height: 1;
		}
		ul {
			list-style: none;
		}
		blockquote, q {
			quotes: none;
		}
		blockquote:before, blockquote:after, q:before, q:after {
			content: '';
			content: none;
		}
		table {
			border-collapse: collapse;
			border-spacing: 0;
		}

/********************************** End CSS Reset **************************************/

	body {
		margin:0;
		color:#555555;
		background-color:#fff;
		font-family:Arial, sans-serif;
		font-size:16px;
		text-align:left;
	}
	h2{font-size:32px;		margin: 32px 0 8px 0;	font-weight:300; text-shadow:-1px 1px 2px #ccc;}
	h3{font-size:24px;		margin: 20px 0 12px 0;	font-weight:300; text-shadow:-1px 1px 2px #ccc;}
	h4{font-size:18.72px;	margin: 4px 0 0 0; 		font-weight:400; text-shadow:-1px 1px 2px #ccc;}
	h1, h2, h3, h4{
        text-align:left;
        font-family:Times New Roman, serif;
    }

	p{margin:16px 0; padding:0;}

	p, ol, ul {line-height:28px;}
	sub,	sup {
		font-size: 75%;
		line-height: 0;
		position: relative;
		vertical-align: baseline;
	}
	sup {top: -0.5em;}
	sub {bottom: -0.25em;}
	a {color:#3c60a7; text-decoration:none}
	a:hover{color:#222;}

    /***** Lines *****/
	.h-line {
		background:url(../hr.png);
		height:1px;
		width:92%;
		margin:8px auto;
    }

	/*** Images display ***/
	.archivediv {
		display:flex;
    	flex-wrap:nowrap;
	}
	.archivediv img {
		margin:5px 15px 5px 0px;
		max-height:120px;
		max-width:100%;
		width:auto;
		height:auto;
	}
	.download {
		margin:32px auto;
		display: block;
		width:300px;
	}
	.download a{
		width:300px;
		background: #eee;
		border: 1px solid #ddd;
		padding:16px;
	}
	.demo{
		display:block;;
    	flex-wrap:wrap;
		margin:auto;
		width:auto;
		text-align:center;
	}
	.demo img{
		padding: 6px;
		margin:0px 0px 5px 20px;
		border:1px solid #ddd;
		max-height:160px;
		max-width:90%;
		width:auto;
		height:auto;
	}


	/*** Lists ***/
	ul{
		list-style-type:disc;
		margin: 0 0 10px 50px;
	}
	ol{
		margin: 0 0 10px 50px;
	}
	.title{
		line-height: 17px;
		margin: 12px 0px 6px 0px;
	}
	.author{
		margin:6px 0px 8px 50px;
		font-size : 12px;
		line-height: 18px;
		}
	.journal{
		margin-left: 16px;
		font-style: italic;
	}
	.doi{
		margin-right: 16px;
	}
	.doi a{
		text-decoration:none;
		border-bottom: 1px dotted;
		color:#3c60a7
	}
	.doi a:hover{
		color:#222;
	}
	li{	
		margin-top: 2px;
	}