body {
     font: 100.01% Verdana, Arial, Helvetica, sans-serif;
     background: #FFF;
     margin: 0;
     padding: 0;
     text-align: center;
}
/* this selector will keep the page from appearing to "jump" when there is not a scrollbar by forcing one to be there all the time */
html, body {
	min-height:100%;
	margin-bottom:1px;
}
#holder {
     margin: 0 auto 10px;
     padding: 0 0 32px; /*the bottom padding value creates the space before the curved bottom graphic */
     width: 750px;
     text-align: left;
     position: relative;
	 background: url(images/foot.gif) no-repeat 3px 100%;
}
#header {
	background: url(images/anteo.jpg) no-repeat;
	height: 103px;
}
#header .map, #header .links, #header .contattaci, #header .account {
	position: absolute;
	top: 5px;
	padding: 0;
	margin: 0;
	height: 21px;
}
#header .map {
	width: 87px;
	left: 15px;
}
#header .links {
	left: 505px;
	width: 47px;
}
#header .contattaci {
	left: 552px;
	width: 80px;
}
#header .account {
	left: 632px;
	width: 96px;
}
#header h4 a img {
	border: none;
}
#header span {
	position: absolute; 
	/*visibility: hidden;
	display: none; */
	top: -10000px;  
	width: 10%; 
	overflow: hidden; 
	margin: 0; 
	padding: 0;
}

/* top navigation area selectors */
#nav { 
	background: #E5DDEC url(images/nav_lft.gif) no-repeat left top; 
	padding-left: 18px;
}
#navwrap {
	background: #E5DDEC url(images/nav_rt.gif) no-repeat right top;
	padding-right: 19px;
	margin-right: 2px;
	margin-left: 3px;
	width: 726px;
}
#nav ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
	width: 708px;
	font: 900 70% Helvetica, Arial, sans-serif;
}
#nav li {
	padding: 0;
	margin: 0;
	float: left;
}
#nav li a:link, #nav li a:visited {
	display: block;
	color: #582F90;
	text-decoration: none;
	margin: 0;
	padding: 17px 0 4px;
	text-align: center;
}
li#primalnk a {
	width: 142px;
	background: #D1C3DE url(images/nav_1.gif) no-repeat;
}
li#cooplnk a {
	width: 142px;
	background: #D1C3DE url(images/nav_2.gif) no-repeat;
}
li#areelnk a {
	width: 142px;
	background: #D1C3DE url(images/nav_3.gif) no-repeat;
}
li#formalnk a {
	width: 142px;
	background: #D1C3DE url(images/nav_4.gif) no-repeat;
}
li#attivlnk a {
	width: 140px;
	background: #D1C3DE url(images/nav_5.gif) no-repeat;
}
#nav li a:hover, #nav li a:active, #nav li a:focus {
	color: #FFF;
}
li#primalnk a:hover, li#primalnk a:active, li#primalnk a:focus, body#primapg li#primalnk a {
	background: #9677B5 url(images/nav_1_on.gif) no-repeat;
}
li#cooplnk a:hover, li#cooplnk a:active, li#cooplnk a:focus, body#cooppg li#cooplnk a {
	background: #9677B5 url(images/nav_2_on.gif) no-repeat;
}
li#areelnk a:hover, li#areelnk a:active, li#areelnk a:focus, body#areepg li#areelnk a {
	background: #9677B5 url(images/nav_3_on.gif) no-repeat;
}
li#formalnk a:hover, li#formalnk a:active, li#formalnk a:focus, body#formapg li#formalnk a {
	background: #9677B5 url(images/nav_4_on.gif) no-repeat;
}
li#attivlnk a:hover, li#attivlnk a:active, li#attivlnk a:focus, body#attivpg li#attivlnk a {
	background: #9677B5 url(images/nav_5_on.gif) no-repeat;
}

/* subnavigation selectors */
#subnav {
	background: #F0EAF8 url(images/subnav.jpg) repeat-x;
	padding-bottom: 6px;
	margin-bottom: 10px;
	height: 18px; /*this holds the subnav open on pages where there's not a subnavigational menu -- we may not want to use it on pages where there IS a submenu since in some browsers the div won't grow when text size does... dependent selector needed? */
}
#subnav ul {
	margin: 5px 0 0 40px;
	padding: 0;
	list-style: none;
	font-size: 70%;
}
#subnav li {
	padding: 0 20px 0 0;
	margin: 0;
	float: left;
}
* html #subnav li {
	height: 1%;
}


/* this is for the small sidebar content */
#sidebar {
	width: 200px;
	float: right;
	margin-left: 10px;
}
#sidebar p, #content p {
	font-size: 70%;
	color: #574866;
}
#sidebar h3 {
	font: 800 90% Helvetica, Arial, sans-serif;
	margin-top: 22px;
}
#intranet h3 {
	color: #623492;
}
#newsletter h3 {
	color: #1F5DB2;
}
#polls h3 {
	color: #109091;
}
#sidebar .sidepod h3 {
	color: #623492;
	margin-top: 4px; /* centers the headings vertically in the graphic */
}
#intranet, #newsletter, #polls {
	background: url(images/intranet.jpg) no-repeat top right;
	padding: 10px;
	margin-top: 10px;
}
#newsletter {
	background: url(images/newsletter.jpg) no-repeat top right;
}
#polls {
	background: url(images/polls.jpg) no-repeat top right;
}

/* creates the body of the pod with the lavender graphic */
.sidepod {
	background: url(images/podbottsmall.jpg) no-repeat 100% 25px;
	padding-top: 26px;/* leaves enough space for the top varied-color graphic to show */
	padding-left: 28px;
	margin-top: 8px;
	padding-bottom: 20px;
}
/*\*//*/
.sidepod {
	margin-top: 1px;
}
/* The above shows only to IE Mac to get rid of a space it believed belonged between the .pod and its heading */


/* creates the varied-colored pod tops for the sidebar area */
#sidebar .redpod {
	background: url(images/red_sm.jpg) no-repeat 2px 0px;
}
#sidebar .greenpod {
	background: url(images/green_sm.jpg) no-repeat 2px 0px;
}
#sidebar .yellowpod {
	background: url(images/yellow_sm.jpg) no-repeat 2px 0px;
}
#sidebar .orangepod {
	background: url(images/orange_sm.jpg) no-repeat 2px 0px;
}
#sidebar .violetpod {
	background: url(images/violet_sm.jpg) no-repeat 2px 0px;
}
#sidebar .indigopod {
	background: url(images/indigo_sm.jpg) no-repeat 2px 0px;
}
#sidebar .tealpod {
	background: url(images/teal_sm.jpg) no-repeat 2px 0px;
}
#sidebar .bluepod {
	background: url(images/blue_sm.jpg) no-repeat 0px 0px;
}

#sublinks {
	background: url(images/sublevel_title.jpg) no-repeat right top;
	padding-top: 15px;
	padding-bottom: 10px;
	font-size: 90%;
}
#sublinks p {
	font-weight: bold;
	margin: 0 5px;
	color: #5D2B8F;
	padding-bottom: 3px;
}
#sublinks ul {
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 70%;
}
#sublinks li {
	background: #F0EAF8 url(images/subnav.jpg) repeat-x;
	padding: 5px 1px 8px 0;
	margin: 0;
}
/* hide from IE Mac and only show to IE PC \*/
* html #sublinks li {
	padding-top:4px;
	padding-bottom: 4px;
}
/* end the hide */
a:link, a:visited { /* sitewide links */
	text-decoration: none;
	color: #E00505;
}
#subnav a { /* top subnav bar links */
	padding-left: 13px;
	background: url(images/subdot.gif) no-repeat 0px 3px;
}
#sublinks a { /* sidebar links */
	background: url(images/subarrow.gif) no-repeat 5px 4px;
	padding-left: 18px;
}

a:hover, a:active, a:hover { /* sitewide hover */
	text-decoration: underline;
}
#sublinks a:hover, #sublinks a:active, #sublinks a:focus { /* sidebar links arrow change */
	background: url(images/subarrow_on.gif) no-repeat 5px 4px;
}

/* this is for the main content area */
#content {
	width: 540px;
	float: right;
}
.pod h1, .pod h2 {
	color: #623492;
	font: 800 90% Helvetica, Arial, sans-serif;
	margin-top: 4px; /* centers the headings vertically in the graphic */
}

/* creates the body of the pod with the lavender graphic */
.pod {
	background: url(images/podbottom.jpg) no-repeat 0px 25px;
	padding-top: 26px;/* leaves enough space for the top varied-color graphic to show */
	padding-left: 28px;
	margin-top: 8px;
	padding-bottom: 20px;
}
/*\*//*/
.pod {
	margin-top: 1px;
}
/* The above shows only to IE Mac to get rid of a space it believed belonged between the .pod and its heading */

/* creates the varied-colored pod tops in the content area */
.redpod {
	background: url(images/red_lg.jpg) no-repeat 2px 0px;
}
.greenpod {
	background: url(images/green_lg.jpg) no-repeat 2px 0px;
}
.yellowpod {
	background: url(images/yellow_lg.jpg) no-repeat 2px 0px;
}
.orangepod {
	background: url(images/orange_lg.jpg) no-repeat 2px 0px;
}
.violetpod {
	background: url(images/violet_lg.jpg) no-repeat 2px 0px;
}
.indigopod {
	background: url(images/indigo_lg.jpg) no-repeat 2px 0px;
}
.tealpod {
	background: url(images/teal_lg.jpg) no-repeat 2px 0px;
}
.bluepod {
	background: url(images/blue_lg.jpg) no-repeat 2px 0px;
}

/* creates two columns in the pods */
.twocol {
	background: url(images/2col.gif) repeat-y 250px 0px;
	width: 510px;
}
/* hide the holly hack from IE mac \*/
* html .twocol {
	height: 1%;
	padding-bottom: 8px;
}
/* close the hack -- don't comment inside... the selector following shows ONLY to IE mac */
/*\*//*/
.twocol {
	background: url(none);
}
/* end show to IE mac only -- hides the divider from IE Mac since it was having trouble */
.onecol2 {
	width: 240px;
	float: left;
}
.twocol2 {
	width: 230px;
	padding-left: 30px; /* this creates the space to the right of the separater line */
	float: left;
}

/* creates the three columns in the pods */
.threecol {
	background: url(images/3col.gif) repeat-y 3px 0px;
}
.col3 {
	width: 135px;
	float: left;
	padding-right: 35px;
}

/* footer area here */
#footer {
	color: #999;
	font: .65em Arial, Helvetica, sans-serif;
	margin: 0 auto;
	width: 730px;
}
#footer p {
	margin: 5px 0 0;
	padding: 0 5px 10px;
}
p.footlnk {
	text-align: right;
}
/*\*//*/
#footer span.fltlft { 
	width: 20%;
}/*this selector shows only to IE Mac and can be removed if you don't mind IE Mac having the two footer elements stacked on the right instead of side by side */

.footlnk a {
	padding-right: 5px;
	margin-left: 5px;
}
.fltrt {
	float: right;
	margin-left: 10px;
}
.fltlft {
	float: left;
	margin-right: 10px;
}
.pod .fltlft { /* there is more space next to the floated images inside your comp then I usually place next to a flot -- this selector will make more space or can be made to specifically work for the .redpod (or whatever) by changing it slightly */
	margin-right: 35px;
}
span.imglft { /* used inside a paragraph you float a small image left inside -- use if you do not want the paragraph to wrap below the image */
	 margin-left: 105px;
	 display: block;
}
.brclear { 
     clear:both; 
     height:0; 
     margin:0;
     font-size: 1px;
     line-height: 0;
}


/* form styles for header and internal pages */
#header form {
	margin: 0;
	padding: 5px 0 0 13px;
	background: url(images/formdiv.jpg) no-repeat;
	position: absolute;
	top: 0;
	left: 110px;
}
#header p {
	margin: 0;
	padding: 0;
}
#header #searchfield {	
	float: left; 
	width: 99px !important; 
	height: 12px !important; 
	margin: 2px 0 0 0; 
	border: 1px solid #7751B8;
	padding: 2px 1px 1px 3px;
	color: #7751B8;
	background: #F5F2F8;
	font-size: 65%;
}
#submit	{	
	display: block; 
	width: 21px; 
	height: 21px; 
	margin: 0 0 0 2px; 
	border: none; 
	padding: 0; 
	background: url(images/submit.jpg) no-repeat 0 0; }

/* Form styles for a main content form */
#content form {
	width: 450px;
	margin-left: 20px;
	padding: 10px;
}
#content form input, #content form textarea {
	border: 1px solid #7751B8;
	padding: 2px 1px 1px 3px;
	color: #7751B8;
	background: #F5F2F8;
}
#content form input:focus, #content form input:active, #content form textarea:focus, #content form textarea:active {
	background: #7751B8;
	color: #F5F2F8;
}

/* These are standard sIFR styles... do not modify */
.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
	letter-spacing: 0;
}
/* This is the decoy style */
.sIFR-hasFlash #sidebar h3 {
	visibility: hidden;/**/
	line-height: 110%;
	letter-spacing: -1.6px;
	font: 17px Arial, sans-serif;
	margin-top: 18px; /* This adjusts the top of the home page side pods */
}
.sIFR-hasFlash .pod h1, .sIFR-hasFlash .pod h2, .sIFR-hasFlash #sidebar .sidepod h3 {
	visibility: hidden;/**/
	line-height: 110%;
	letter-spacing: -1.6px;
	font: 17px Arial, sans-serif;
	margin-top: 0; /* this gets rid of the 8px top margin needed for the pure CSS styles */
}