﻿/*tag styles*/

html,body {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 100%;
	line-height: 1.125em; /* 16¡Á1.125=18 */
	padding: 0px;
	margin: 0px;
	height:100%;
	color: #black;
	background-color: #FFF8D8;
	background-image: url(fondomenu.gif);
	background-repeat: repeat-y;
}


img {
	border: 0;
}

/*Header Styles*/

#header{	
	background: #FFFF44 url(hdbck.jpg) repeat-x;	
	height: 148px; 
	margin: 0;
	border-top: solid 12px #FEA;
	position: absolute;
	top:0;
	left:0;
	width:100%;
	z-index:100;
}

#header h1{ 
	font-weight: bold;
	margin: 0;
	color: white;
	font-size: 2em;
}

#header h3{
	font-weight: bold;
	font-size : 1em;
	margin: 0;
	color: orange;
	padding: 124px 0 0 200px;
}

#header hr{
	display:none;
}

#logo{	
	position: absolute;
	top: 1px;
	left:0px;	
}

/*end header*/

#page {	
	z-index:50;
	position:absolute;
	top: 0px;
    left: 0px;  
 
    width:100%; 
    background:#FFF8D8 url(decor.jpg) no-repeat;
	background-position: right 194px;
 /*   height:auto !important; /* real browsers */
 	height:100%; /* IE6: treaded as min-height*/
 /* 	min-height:100%; /* real browsers */
}



#menu {
	z-index:70;
	position:absolute;
	top: 0px;
	left: 0px;
	//height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	//	min-height:100%; /* real browsers */
	background-color:#FEA;
	text-align: center;
	/*font-weight: bold;*/ /*altrimenti Area socio edu.. esce*/
	padding: 0;
	list-style-type: none;
	margin: 0;
	float: left;
	font-family: "lucida handwriting", cursive;
	font-size: 0.8em;
	color: orange;
	width: 170px;
	text-align: center;	
}

#menu dl, #menu dt, #menu dd, #menu ul, #menu li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#menu dt {
	cursor: pointer;	
}

#menu li a, #menu dt a {
	color: orange;
	text-decoration: none;
	display: block;
	padding-top: 26px;
	padding-bottom:8px;
	height: 100%;
}

#menu li a {
	background: url(button.gif) 50% 0 no-repeat;
	margin-top: -21px;		
}

#menu dt a {
	background: url(button.gif) 0% 0 no-repeat;	
}

#menu dt {
	margin-top: -21px;	
	position: relative;	
}

#menu li a:hover, #menu dt a:hover {
	background: url(button.gif) 100% 0 no-repeat;
	color: #640;
}

dt#menu1 {
	margin-top: 158px;		
	Z-INDEX: 85;
	}
	
dt#menu2 {
		Z-INDEX: 80;
	}
	
dt#menu3 {		
		Z-INDEX: 75;
	}
		
dt#menu4 {
		Z-INDEX: 70;
	}
	
dt#menu5 {
		Z-INDEX: 65;
	}
		
dt#menu6 {		
		Z-INDEX: 60;
	}
	
dt#menu7 {		
		Z-INDEX: 55;
	}
			
dt#menu8 {			
		Z-INDEX: 50;
	}
	
dt#menu9 {	
		Z-INDEX: 45;
	}
		
dt#menu11 {	
		Z-INDEX: 40;
	}	

/* IE kludge to remove gaps between list items */
* html body #menu dt a,
* html body #menu li a  {
	height: auto;
}

/* another IE kludge to make <a> expand to fill <li> */
* html body #menu li a,
* html body #menu dt a {
	width: 100%;
}

/* Content styles*/

#content {
	margin: 0 230px 0 170px;
	padding:165px 0 20px 34px;	
	background-color: #FFF8D8;
}

#content p {
	text-align: justify;
	margin: 0.5em 0 1em 0;
}

#content h2 {
	font-family: "lucida handwriting", cursive;
	font-weight: normal;
	font-size : 22px;
	margin: 0.3em 0 0 0;
	color: orange;
}

#content h3 {
	font-family: "lucida handwriting", cursive;
	font-weight: normal;
	font-size : 18px;
	margin-top: 0.5em;
	color: orange;
}

/*#endquote {
	position: absolute;
	top: 440px;
	right: 26px;
	text-align: right;
	margin-top: 3em;
	padding: 5px;
	padding-right: 20px;
	width: 150px;
	background-color: #FEA;

}

#endquote q{
	font-style: italic;
	font-weight:bold;
	line-height: 1.55em;
	color: orange;

}*/

.rbroundbox {
	background-color: #FEA; 
}

.rbtop div { 
	background: url(rounded_002.gif) no-repeat top left; 
}

.rbtop {
	 background: url(rounded_004.gif) no-repeat top right; 
}

.rbbot div { 
	background: url(rounded_005.gif) no-repeat bottom left; 
}

.rbbot { 
	background: url(rounded.gif) no-repeat bottom right; 
}

.rbtop div, .rbtop, .rbbot div, .rbbot {
	width: 100%;
	height: 7px;
	font-size: 1px;
}

.rbcontent { 
	margin: 0 7px;
}

.rbroundbox q { 
	font-style: italic;
	font-weight:bold;
	line-height: 1.55em;
	color: orange;
}

.rbroundbox { 
	position: absolute;
	top: 440px;
	right: 30px;
	text-align: right;
	margin-top: 3em;
	width: 165px;
}

#endquote-due{
	padding: 1px 10px;
	background-color: #FEA;
	width: 600px;
}

#endquote-tre {
	text-align: right;
	margin-top: 3em;	
}

#endquote-tre h6{	
	line-height: 1.75em;
	padding: 8px;
	color: orange;
}


/*
#column{
	position: absolute;
	top: 190px;
	right: 24px;
	text-align: center;
}

#contactbox{
	border: solid 1px orange;
	width: 220px;
	background: white;
	margin-bottom: 16px;
	text-align: left;
	font-size: 0.7em;
}

#contactbox address, h5{
	
	margin: 8px;
	font-style: normal;
}

#contactbox address{
	margin: 0 8px 8px 8px;
}

#contactbox h5{
	margin: 8px 8px 0 8px;	
	color: orange;
	font-weight: bold;
	font-size: 1em;
}
*/
.orange{
	color: orange;
}

#column img{
	margin-left: auto;
	margin-right:auto;
}

ul{
	margin: 0px;
	padding: 0 0 0 1em;
}

h4 {
	margin: 0;
	padding: 0.5em 0 0.5em 0;
}
table {
	width: 600px;
	background-position: center;
}
h6 {
	margin: 0px;
}

h6 a{
	color: brown;
	margin: 0px;
	font-size: x-small;
}

.color {
	color: orange
}