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;
}
body {
	line-height: 1;
}
ol, 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;
}

/* ===== DECLARATIONS GLOBALES ===== */
body {
    font-family:verdana,arial,sans-serif;
    font-size:1em;
}
#wrapper {
    width:1000px;
    margin:0 auto;
    background:url(images/arbor2.png) no-repeat 50% 16px;
	line-height: 1.1;
}
#wrapper p {
    float:left;
    margin:5px 10px 15px 0;
    text-align: justify;
    text-justify: inter-word;
}
#wrapper a{text-decoration:none;}
/* ==== PROJECT PAGE ====*/
/*----- for this img, due the rotation, width is height and vice versa ---------*/
.rotate90 {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
	width: 250px; 
	height: 500px;
	margin-top: -180px;
	margin-left: 170px;
	margin-bottom: 50px;
}
#busAquinas{
	margin-top: 70px;
	margin-bottom: 50px;
	text-align: center;
}
.project h1 {
	color:#FFB000;
    font-size:170%;
    margin-bottom:15px;
    text-transform:capitalize;
    margin-left:0px;
}
.firstParagraph {
	margin-top: -200px;
}
.firstParagraph i {
	font-style: italic;
}
.firstParagraph p {
	float:left;
    margin:0 10px 15px 0;
    text-align: justify;
    text-justify: inter-word;
}
.firstParagraph ul li {
	list-style-type: circle;
	margin:25px 10px 15px 25px;
}
/*=======RESOURCES PAGE=======*/
.resources h1 {
	color:#FFB000;
    font-size:170%;
    margin-bottom:15px;
    text-transform:capitalize;
    margin-left:0px;
}
.resources h2 {
	font-size:100%;
    color:#72AA21;
    font-weight:bold;
	margin-top:25px;
    margin-bottom:10px;
}
.resources i {
   font-style: italic;
}
.resources p {
    float:left;
    margin:0 10px 15px 0;
    text-align: justify;
    text-justify: inter-word;
}
.resources img {
	margin-top:10px;
	margin-left:0px; 
	margin-bottom:15px;
}
.resources .clearfix {
	overflow: auto;
	margin-bottom:15px;
}
/*== for button in resources main page ===*/
.hide {
   position: absolute !important;
   top: -9999px !important;
   left: -9999px !important;
}

.this-will-not-be-read {
   display: none !important;
}
body {
  padding: 50px;
}

/*=======PUBLICATIONS PAGE=======*/
.publications h1 {
	color:#FFB000;
    font-size:170%;
    margin-bottom:15px;
    text-transform:capitalize;
    margin-left:0px;
}
.publications ul li {
	list-style-type: circle;
	margin:25px 10px 15px 25px;
	text-align: justify;
    text-justify: inter-word;
}
.publications p {
	float:left;
    margin:25px 10px 15px 0;
    text-align: justify;
    text-justify: inter-word;
}
.publications i {
	font-style: italic;
}
/*=======DOWNLOAD PAGE=======*/
.download p {
	float:left;
    margin:15px 10px 15px 0;
    text-align: justify;
    text-justify: inter-word;
}
.download i {
   font-style: italic;
}
.download ul li {
	list-style-type: circle;
	margin:15px 10px 15px 25px;
	text-align: justify;
    text-justify: inter-word;
}
#format ul li {
	list-style-type: circle;
	margin:25px 10px 15px 25px;
	text-align: justify;
    text-justify: inter-word;
}
.download #pmlfiles {
	float:left;
    margin:10px 10px 15px 0;
    text-align: justify;
    text-justify: inter-word;
}
.download #format {
	float:left;
    margin:10px 10px 15px 0;
    text-align: justify;
    text-justify: inter-word;
}
.download #downloadlinks {
	float:left;
    margin:10px 10px 15px 0;
    text-align: justify;
    text-justify: inter-word;
}
.download #onlineAccess {
	float:left;
    margin:10px 10px 15px 0;
    text-align: justify;
    text-justify: inter-word;
}
.download h1 {
	color:#FFB000;
    font-size:170%;
    margin-bottom:15px;
    text-transform:capitalize;
    margin-left:0px;
}
.download h2 {
	font-size:100%;
    color:#72AA21;
    font-weight:bold;
	margin-top:15px;
    margin-bottom:10px;
}
/* ===== DOCUMENTATION PAGE ===== */
.documentation i {
   font-style: italic;
}
.documentation p {
	float:left;
    margin:0 10px 15px 0;
    text-align: justify;
    text-justify: inter-word;
}
.documentation .Paraphtext {
	float:left;
    margin:0 10px 15px 0;
    text-align: justify;
    text-justify: inter-word;
}
.documentation h1 {
	color:#FFB000;
    font-size:170%;
    margin-bottom:15px;
    text-transform:capitalize;
    margin-left:0px;
}
.documentation h2 {
	font-size:100%;
    color:#72AA21;
    font-weight:bold;
	margin-top:15px;
    margin-bottom:10px;
}
.documentation ul {
	list-style-type: circle;
	margin:25px 10px 15px 25px;
	text-align: justify;
    text-justify: inter-word;
}
.documentation ul li {
	list-style-type: circle;
	margin:25px 10px 15px 25px;
	text-align: justify;
    text-justify: inter-word;
}
.documentation figure {
	margin-top:10px;
	text-align: center;
	margin-bottom:15px;
}
/* ===== CONTACT PAGE ===== */
.contact #contact_form {
	width:292px;
    float:left;
    padding:0 23px 10px 20px;
}
.contact .vcard  i {
	font-style: italic;
}
.contact .vcard {
	font-size:95%;
}
.vcard .orgstructure {
	text-align: left;
	margin-bottom:15px;
}
.vcard .telfax {
	text-align: left;
	margin-bottom:15px;
}
.vcard .person {
	text-align: left;
	margin-bottom:15px;
}
#contact_form .antiSpam {
	margin-top: 15px;
	margin-bottom: 15px;
}
/* ===== PEOPLE PAGE ===== */
.people h1 {
	color:#FFB000;
    font-size:170%;
    margin-bottom:15px;
    text-transform:capitalize;
    margin-left:0px;
}
.people h2 {
	font-size:100%;
    color:#72AA21;
    font-weight:bold;
	margin-top:15px;
    margin-bottom:10px;
}
.people  i {
	font-style: italic;
}
/* ===== HEADER ===== */
#header {
    height:184px;
	margin-bottom:90px;
}
#header figure {
   height: 230px;
   margin-left:50px;
   top: 0px;
}
#header h1 {
    color:#66CCFF;
    text-transform:capitalize;
    margin-left:0px;
    margin-top:-2px;
    letter-spacing:-1px;
    float: right;
	font-size: 135%;
}
#header h1 span {
    text-transform:capitalize; 
    color:#979797;
    display:block;
    font-size:100%;
    margin-top:-3px;
}
#header h1 i {
	font-style: italic;
}
div #left{
	float: left;
	width: 50%;
}
div #left h2 {
    color:#66CCFF;
    text-transform:lowercase; 
    margin-left:50px;
    margin-top:-1px;
    letter-spacing:-1px;
}
div #right {
	float:left;
    padding:0 23px 10px 20px;
	margin-top: 100px;
	width:auto;
}

/* ===== NAV ===== */
#main-menu {
    height:20px;
    border-bottom:3px solid #72AA21;
    margin-bottom:15px;
	margin-top: -25px;
}
#main-menu h1 {
    position:absolute;
    left:-5000px;
}
#main-menu ul {
    float:right;
    margin-right:67px;
}
#main-menu li {
    float:left;
    margin-left:5px;
}
#main-menu a {
    font-size:74%;
    font-weight:bold;
    text-transform:capitalize;
    color:#ffffff;
    text-decoration:none;
    background-color:#72AA21;
    padding:5px 7px 5px 10px;
    -webkit-border-radius: 6px 6px 0px 0px;
    border-radius: 6px 6px 0px 0px;
}
/* ===== WHO ===== */
#who {
    width:171px;
    float:left;
    border-right:1px solid #DBDBDB;
    padding:0 400px 0px 0px;
}
#infos {
	width: auto;
	text-align:center;
	height:250px;
	margin-bottom:50px;
}
/* ===== WHAT ===== */
#what {
    width:292px;
    float:right;
    padding:0 23px 10px 20px;
}
#who h1,#what h1 {
    color:#FFB000;
    font-size:170%;
    margin-bottom:8px;
    text-transform:capitalize;
    margin-left:38px;
}
#what p {
    float:left;
    margin:0 10px 15px 0;
    text-align: justify;
    text-justify: inter-word;
}
#what i {
  font-style: italic;
}
#who p img {
    margin-bottom:0px;
	margin-left: 100px;
	width: 350px;
	border:2px solid #72AA21;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	border-radius:7px;
}
#who h1 {
	margin-left: 220px;
}
#who h2,#what h2 {
    font-size:76%;
    color:#72AA21;
    font-weight:bold;
    margin-bottom:10px;
}
#who p,#what p {
    font-size:76%;
    color:#979797;
    line-height:1.2;
}
#who p {
    margin-bottom:8px;
}

/* ===== FOOTER ===== */

.footer {
	display:inline-block; 
	height:50px; 
	background: #979797;
	font-size: 12px;
	line-height: 10px; 
	margin-top: 20px;
	margin-bottom: 1px;
}
.footer  i {
	font-style: italic;
}
.footer p {
	float:left;
	color:#ffffff;
    padding:0 5px;
    text-align: justify;
}
.footer p:before {
	content:url(../images/by-nc-sa2.png); 
}

#copyright{
	text-align: center;
	margin-top: 2px;
	margin-bottom: 5px;
	font-size: .7em; 
}
#footer img{
	
	width: 120px;
	height: 50px;
	margin-top: 2px;
	margin-bottom: 5px;
	
}

#policy {text-align: center;}
  #policy ul, #policy ul li {display:inline-block;}

#pied{display:block; height:50px; background-color:#72AA21; font-size: .8em; line-height: 50px;}
	#pied li:before {content:"|";}
	#pied li:first-child:before  {content:"";}
	#pied li{padding:0}
	#pied li a{padding:0 5px;}
	#pied, #pied a{color:#ffffff; !important}