body {
margin: 0;
padding: 0;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 1em;
line-height: 1.2em;
background: #ccc;
text-align: center;
}

hr {
margin: 20px 20px 20px 8px;
}

img {
border: none;
}

table {
margin: 30px auto;
}	

#wrapper {
		width: 90%;
		margin: 0px auto 20px auto;
		background: #fff;
		border: 1px solid #666;
		border-top: none;
	}
#story {
	/*float: left;*/
	/*width: 570px;*/
	/*max-width: 1000px;*/
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: #fff;
	text-align: left;
	/*border-right: 1px solid #999;*/
}

@media screen and (min-width : 1281px) {
	 /* hi-res laptops and desktops */ 
	#wrapper {
		width: 825px;
		margin: 0px auto 20px auto;
		background: #fff;
		border: 1px solid #666;
		border-top: none;
	}
	#story {

		float: left;
		width: 628px;
		max-width: 1000px;

		margin: 10px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		background: #fff;
		text-align: left;
		border-right: 1px solid #999;
	}

        p.abody, p.byline{
           text-align: justify;
        }
}


#header {
display: block;
width: 96%;
padding: 10px 0px 2px 0px;
margin: 0px auto 0px auto;
font-size: 12px;
color: #000;
border-bottom: 1px solid #ccc;
}

#header .subsection {
float:left;
}

#header .date {
float: right;
}

#story img {
border: none;
margin: 1.75px 20px;
padding: 0;
max-width:85%;
height:auto; 
}

.up, .uptitle {
margin: 8px 0px 6px 20px;
font-size: 15px;
font-weight: normal;
font-variant: small-caps;
text-align: left;
}

.main, .maintitle {
margin: 8px 0px 8px 10px;
font-size: 24px;
font-weight: bold;
line-height: 30px;
text-align: left;
}

.sub, .subtitle {
margin: 8px 0px 6px 10px;
color: #666;
font-size: 14px;
font-weight: bold;
text-align: left;
}

.paragraph, .abody, .byline{
margin: 10px 20px;
padding: 0;
}

.shareBefore {
margin-left: 10px;
}

.shareAfter {
margin-left: 20px;
}

.imgArt {
    text-align: center;
}

#links {
width: 155px;
float: right;
text-align: left;
margin: 20px 20px;
font-weight: bold;
}

#links img {
margin-right: 4px;
margin-top: 2px;
}

#links a {
display: block;
color: #000;
text-decoration: none;
padding: 2px 0px 2px 5px;
}

#links a:hover {
color: #666;
text-decoration: underline;
}

.spacer {
clear: both;
}

#footer {
display: block;
width: 96%;
padding-top: 2px;
margin: 10px auto 5px auto;
font-size: 10px;
line-height: 10px;
color: #000;
border-top: 1px solid #ccc;
}

#footer a {
color: #000;
text-decoration: none;
}

#footer a:hover {
text-decoration: underline;
}

#footer .tecnavia {
float:left;
}

#footer .copyright {
float: right;
max-width: 500px;
}

.error {
font-weight: bold;
color: red;
}

td {
text-align: right;
font-size: 1em;
}