* {margin: 0;
   padding: 0;}
   
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	background-color: #BBAE79;
	background-image: url('images/bg.jpg');
}

#container {
	width: 57em;
	margin: 1em auto;
	background-color: #FFFFFF;
	font-size: .8em;
	border: 1px solid #75778E;
	padding: 1em;
}

#header {
	margin-bottom: 1em;
	border: 1px solid #EFEFEF;
	height: 10em;
	background-color: #FEFDFD;
	background-image: url('images/tagliere.png');
	background-repeat: repeat-y;
	background-position:  left 50%;
}


#content {
	float: right;
	width: 39.8em;
	padding: 0.5em;
	border: 1px solid #CCCCCC;
	background-image: url('images/capra.gif');
	background-repeat: no-repeat;
	background-position: right top;
	margin-top: 1em;
	margin-bottom: 1em;
	background-color: #FCFCFC;
	text-align:left
}

#leftbox{
	padding: 0.5em;
	margin-right: 42em;
	background-color: #fcfcfc;
	background-repeat: no-repeat;
	background-position: right top;
	margin-top: 1em;
	border: 1px solid #CCCCCC;
	margin-bottom: 1em;
	text-align:left;


}  


#location{
	padding: 0.5em;
	margin-right: 42em;
	background-color: #fcfcfc;
	background-repeat: no-repeat;
	margin-top: 1em;
	border: 1px solid #CCCCCC;
	margin-bottom: 1em;
	background-image: url('images/location.jpg');
	background-repeat: no-repeat;
	background-position: right top;
width: 180px;
height: 180px

}  





#footer {
	clear: both;
	padding: 0.1em;
	background-color: #646675;
	color: #FFFFFF;
	text-align: center;
	font-size: .9em;
	border: 1px solid #CCCCCC;
	margin-top: 1px;
}

p {
	margin-top: 1em;
	margin-bottom: 1em;
	padding: .5em;
}




h4 {
	font-size: .9em;
	padding: .5em;
	color: #ffffff;
	border: 1px solid #dddddd;
	background-color: #646675;
}





h3 {
	font-size: .9em;
	padding: .5em;
	color: #333333;
	border: 1px dotted #CCCCCC;
	background-color: #F3F3F3;
}

h2 {
	font-size: .9em;
	padding: 0.5em;
	margin-bottom: 1em;
	color: #9C8E54;
}

h1 {
	font-size: 5.3em!important;
	font-size: 3.3em;
	padding: 0.5em;
	margin-bottom: 1em;
	color: #9C8E54;
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
}



a:link {color: #999900;}
a:visited {color: #999900}
a:hover {color: #000000}
a:active {color: #890000}

/********** Top navigation *************/
#navlist
{
	height: 2.0em!important;
	height: 2.1em;
	padding: 1.7em 0em 0.3em 0.4em;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	background-repeat: no-repeat;
	background-color: #646675;
}

#navlist a, #navlist a:link, #navlist a:visited
{
border: 1px solid #CCCCCC;
padding: 1.2em;
padding-left: 0.5em;
padding-right: 0.5em;
color: #CEC192;
text-decoration: none;
}

#navlist a:hover, #navlist a:active, #navlist a:focus
{
	border: 1px solid #BBAE79;
	padding: 1.1em;
	padding-left: 0.5em;
	padding-right: 0.5em;
	text-decoration: none;
	color: #FFFFFF;
}

#navlist li
{
padding-right: 1px;
display: inline;
font-size: 1em;
}

#navlist ul
{
margin: 0px;
padding: 0px;
}

#navlist #active a {
	background-color: #CDCDB3;
	color: #000000;
	font-size: 1em;
	font-weight: bold;
}
   
dl{
	margin-bottom: 1.5em;
	margin-left: 2em;
}

dt{
	font-style: italic;
	color: #7E0000;
	font-weight: bold;
}

dd{
	margin-bottom: .3em;
	text-indent: .5em;
}



/* default setup that everything sees */
.shadow {
  /* needed for Internet explorer */
  height: 1em;
  filter: Shadow(Color=#666666, 
                 Direction=135, 
                 Strength=5);

  /* Needed for Gecko */
  line-height: 2em;
  white-space: nowrap;
}

/* 
 * used by browsers which know about
 * :before to create the shadow 
 */
.shadow:before {
  display: block;
  margin: 0 0 -2.12em 0.15em;
  padding: 0;
  color: #666666; 
}

#shadow_1:before { 
  content: 'In shadow'; 
}
#second_2:before { 
  content: 'Happy Shadowing!'; 
}

/*\*/
html*.shadow {

  [color:red;/* required by Safari 
              * so that [] is correctly
              * begun. associated with
              * the property, yet hiding
              * it. Seen by IE6 */

    /* 
     * seen by IE6 and Safari, but hidden
     * from Gecko 
     */
    text-shadow: #666666 5px 5px 5px; 

  ]color:auto; /* resets color for IE6 */
}/**/

/* 
 * end hack using dummy attribute selector
 * for IE5 mac
 */
.dummyend[id]{clear: both;}

/*\*/
html*.shadow:before {

  [color:red;/* required by Safari. 
                seen by IE6 */

    /* 
     * seen by IE6 and Safari, but hidden
     * from Gecko 
     */
    display: none;

  ]color:auto; /* resets color for IE6 */
}/**/

/* 
 * end hack using dummy attribute selector
 * for IE5 mac
 */
.dummyend[id]{clear: both;}



#foto_scroller {
float: right;
border: 0px dotted;
width: 150px;
height: 150px;
top: 13px;
margin-right: 2em;
position: relative;
background-color: transparent;
border: 0px dotted;
}


#slogan {
border: 0px dotted;
width: 150px;
height: 74px;
margin-top: 10px;
margin-left: 29em;
background-color: transparent;
}

#sitename {
float: left;
border: 0px dotted;
width: 350px;
height: 1px;
top: 0px;
margin-left: 2.5em;
background-color: transparent;
border: 0px dotted;
}


.subtitle {
margin-left: 0em;
border: 0px dotted;
}