/*
-----------------------------------------------
Words & Bonds Styles
Author:     Vito Tardia
Version:    26 Maggio 2005
Target:     default
----------------------------------------------- */

/* Notes
-----------------------------------------------
   page structure
   links
   header
   footer
   lists
   other...
   
   Background
   Position or float
   Width/Height
   Margin/Padding/Border
   Text formatting and color
----------------------------------------------- */


/* Base Style
----------------------------------------------- */
body {
    background-color: #9E0B0E;
    text-align: center;

    margin: 0;
    padding: 0 0 10px 0;

    font-family: "Lucida Sans", "Trebuchet MS", Verdana, Arial, sans-serif;
    font-size: .85em;
    line-height: 1.8em;
}

html>body {
    font-size: .8em;
    line-height: 1.8em;
}

body.home div#mainContent {
    margin-top: 1.8em;
    line-height: 1.9em;
}

div#accessibility {
    display: none;
}

hr.hide {
    display:none;
}

h1, h2, h3, h4, dt {
    font-family: Georgia, Times, serif;
    font-weight: normal;
    color: #600708;
}

h1 {
    font-size: 230%;
}

h2 {
    font-size: 150%;
    margin: .5em 0em .5em 0em;
}

h3 {
    margin: .5em 0em 0em 0em;
    font-size: 125%;
    font-style: italic;
}

h4 {
    margin: 0;
    padding:0;
    font-family: "Lucida Sans", "Trebuchet MS", Verdana, Arial, sans-serif;
    font-size: 100%;
    font-weight:bold;
}

ul {
    margin-top: .5em;
    margin-bottom: .5em;
}

p {
    margin: .5em 0em .5em 0em;
}

a:link, a:visited, a:active {
	color: #583e24;
	font-weight: bold;
	text-decoration: underline;
}

a:hover {
	color: #583e24;
	text-decoration: none;
}

/* Page Structure
----------------------------------------------- */
div#pageContainer {
    background: #FFF8DC url("../img/bg_page_container.gif") repeat-y;

    position: relative;
    width: 715px;
    
    padding: 0;
    margin: 0 auto;
    
    text-align: left;
}

div#mainContent {
    float:left;
    width: 100%;
    /*border: 1px dotted black;*/
}

div#mainContent h1 {
    margin: 10px 29px 20px 30px;
    padding: 0 0 10px 10px;
    border-bottom: 1px dotted #71080A;
}

div#mainCol {
    float:left;

    width: 445px;

    margin-left: 20px;  /*IE Hack*/
    padding: 0px 12px 12px 0px;    /*IE Hack*/
    
    /*border: 1px dotted red;*/
}

/*Standard browser only*/
html>body div#mainCol {
    margin-left: 30px;
    padding: 0px 12px 12px 10px;
}

div#sideCol {
    float:left;

    width: 176px;

    padding: 12px;
    margin-top: -32px;

    font-size: 90%;
   /* border: 1px dotted red;*/
}

div#sideCol h2 {
    font-size: 120%;
	background: transparent url("../img/bg_h2_side.gif") no-repeat top left;
	text-indent: 22px;
	border-bottom: 1px dotted #71080A;
}

div#sideCol p {
	margin-left: 10px;
}

/* Header
----------------------------------------------- */
div#header {
    background: transparent url("../img/bg_header.jpg") no-repeat;

    width: 715px;
    height: 158px;

    margin: 0;
    padding: 0;
}

div#header h1 {
    
    position: relative;
    top: 17px;
    left: 7px;
    
    width: 339px;
    height: 62px;
    
    margin: 0;
    padding: 0;
    
    text-indent: -9999px;
}

div#header p.tagLine {
    text-indent: -9999px;
}

div#header h1 a:link, div#header h1 a:visited	{
	background: transparent;
	display: block;	

	width: 339px;
	height: 62px;

	border: 0;

	text-decoration: none;
}

/* Main navigation
----------------------------------------------- */
ul#mainNav {
    position: absolute;
    top: 133px;
    left: 30px;
    
    width: 660px;

    margin: 0 .5em .5em 0;
    padding: 0;

    list-style-type: none;

    text-align: left;
    font-size: 90%;
}

ul#mainNav li {
    display:inline;
    
    margin: 0 .5em 0 0;
    padding: 0;
}

ul#mainNav li#linkEnglish, ul#mainNav li#linkItaliano {
    position: absolute;
    top: 0px;
    right: 0px;
    display:inline;
    width: 12em;
    
    margin: 0 .5em 0 0;
    padding: 0;
    text-align:right;
}

ul#mainNav li.current {
	font-weight: bold;
}

ul#mainNav a {
	font-weight: bold;
	color: #71080A;
	text-decoration: none;
}

ul#mainNav a:hover {
	font-weight: bold;
	color: #71080A;
	text-decoration: underline;
}

ul#mainNav li#linkEnglish a, ul#mainNav li#linkItaliano a {
	color: #583e24;
}

/* Side navigation
----------------------------------------------- */

ul#aboutNav {
    margin: 0;
    padding: 0;

    list-style-type: none;

    font-size: 95%;
}

ul#aboutNav li {
    margin: 0;
    padding: 0 0 0 25px;
}

ul#aboutNav li.current {
	font-weight: bold;
}

ul#aboutNav a {
	font-weight: bold;
	color: #845d36;
}

ul#aboutNav a:link, ul#aboutNav a:visited, ul#aboutNav a:active {
	text-decoration: none;
}

ul#aboutNav a:hover {
	text-decoration: underline;
}

/* Footer
----------------------------------------------- */
div#footer {
   background: transparent url("../img/bg_footer.gif") no-repeat bottom left;
   clear: both;

   margin: 0;
   padding: 0 0 17px 0;

   font-size: .8em;
   line-height: 1.6em;
   text-align: center;
   
}

div#footer p {
	margin: 0 30px 5px 30px;
}

div#footer p.legal {
	padding-top: 5px;
    border-top: 1px dotted #71080A;
}
