/* Let's get medieval */

/*

------------------------------------------------------
Copyright Stefano Gardinale, http://www.magritte.it/
some rights reserved
http://creativecommons.org/licenses/by-sa/2.0/

You are free to use this style sheet and its
associated image files to create your own site.
However, we ask that you respect the template's
creator by maintaining this attribution in
the style sheet.
------------------------------------------------------

*/

body {
font-size: 81%;
font-family: Verdana, Helvetica, Arial, sans-serif;
margin: 0;
padding: 0;
background-color: #fff;
}

#banner {
padding: 1.0em 0em 1.0em 1.0em;
background: #B31A1A;
margin-bottom: 0;
}

#banner p {
font: bold 2.0em "Trebuchet MS", "Lucida Console", sans-serif;
margin: auto 1.5em auto 0;
letter-spacing: -0.05em;
color: #fff;
}

#banner p:first-letter {
font: bold 3.0em "Trebuchet MS", "Lucida Console", sans-serif;
color: #F0B372;
margin-right: -0.125em;
}

#nav-toplevel {
max-width: 56.0em;
}

/* ------- NAV META  -------  */

#nav-meta {
font-size: 1.0em;
line-height: 1.2em;
font-variant: small-caps;
position: absolute;
top: 1.0em;
right: 1.0em;
width: 15.0em;
padding: 0;
color: #fff;
background: transparent;
}

#nav-meta ul {
list-style: none;
margin: 0;
padding: 0;
}

#nav-meta li {
list-style: none;
margin: 0;
}

#nav-meta ul li a:link, #nav-meta ul li a:visited {
text-decoration: none;
color: #fff;
background: transparent;
padding-left: 0.5em;
display: block;
border-bottom: 1px solid #ececec;
}

#nav-meta ul li a:hover, #nav-meta ul li a:active, #nav-meta ul li a:focus {
border-bottom: 1px solid #D52E2E;
color: #D52E2E;
background: #F7D9AF;
display: block;
}

/* ------- MAIN NAVIGATION  -------  */

#nav-toplevel {
width: 100%;
background: transparent;
}

#nav-main {
background: transparent;
margin: 0;
padding: 0;
font: bold 1.1em "Trebuchet MS", georgia, serif;
font-variant: small-caps;
}

#nav-main:after {
content: ".";
display: block;
line-height: 1px;
font-size: 1px;
clear: both;
}

#nav-main ul {
list-style: none;
padding: 0;
margin: 0 ;
}

#nav-main li {
display: block;
float: left;
width: 13%;
margin: 0 0.8% 0 0;
padding: 0;
}

#nav-main ul li a:link, #nav-main ul li a:visited {
display: block;
width: 100%;
padding: 0.3em;
border-right: solid 1px #B31A1A;
border-bottom: solid 1px #B31A1A;
color: #345678;
text-decoration: none;
text-align: center;
}

#nav-main li a {
width: auto;
}

#nav-main ul li a:hover {
color: #fff;
background: #B31A1A;
}

#nav-main ul li a.current {
color: #fff;
background: #B31A1A;
}

#container {
max-width: 66.0em;
clear: both;
width: 100%;
margin: 3.0em auto 0 0;
}

#content {
width: 73%;
padding: 1.5em 1.5em 1.5em 1.5em;
margin: 0;
float: left;
border-right: solid 1px #C90000;
color: #4F4F4F;
}

/* ------- SUBNAVIGATION  -------  */

#nav-subs {
float: left;
width: 20%;
margin: 0;
padding: 0;
border-bottom: solid 2px #900;
font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
font-size: 0.9em;
}

#nav-section:before {
content: " Other links";
display: block;
font: bold 1.3em "Trebuchet MS", arial, sans-serif;
padding: 0 0.5em;
color: #900;
}

#nav-section ul {
border-top: solid 1px #900;
list-style: none;
border-bottom: solid 2px #900;
margin: 0;
padding: 0;
}

#nav-section li a:link, #nav-section li a:visited {
display: block;
border-bottom: solid 1px #ddd;
border-right: solid 0.9em #F4C6A1;
padding: 0.125em 1.0em;
color: #777;
text-decoration: none;
}

#nav-section li a:hover, #nav-section li a:active, #nav-section li a:focus {
border-right: solid 0.9em;
background: #FFFFCC;
color: #900;
}

/* ------- NAVIGAZIONE SUPPLEMENTARE  -------  */

#nav-supp {
margin: 1.0em 0 0 0;
padding: 0;
}

#nav-supp:before {
content: " Further links";
display: block;
font: bold 1.3em "Trebuchet MS", arial, sans-serif;
padding: 0 0.5em;
color: #900;
border-bottom: solid 1px #900;
}

#nav-supp ul {
list-style: none;
margin: 0;
padding: 0;
}

#nav-supp li a:link, #nav-supp li a:visited {
display: block;
padding: 0.125em 1.0em;
border-bottom: solid 1px #ddd;
border-left: solid 0.9em #F7D9AF;
color: #666;
text-decoration: none;
text-align: right;
}

#nav-supp li a:hover, #nav-supp li a:active, #nav-supp li a:focus {
background: #F7D9AF;
border-left: solid 0.9em #900;
color: #900;
}

#info-site {
margin: 2.0em 0;
padding: 1.0em 4.6em;
font-size: 0.8em;
clear: both;
border-top: solid 1px #C90000;
}

#info-company, #info-standards {
display: inline;
}

#info-standards {
margin-left: 2.0em;
}

/* ------- GENERAL TAGS  -------  */

h1, h2, h3, h4, h5, h6 {
font-family: "Trebuchet MS", georgia, times, "Times New Roman", serif;
letter-spacing: -1px;
margin: 0.5em 3.0em 0.5em 0;
}

#content * {
margin: 0;
}

#content p, #content ol, #content ul {
font-size: 1.0em;
font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
line-height: 1.9em;
margin: 0.5em 2.0em;
text-align: justify;
}

#content p {
text-indent: 1.5em;
}

#content h1 + p, #content h2 + p, #content h3 + p, #content h4 + p {
text-indent: 0;
}

h1 {
font-size: 2.4em;
border-bottom: solid 1px;
color: #C90000;
}

h2 {
font-size: 2.1em;
color: #C90000;
}

h3 {
font-size: 1.8em;
color: #C90033;
border-bottom: dashed 1px;
}

h5 {
font-size: 1.4em;
color: #C90033;
}

h6 {
font-size: 1.1em;
color: #C90033;
}

a:link, a:visited {
color: #444;
font-weight: bold;
}

a:hover, a:active, a:focus {
color: #888;
font-weight: bold;
}