/* ====================================================================
   TEMPLATE: xMambo Default v1.0
   AUTHOR: Tim Broeker
   DATE: 01/12/04
   NOTES: This style sheet is still experimental. There are several places
   to streamline, and some code is obsolete. Will fix for next release. 
   Delete large comments from this file to decrease file size. There are 
   included here for educational purposes only.
   WARNING: This template is very susceptible to box model problems. Be
   very careful if adjusting widths, margins and padding.
   ==================================================================== */

/* ====================================================================   
   BODY AND OTHER GENERIC TYPOGRAPHY
   Generic styles for all elements with no class identifiers. All sizing 
   based on ems. Do NOT make "body: font-size" any smaller than 76%. Adjust 
   all other font sizing instead by adjusting ems in the classes below. 
   Fonts smaller than .7em will not be readable on most browsers. See "A 
   sane approach to CSS font sizing" for details on this sizing technique:
   http://www.thenoodleincident.com/tutorials/typography/index.html.
   
   NOTE: some generic Mambo classes are currently in this section as well, 
   such as inputbox.                                        
   ==================================================================== */

body {
	margin: 0;
	padding: 0;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 76%;
	color: #666666;
	background-color: #fff;
	background-position: top left;
	line-height: 1.8em;
	}

a {
	text-decoration: none;
	font-weight: bold;
	color: #000;
	}

a:link {
   color: #666;
   text-decoration: none;
	}

a:visited {li
   color: #666;
   text-decoration: none;
	}

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

h1 {
	font-size: 2.0em;
	font-weight: normal;
	margin-top: 0em;
	margin-bottom: 0em;/*both set to zero and padding in header div is used intead to deal with compound ie pc problems that are beyound summary in a simple comment.*/
	}

h2 {
	font-size: 1.7em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: normal;
	}

h3 {
	font-size: 1.4em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: normal;
	}

h4 {
	font-size: 1.2em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: bold;
	}

h5 {
	font-size: 1.0em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: bold;
	}

h6 {
	font-size: 0.8em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: bold;
	}
	
img {
   border: 0;
	}
	
ul,ol {
   width: 100%;
   display: block;
  	font-size: 1.0em;
   list-style-type: none;
   padding: 0;
   margin: 0;
   border: 0;
   }

li {
   width: auto;
   font-size: 1.0em;
   background:  url(file:///C|/Documents%20and%20Settings/Erikasuperstar/Impostazioni%20locali/Temporary%20Internet%20Files/Content.IE5/images/box.gif) no-repeat;
   background-position: 0em .5em;
   line-height: 1.8em;
   margin: 0.5em 0 0 0.5em;
   border: 0;
   padding: 0 0 0 1em;
   color: #000000;
   }
	
table,td { 
	font-size: 1.0em;
   }

form {
   padding: 0;
   margin: 0;
   }

p {
	font-size: 1.0em;
	line-height: 1.8em;
	margin: 1.2em 0em 1.2em 0em;
	}

pre {/*moz 1.0/1.1/1.2.1, net 7.0/7.01 make this way too small, but i'm not going to go larger because monospace tends to run you into overflow pretty quick. prior moz and net are okay.*/
	font-family: monospace;
	font-size: 1.0em;
	}

strong, b {
	font-weight: bold;
	}
	
textarea {
    width: 99%;
    padding: 0;
    margin: 0;
   }

.button {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	font-size: .8em;
	color: #000000;
	border-style: solid;
	padding: 0;
	margin: 0 3px 0 3px;
	height: 18px;
	width: Auto;
	border: 1px solid #999;
   }

.inputbox {
   font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	font-size: .8em;
   background: #cccccc;
   width: 65%;
   height: 1.5em;
   border: 1px solid #999;
   }

.textbox {
   position: relative;
   font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	font-size: .8em;
   background: #cccccc;
   width: 95%;
   height: 300px;
   border: 1px solid #999;
   }

.form-button {
  position: relative;
  margin: 2em 0 0 0;
  padding: 0;
  width:95%;
  text-align: right;
  }

a.image, a.image:hover  {
  border:0;
  }

.strong {
   font-weight: bold;
   }

.normal {
   font-weight: normal;
   }

   a.navlinks, a.navlinks:hover, a.navlinks:active, a.subnavlinks, a.subnavlinks:hover, a.subnavlinks:active {
display: block;
text-decoration: none;
color: #3f4d58;
background-color: #ccc;
margin: 2px 1px 1px 1px;
padding: 2px 2px 2px 2px;
border: none;
text-align: left;
font-weight: bold;
border-left:5px solid #F60;
  background: url(images/subhead_bg.png) url(images/subhead_bg5.png)
}
a.navlinks:hover, a.navlinks:active {
background-color: #e8eff1;
text-align: left;
color: #000000;
font-weight: bold;
  background: url(images/subhead_bg2.png) url(images/subhead_bg3.png)
}

/* ====================================================================
   XMAMBO CLASSES
   These are classes unique to xMambo that are used to style the various
   page elements. They are still experimental, and there is some duplication
   going on here. To be refined in next release. 
   background: url(../images/xmambo_small.gif) no-repeat;
   ==================================================================== */

#site-name h6 {
	position: absolute;
	top: 0px;
	text-indent: -5000px;
	background:  url(file:///C|/Documents%20and%20Settings/Erikasuperstar/Impostazioni%20locali/Temporary%20Internet%20Files/Content.IE5/images/testata_img_trasp.gif) no-repeat;
	height: 171px;
	width: 775px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	left: 0px;
	}
	
#site-slogan h2 {
   position: relative;
	text-indent: -5000px;
	background-position: top right;
	height: 30px;
	margin: 0px 0 0 0;
   padding: 0;
   }

.leading-story h1 {
   position: relative;
   width: 100%;
   background: #f7f7f7;
   font-size: 1.5em;
   font-weight: bold;
   padding: 0em 0em 0em 0em;
   margin-top: 0;
   border: 0;
   }

.leading-story {
    position: relative;
    background: #f7f7f7;
    width: 94%;
    margin: 0;
    padding: 1em;
    border: 1px dotted #cccccc;
    }

#weblink-categories {
   margin-top: 1em;
   }

.contact-form {
   width: 100%;
   }

.author  {
   font-size: .8em;
   }

.createdate  {
   font-size:.8em;
   }

.content-entry H3 {
   color: #CCC;
   font-size: 1.5em;
   font-weight: bold;
   margin: 1em 0 0 0;
   }

#limit-box {
   text-align: left;
   color: #d90103;
   }

.page-navigation {
 	color: #999;
   }

.page-results {
 	color: #999;
   }

a.pagenav {
   color: #CCC;
   border-bottom: 0;
  }

a.pagenav:hover {
   color: #666;
   border-bottom: 0;
   }

/* styling for the pdf/email/print icons */
a.pop-up {
   border-bottom: 0;
}

.pop-ups {
   float: right;
}

/* data-table tags used to style tables such as 
   weblinks, clean up... */

.data-table {
   position: relative;
   width: 100%;
   border-collapse: collapse;
   padding: 0;
   margin: 0 0 0 0;
   border:0;
   }

.data-table-header {
   padding: 0;
   margin: 0 0 0 0;
   border:0;
   background: #f7f7f7;
   color: #666666;
   font-weight: bold;
   }

/* This should be combined with the .clr class above, no need for both */

div.spacer {
  clear: both;
  }

/* these are all primarily for layout data generically in components. Used in Web Links,
   for example. */

.data-header {
   width: 100%;
   background: #f7f7f7;
   font-weight: bold;
   margin: 0 0 0 0;
   padding: 0 0em 0 0em;
   border: 1px solid #CCCCCC;
}

.data-description {
   margin: 0 0 1em 0;
   }

.data-header-left {
  float: left;
  text-align: left;
  font-weight: bold;
  width: 49%;
  }

.data-header-right {
  float: right;
  text-align: right;
  font-weight: bold;
  width: 49%;

  }   

.data-table-left {
   margin: 0 0 1em 0;
   }

.left {
  float: left;
  text-align: left;
  width: 49%;
  }

.right {
  float: right;
  text-align: right;
  width: 49%;
  }

/* ====================================================================
   MAMBO CLASSES
   These are largely the standard Mambo classes. Some may be obsolete
   in this version of xMambo.  Additionally, some may have been altered to
   fit the goals of xMambo, or perhaps even removed. 
   ==================================================================== */

/* For content item titles that are hyperlink instead of Read On */


a.contentpagetitle h1,a.contentpagetitle:link, a.contentpagetitle:visited {
	text-decoration: none;
	font-weight: normal;
	color: #666;
	border-bottom: 0px;
	}

a.contentpagetitle:hover {
   color: #000;
   border-bottom: 0px  dashed #CCCCCC;
   text-decoration: none;
   }

/* Content - Sections & Categories */
.contentpane {
	background-color : #FFFFFF;
   }
	
.contentpaneopen {
	border : 0px ridge #DCDCDC;
   }

.contentheading h1 {
	font-size: 1.5em;
	font-weight: bold;
 	color: #DB0000;
	text-align:left;
	margin: 1.5em 0 0em 0;
	}

.contentpagetitle {
	font-size: 1.3em;
	font-weight: bold;
 	color: #333333;
	text-align:left;
	}

a.toclink:hover, a.toclink:visited, a.toclink:link {
	}

.contentdescription {
	font-size: 1em;
	color: #808080;
	text-align: left;
	}

.componentheading h1 {
	font-size: 1.5em;
	font-weight: bold;
 	color: #DB0000;
	text-align:left;
	margin: 1.5em 0 0em 0;
	}

/** category text format and links **/
.category {
	color: #999999; font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px; font-weight: bold; text-decoration: none;
  background-image: url(images/subhead_bg.png);
  background: url(images/subhead_bg.png)
}

a.category:link, a.category:visited {
	color: #999999; font-weight: bold;
	}

a.category:hover {
	color: #FF9900;
	}

.poll {
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	line-height: 14px
	}

.sectiontableentry1, .contentpane {
	background-color : #FFFFFF;
	}

.sectiontableentry2 {
	background-color : #EBEBEB;
  background: url(images/subhead_bg4.png)
}
	
.sectiontableheader {
	background-color : #999999;
	color : #FFFFFF;
	font-weight : bold;
	}

.frontpageheader {
	 font-size: 1.3em;
    color : #333;
    font-weight : bold;
  }

/* Date Stamps */ 

.newsfeeddate {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FF6600;
	font-weight: normal;
   }

.createdate {
   font-weight: normal;
	}

.modifydate {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #808080;
	text-decoration: none;
	font-weight: normal;
	}

/* RDF Styles */

.fase4rdf {
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px; color: #000000; font-weight: normal;
	}

a.fase4rdf:link {
	font-size: 11px; font-weight: normal; color: #FF9900;
	}

a.fase4rdf:hover {
	font-weight: bold; color: #808080;
	}

.newsfeedheading {
   font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
   font-size: 1em;
   font-weight: bold;
   color: #333333;
   text-align:left;
}

/* Search Text */

/* Contact Component */

/* Content voting */
.content_rating {
	font-weight: normal;
	font-size:.8em;
   }

.content_vote {
	font-weight: normal;
	font-size: .8em;
   }

/* for modifying {moscode} output.  Don't set the colour! */
.moscode {
	background-color: #f0f0f0;
   }

/* Text passed with mosmsg url parameter */
.message {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size : 1em;
	color : #666;
	text-align: center;
   }

/* Styles for dhtml tabbed-pages */
.ontab {
	background-color: #666666;
	border-left: outset 1px #666;
	border-right: outset 1px #333;
	border-top: outset 1px #666;
	border-bottom: solid 1px #333;
	text-align: center;
	cursor: default;
	font-weight: bold;
	color: #FFFFFF;
	padding: .2em;
   }

.offtab {
	background-color : #cccccc;
	border-left: outset 1px #666;
	border-right: outset 1px #333;
	border-top: outset 1px #666;
	border-bottom: solid 1px #333;
	text-align: center;
	cursor: default;
	font-weight: normal;
	padding: .2em;
   }

.edit-tabs {
   padding: 1em;
   background: none;
   }

.tabpadding {
   
   }

.tabheading {
	background-color: #ffae00;
	text-align: left;
   }

.pagetext {
	visibility: hidden;
	display: none;
   } 
 
 
/* ====================================================================
   MODULES
   These classes are used to style the various modules. Default class 
   can be extended by using class_suffix parament in the back-end, and
   making a related class here.

   ==================================================================== */
.module-main-menu {
   margin: 0 0 3em 0;
   }


.module-top {
   position: relative;
   width: Auto;
   background: #f7f7f7;
   font-size: 1em;
   font-weight: bold;
   padding: 1em;
   color: #666666;
   margin: 0;
   border: 0;
   }

.module-top H3 {
   }

.module {
   margin: 0 0px 0 0;
   padding: 0 0 1em 0;
   }

.module H3 { 
   width: 100%;
   display: block;
   background: #FFCF29 url(file:///C|/Documents%20and%20Settings/Erikasuperstar/Impostazioni%20locali/Temporary%20Internet%20Files/Content.IE5/images/icon_mambo_flower.gif) no-repeat;
   background-position: 0 3px;
   font-size: 1em;
   padding: 0 20px 0 20px;
   margin: 0 -20px 0 -20px;
   color: #CD0601;
   font-weight: bold;
   }

.module-highlight {
   margin: 0 0px 0 0;
   padding: 0 0 1em 0;
   }

.module-highlight H3 { 
   width: 100%;
   display: block;
   background: #FFCF29 url(file:///C|/Documents%20and%20Settings/Erikasuperstar/Impostazioni%20locali/Temporary%20Internet%20Files/Content.IE5/images/icon_mambo_flower.gif) no-repeat;
   background-position: 0 3px;
   font-size: 1em;
   padding: 0 20px 0 20px;
	margin: 0 -20px 0 -20px;
   color: #CD0601;
   font-weight: bold;
   }

/* ====================================================================
   NAVIGATION
   These classes are used to style the various menus and navigation
   elements, which are rendered using unordered lists. Each menu is 
   exposed to the class_suffix parameter for custom menu styling.
   ==================================================================== */



#nav-pathway ul {
   margin: 0;
   padding: 0;
   display: inline;
   list-style-type: none;
   }

#nav-pathway ul li { display: inline; }

/* box model hack for IE, would like to clean this up */

#navigation-main-menu { 
   width: 160px;
	\width: 220px;
	w\idth: 160px;
   margin:  -20px -20px 0 -40px;
   voice-family: "\"}\""; 
   voice-family:inherit;
   margin:  -20px -20px 20px -20px;
   padding: 0 0 0 0;
   background: none;
   }

#navigation-main-menu ul {
   width: 160px;
	\width: 220px;
	w\idth: 160px;
   margin: 0 0 0 0;
   padding: 0 0 0 0;
   list-style-type: none;
   font-family: Arial, Helvetica, sans-serif;
   background: none;
   }

#navigation-main-menu li {
   width: 100%;
   display: block;
   margin: 0 0 0 0;
   padding: 0 0 0 0;
   list-style-type: none;
   font-family: Arial, Helvetica, sans-serif;
   background: none;
   font-weight: normal;
   }

#navigation-main-menu a {
   width: 100%;
   display: block;
   padding: 0;
   margin: 0;
   background: #f7f7f7;
   color: #0063ce;
   border-bottom: 1px solid #FFFFFF;
   }

#navigation-main-menu a:link, #navigation-main-menu a:visited {
   padding: 0 20px 0 20px;
   color: #202020;
   text-decoration: none;
   background-color: #DEDEDE;
   font-weight: normal;
   }

#navigation-main-menu a:hover {
   background-color: #FFCF29;
   color: #DD3333;
   }

#navigation-main-menu  li a#active-link {
   background: #DD3333;
   color: #FFFFFF;
   }

/* Used in conjuction with MyMenus component for top navigation */
 
#comuni {
   position:absolute;
   top: 0em;
   margin: 0px 0em 0 0;
   padding-left: 0;
   height: 1.5em;
   background: none;
   margin:  10px 0px 0px 0px;
   }


#comuni ul {
   display: block;
   border: 0;
   margin: 0 0 0 0;
   padding: 0;
   list-style-type: none;
   text-align: center;
   float: left;
   }

#comuni ul li {
   width: auto;
   text-align: left;
   padding: 0;
   margin: 0;
   background: none;
   display: block;
   }

#comuni ul li a {
	width: 179px;
	padding-left: 20px;
	color: #000;
	background: #FFE989;
	text-decoration: none;
	display: block;
	text-align: left;
	font: bold 0.8em/19px verdana, lucida, sans-serif;
	border-bottom: 1px solid #FFFFFF;
	margin-left: 0px;
	list-style-image:  url(file:///C|/Documents%20and%20Settings/Erikasuperstar/Impostazioni%20locali/Temporary%20Internet%20Files/Content.IE5/images/box.gif);
   }
   
#comuni ul li a:hover {
   color: #910101;
   }

#comuni a:active {
   color: #fff;
   }

#comuni li#active a {
   border: 1px solid #c60;
   color: #fff;
   }
#comuni  li a#active-link {
   color: #FFF;
   }


#navigation-sinistro {
   position:absolute;
   top: 10em;
   margin: 0px 1em 0 0;
   padding: 0;
   height: 1em;
   background: none;
   text-align: right;
   }

#navigation-inset {
   position:absolute;
   top: 10em;
   margin: 0px 1em 0 0;
   padding: 0;
   height: 1em;
   background: none;
   text-align: right;
   }

#navigation-inset ul {
   display: block;
   border: 0;
   margin: 0 0 0 0;
   padding: 0;
   list-style-type: none;
   text-align: center;
   float: right;
   }

#navigation-inset ul li {
   width: auto;
   float: right;
   text-align: center;
   padding: 0;
   margin: 0;
   background: none;
   }

#navigation-inset ul li a {
	background: #000000;
	width: 15em;
	height: 1.5em;
	border-bottom: 1px solid #000000;
	padding: 0;
	margin: 0 .2em 0 .2em;
	color: #FFFFFF;
	text-decoration: none;
	display: block;
	text-align: center;
	font: normal .8em/1.6em verdana, lucida, sans-serif;
   }

#navigation-inset ul li a:hover {
   color: #DB0000;
   background: #000000;
   }

#navigation-inset a:active {
   background: #c60;
   color: #fff;
   }

#navigation-inset li#active a {
   background: #000000;
   border: 1px solid #DB0000;
   color: #fff;
   }
#navigation-inset  li a#active-link {
   background: #5A1413;
      border: 1px solid #DB0000;
   }


/* ====================================================================
   LAYOUT CLASSES 
   Three column layout with fixed width sidebars liquid center. Changing
   col widths requires several changes, proceed with caution. See:
   http://www.csscreator.com/version2/pagelayout.php for more details on
   this layout, or from the creator Doug Livingstone at redmelon.net.
   ==================================================================== */

#wrapper { 
   width:100%; 
   min-width: 500px; 
   } 
 
#header {
   position: relative; 
   height:140px; 
   width:100%; 
   margin: 0em;
   padding: 0em;
   background:  url(file:///C|/Documents%20and%20Settings/Erikasuperstar/Impostazioni%20locali/Temporary%20Internet%20Files/Content.IE5/images/bg_lodi.gif); 
   border-bottom: 1px solid #FFFFFF;
   background-repeat: repeat;
   } 
 
#leftcol{
   width:200px; 
   float:left; 
   position:relative; 
   margin-left:-201px; 
   margin-right:1px; 
   border-right: 1px solid #FFFFFF;
   }

#outer { 
   border:solid white 0px; 
   /*/*/ border-left-width: 200px ;  /* left column width. NN4 hack to hide borders */ 
   border-left-color: #EEEEEE;   /* left column colour */ 
   border-left-style: solid; 
   /*/*/ border-right-width: 222px; /* right column width. NN4 hack to hide borders */ 
   border-right-color: #FFFCEC;  /* right column colour */ 
   border-right-style: solid; 
   background-color: #FFFFFF; /* center column colour */ 
   width: auto; 
   } 
 
#rightcol {
   /*/*/ width:222px; /* hack keeps NN4 right column right? */ 
   float:right; 
   position:relative; 
   margin-right:-222px; 
   margin-left:1px;
   border-left: 1px solid #666;
   } 
 
#footer{
   height:Auto; 
   width:100%; 
   background-color:#ffffff; 
   border-top: 1px solid #610101;
   } 
 
#inner {
   margin:0; width:100%;
   }
 
#maincol{ 
   float: left; 
   width: 95%; 
   position: relative; 
   margin: 0 -8px 0 2px; 
   }

#outer>#inner { border-bottom: 1px solid #FFFFFF;  }
 

/* clean up core components so that this is or the .spacer class above is the
   standard, not both. The clear tag is used for clearing floating divs so that
   your layouts do not break. */
  
  .clr{clear:both;}

.content{padding:20px;} /*padding for content */ 
 
#header .content{padding-bottom:0;} /*padding bottom 0 to remove space in IE5 Mac*/ 
 


/* === OBSOLETE CSS =================================================== 
   I am pretty sure, but not positive, that these classes below are
   currently obsolete. Will be verified and removed in next release.
   ================================================================== */

.button-maker {
   font-family: verdana, sans-serif;
   font-size: .7em;
   font-weight:bold;
   text-decoration:none;
   color: white;  
   border:1px solid #FFFFFF;
   margin:0px;
   width: 20px;
   }

div.container {
  border: 1px dashed #ccc;
  background-color: #fff;
  padding: 0em;
  margin: 2em 0 2em 0;
  }
  
div.float {
  float: left;
  width: 44%;
  padding-right: 6%;
  }
  
div.form-container {
   width: 400px;
   }
     
div.row {
  clear: both;
  padding-top: 5px;
  }

div.row span.label {
  float: left;
  width: 100px;
  text-align: right;
  }

div.row span.formw {
  float: right;
  width: 235px;
  text-align: left;
  }
  



/* END OF OBSOLETE CSS */