#content {    height: 100%;  min-height: 100%;  text-align: left;background:transparent url(logo.gif) no-repeat top left;}
#content,#width {  /* max-width hack for IE since it doesn't understand the valid css property */
  width: expression(document.body.clientWidth > 1000 ? "1200px" : "98%");   max-width: 1000px;  margin: 0 auto;}

#content[id],#width[id] {  width: 98%;  height: auto;  margin: 0 auto;}

/**************************************************************
   #: Holds the site title and  images
 **************************************************************/
#header { width:100%; }

/* Sets where the  images will go */
.left {   z-index: 1;  top: 0;  left: 0;}
.right {    z-index: 0;  top: 0;  right: 0;}

/**************************************************************
   #mainMenu: The top level site menu
 **************************************************************/
#mainMenu { 
  float: right;
  width: 100%;
  clear: both;
  margin-top:84px;
  width:430px;
}

#mainMenu ul {
  margin: 0;
  padding: 0;
}

#mainMenu li {
  display: inline;
  list-style: none;
  margin: 0;
  padding: 0;
}

#mainMenu li a {
  float: left;
  margin: 0 2px;
  padding: 5px 0.5em;
  font:normal 14px "trebuchet ms", serif;
  text-decoration: none;
  text-transform: lowercase;
  color: #ddd;
}

#mainMenu li a:hover,
#mainMenu li a.here {
  color: #fff;
  border-bottom: 3px solid #ed1c24;
}

#mainMenu li a.last {
  margin-right: 0;
}


/**************************************************************
   .sideMenu: The side bar menu
 **************************************************************/

ul.sideMenu {  margin: 0;  padding: 0;}
.sideMenu li {  display: inline;  
  /* Needed since IE fails when you give it list-style: none; */  
  list-style-image: url(foo.gif);  font: 400 1.3em "trebuchet ms", serif;}

.sideMenu li a {  display: block;  margin: 0.2em 0;  padding: 3px 5px;    text-decoration: none;  color: #FFF;} 
.sideMenu li a:hover {  color: #65EBFF;  background: #5F5F5F;}

/* Active menu item */
.sideMenu li.here {  display: block;    padding: 5px;  color: #65EBFF;  background: #555;}

/* Submenu of active menu item */
.sideMenu li.here ul {  margin: 0;  padding: 0;}

.sideMenu li.here ul li a {  padding-left: 35px;  font: 400 0.55em verdana, arial, sans-serif;   color: #FFF;    background: url(../images/bg/bullet.gif) no-repeat 10px 0px;}

.sideMenu li.here ul li a:hover {  color: #9FF3FF;  background: #5F5F5F url(../images/bg/bullet.gif) no-repeat 10px 0px;}



/**************************************************************
   #page: Holds the main page content.
 **************************************************************/

#page {  float: left;  width: 100%;  clear: both;    padding-bottom: 4em;  margin:0 auto; }
#address {  float: left;  clear: both;   margin-top:60px;   height: 450px;  background:#3b3b3b;  width: 100%;  padding-left:5px;}
#address a{ text-decoration:none; color:#999999;}
#address a:hover{ text-decoration:underline; color:#cccccc;}

/**************************************************************
   #footer: The page footer - will stick to the bottom if not
            enough content.
 **************************************************************/

#footer {  float: left;  width: 100%;  clear: both;  margin-top: -3.5em;  background:#3b3b3b url(../images/bg/footer.gif) top left repeat-x;}
#footer #width {  position: relative;  z-index: 3;  font-size: 0.85em;  padding-top: 27px;}


/**************************************************************
   Width classes used by the site columns
 **************************************************************/

.width100 {  width: 100%;}
.width75 {  width: 70%;   }
.width70 {  width: 70%;}
.width50 {  width: 50%;}
.width33 {  width: 32.7%;}
.width25 {  width: 29.9%;}

#dxColH{	float: right; width:280px;	display: block;	margin-top:60px;}
#sxColH {	min-width:400px; display: block;	float: left;}


/**************************************************************
   Alignment classes
 **************************************************************/

.floatLeft {  float: left;}
.floatRight {  float: right;}
.alignLeft {  text-align: left;}
.alignRight {  text-align: right;}

/**************************************************************
   Generic display classes
 **************************************************************/

.clear {  clear: both;}
.block {  display: block;}
.small {  font-size: 0.8em;}
.big {  font-size: 1.2em;}
.green {  color: #A1FF45;}
.red {  color: #c40008;}
.grey {  color: #999;}
.grey a {  color: #999;}
.grey a:hover {  color: #EEE;}
.flash{  margin-top: 60px;  width:100%;}
.flash_00{  margin: 60px 0 0 0;  width:280px;}
.flash_0{  display:block;  width:280px;}
.flash_700{  margin-top: 60px;  width:280px;}
.box-txt{margin:10px 0 0 0; float:right;width:27%; background:#4c4c4c; height:82px; line-height:14px;}
.box-txt p{padding:5px;margin:0px;}
.box-txt img{  float:right;  position:relative;  padding:10px 10px 0 0 ;}
.amplify {  width:100%;  margin-top: 10px;  padding: 0;   background:#4c4c4c;  float:left;}
.amplify.rig {  margin: 20px 10px 0px 0px; position:relative }
.amplify.lef { margin: 20px 0px 0px 10px;}
.bottom{  margin-top: 0px;  width:700px;}
.bottom a{  padding:2px 8px; background:#4f4f4f; border:1px solid #ddd; text-decoration:none; color:#FFFFFF;float:left;}
.bottom span{  font: italic 2.0em "trebuchet ms", serif;  letter-spacing: -1px;  color: #fff;  float:right;}
.bottom img{  float:right;}
.divisione{ display:block; margin-top: 60px;  text-align:justify; padding-left:5px;padding-right:13px;}
.indent{ display:block; padding-left:20px;  text-align:justify}
.object{margin:30px 0 0 5px; float:left;}

/***************************************************************
   Big Sidebar links on Search page
 ***************************************************************/


#pro { 
  float: left;
  clear: both;
  width:auto;
  
}

#pro ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: block;
}

#pro li {  
  list-style: none;
  /* Needed since IE fails when you give it list-style: none; */  
  list-style-image: url(foo.gif);
  margin: 0;
  padding: 10px 10px 10px 0; 
  float: left;
}

#pro li:hover{
  background: #4F4F4F;
}

#pro p {margin-left:146px;}

#pro a .img {  
  border: 1px solid #ddd;
  float: left;
}
#pro a:hover .img {  
  /* Fixes IE bug - IE doesn't correctly apply the style on a:hover so need to mask it */
  border: 1px solid #c40008 !important;
}

#pro img {  margin-left:16px;}