/* Desert island CSS selection */

/*

------------------------------------------------------
Copyright Atilla Hulsebos, http://www.kzoiks.com/
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.

Notes

1. This style sheet makes use of the !important
hack to compensate for poor support in IE.
For more info on this hack see
http://www.evolt.org/article/Ten_CSS_tricks_you_may_not_know/17/60369/
------------------------------------------------------

*/

html {
font-family:arial, helvetica, sans-serif;
font-size:76%;
color: #940D0D;
background-image:   url(immagini/background.jpg); }

body {
position:relative;
width:700px;
height: 550px;
padding:1px 25px 258px 20px;
margin:1px auto 10px auto;
border: 2px #940D0D solid;
}

#banner {
position:absolute;
left:0;
width:100%;
height:228px;
padding:0 !important;
padding-right:50px;
border-top:1px solid #940D0D;
border-bottom:1px solid #940D0D;
background-image:   url(immagini/logo.jpg);
background-repeat: no-repeat; }

#banner p {
position:absolute;
top:0px;
left:164px;
width: 580px;
height: 228px;
padding:0;
margin:0;
}

#nav-toplevel {
position:relative;
right:75px;
margin-right:-25px;
}

#nav-meta {
position:absolute;
top:1px !important;
top:0px;
right: 1em;
}

#nav-meta ul {
display:inline;
margin:0;
padding:0;
}

#nav-meta ul li {
display:inline;
margin:0 !important;
margin-left:3px;
padding:1px;
background-color: #ffc7a1;
border: 1px #940D0D solid;
border-top:none;
list-style:none;
}

#nav-meta a {
padding-left:2px;
font-size:1em;
letter-spacing:0.04em;
color: #940D0D;
text-decoration:none;
margin:0 !important;
margin-right:-2px;
}

#nav-meta li:hover {
border-top:1px dashed #940D0D;
}

#nav-meta a:hover {
background-color:transparent !important;
text-decoration:none !important;
text-decoration:overline;
background-color:white;
}

#nav-main {
position:absolute;
top:230px;
left:17em; 
height:20px;
width:580px;
font-family:Georgia, serif;
font-size:1.1em;
z-index:1;
}

#nav-main ul {
padding-left: 0em;
margin-bottom: 0em;
margin-left: 0em;
margin-right: 0em;
margin-top: 0.3em; }

#nav-main ul li {
display:inline;
background-color: #ffcfa1;
border: 1px #e5c840 solid;
border-top:none;
list-style:none;
margin:0 !important;
margin-left:-3px;
padding-bottom:2px !important;
padding:0;
}

#nav-main a {
text-decoration:none;
color: #940D0D;
margin:0 !important;
margin-right:-3px;
padding:0 3px 0 3px !important;
padding-bottom:2px;
}

#nav-main ul li a.current {
border-top:5px solid #FFF;
background:#FFF;
}

#nav-main li:hover {
background-color:#FFF;
border:1px solid #ECECEC;
border-top:5px solid #FFF;
color: #940D0D; }

#nav-main li a:hover {
background-color:#FFF;
color: #940D0D;
}

#container {
position:relative;
top:260px;
height:100%;
margin-bottom:30px;
}

#content {
position:relative;
width:525px;
background:transparent;
overflow: auto;
height: 525px; }

#content p {
font-size:1.08em;
line-height:1.4em;
padding: 0px 11px 0px 20px;
margin: 0em 10px 0.5em 0px;
background-color: transparent; }

#content ol, #content ul {
font-size:1.08em;
line-height:1.4em;
padding:6px 11px 13px 40px;
margin:0 13px 1.1em 0;
background-color: transparent; }

h1,h2,h3,h4,h5,h6 {
height:auto !important;
height:30px;
margin-top:0;
margin-left:11px;
font-family:serif;
font-style:italic;
letter-spacing:0.04em;
border-bottom:1px solid #940D0D;
background-color: transparent;
}

h1 {
	width: 480px;
	padding-top:0.3em;
	padding-left:12px;
	font-size:1.4em;
	color:#940D0D;
}

h2,h3,h4,h5,h6 {
width:470px;
font-size:1.3em;
color:#940D0D;
padding-left:25px;
background-color: transparent; }

h1:first-letter ,h2:first-letter {
	font-size:1.4em;
	text-transform:uppercase;
}

h3:first-letter ,h4:first-letter ,h5:first-letter ,h6:first-letter {
font-size:1.3em;
text-transform:uppercase;
}
#nav-subs {
position:absolute;
top:10px;
right:0px;
width:175px;
padding-top:5px;
border-top:1px solid #ECECEC;
border-bottom:1px solid #ECECEC;
}

#nav-subs li {
list-style:none;
margin:0;
padding:3px;
padding-left:15px;
border-top:1px solid #888;
}

#nav-subs li a {
width:100%;
display:block;
padding-left:10px;
text-decoration:none;
color: #940D0D;
background:transparent url("immagini/dot1.gif") left center no-repeat;
}

#nav-subs li a:hover {
text-decoration:none;
color: #940D0D;
background:transparent url("immagini/dot2.gif") left center no-repeat;
}

#nav-subs .youarehere {
text-decoration:none;
color:#333;
background:transparent url("immagini/dot3.gif") left center no-repeat;
}

#nav-section {
border-bottom:1px solid #ECECEC;
}

#info-site {
position:absolute;
bottom:26px !important;
bottom:15px;
right:30px;
width:100%;
font-size:0.94em;
}

#info-company {
position:absolute;
right:0;
}

#info-standards {
position:absolute;
right:0;
top:-1.2em;
}

/*additional*/
A:link {
color: #940D0D;
text-decoration:underline;
}

A:visited {
color:#940D0D;
text-decoration:underline;
}

A:hover {
color:#ccc;
text-decoration:none;
}

A:active {
color:#000;
text-decoration:none;
}

abbr, acronym {
font-style:normal;
border-bottom:dotted 1px #ABB1B7;
cursor:help;
}

code, kbd, samp {
display:block;
padding:10px;
border-left:10px solid #DDD;
font-family:monaco, "Courier new", courier, monospace;
}

table
{background:transparent;
border-collapse: collapse;
border-spacing: 0px;
border: 1px #a6a6a6 solid;
width: 95%;
margin-left: 10px;
}

td
{background:transparent;
border: 1px #a6a6a6 solid;}

td.cell
{width: 30%;
background:transparent;
text-align: center;
vertical-align: top;
padding: 6px; }
