#Header {
  	height:108px;
	background-color:#00214E;
	background-image:url(home_top.jpg);
	background-repeat:no-repeat;
}
#TitleContainer {
	position:relative;
}
#Title1Container {
	position: absolute;
	top:12px;
	left:191px;
}
#Title2Container {
	position: absolute;
	top:13px;
	left:192px;
}
#SloganContainer{
	position: absolute;
	top:66px;
	left:206px;
	text-align:center;
	width:730px;

}
.Border {
  	height:1px;
	background-color:white;
	
	overflow:hidden;
	z-index:-1000px;
}
.Border2 {
  	height:5px;
	background-color:#D9D9D9;
}
#Navigation {
    height:39px;
	background-color:#00214E;		
}
#leftcolumn {
	background-image:url(home_content.jpg);
	background-repeat:no-repeat;
	min-height:474px;
	height:474px;
	z-index:1000;	
}
#content {
	background-image:url(content_top_bg.jpg);
	background-repeat:repeat-x;	
}
#bottompage {
    height:120px;
	background-color:#E2E2E2;
}
#testisx {
    padding: 30px;
	width:500px;
	float:left;
}
#testidx {
    padding: 30px;
	width:300px;
	float: right;
    text-align:right;
}
.vspacer2 {
	height:20px;	
}

/* ===== credits ==== */
.clearboth {
	clear:both;
}
#credits {
	width:750px;
	margin:0 auto;
	text-align:center;
}
#testicredits,
#testicredits a,
#testicredits a:link,
#testicredits a:visited {
    font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	text-decoration:none;
	color:#999999;
}
#testicredits a:hover {
	text-decoration:none;
	color: #CCCCCC;
}
/* ===== /credits ==== */

/* -------------------------------------------------------------- 
   
   BLUEPRINT CSS
    * Filename:        grid.css
    * Version:         0.7.1 (2008-02-25) YYYY-MM-DD
    * Website:         http://code.google.com/p/blueprintcss/

   Generated by:
    * Blueprint CSS Grid Generator (2008-10-23) [http://kematzy.com/blueprint-generator/]

   Based on work by:
    * Olav Bjorkoy      [bjorkoy.com]
    * Nathan Borror     [playgroundblues.com]
    * Jeff Croft        [jeffcroft.com]
    * Christian Metts   [mintchaos.com]
    * Khoi Vinh         [subtraction.com]

   == STRUCTURE: ========================
    * Page width:            983 px
    * Number of columns:     24
    * Column width:          40 px
    * Margin width:          1 px
   ======================================

   By default, the grid is 983px wide, with 24 columns 
   spanning 40px, and a 1px margin between columns.

   If you need fewer or more columns, use this formula to calculate
   the new total width: 

   Total width = (number_of_columns * column_width) - margin_width

   Read more about using a grid here:
   * subtraction.com/archives/2007/0318_oh_yeeaahh.php
   
-------------------------------------------------------------- */

/* A container should group all your columns. */
.container {
  width: 983px;
  margin: 0 auto;
  
  background-color:white;
}

/* Use this class on any div.span / container to see the grid. */
.showgrid { 
  background: url(src/grid.png); 
}

/* Body margin for a sensile default look. */
body {
  margin: 15px 0; /*1.5em 0;*/	
  
  background-color:white; /* #C8C8C8; */
  background-image: url(sfpagina.jpg); 
  background-repeat:repeat-x;
}


/* Columns
-------------------------------------------------------------- */

/* Sets up basic grid floating and margin. */
div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, div.span-16, div.span-17, div.span-18, div.span-19, div.span-20, div.span-21, div.span-22, div.span-23, div.span-24 {float:left;margin-right: 1px;}

/* The last column in a row needs this class. */
div.last { margin-right: 0; }

/* Use these classes to set the width of a column. */
.span-1  { width: 40px;}
.span-2  { width: 81px;}
.span-3  { width: 122px;}
.span-4  { width: 163px;}
.span-5  { width: 204px;}
.span-6  { width: 245px;}
.span-7  { width: 286px;}
.span-8  { width: 327px;}
.span-9  { width: 368px;}
.span-10 { width: 409px;}
.span-11 { width: 450px;}
.span-12 { width: 491px;}
.span-13 { width: 532px;}
.span-14 { width: 573px;}
.span-15 { width: 614px;}
.span-16 { width: 655px;}
.span-17 { width: 696px;}
.span-18 { width: 737px;}
.span-19 { width: 778px;}
.span-20 { width: 819px;}
.span-21 { width: 860px;}
.span-22 { width: 901px;}
.span-23 { width: 942px;}
.span-24, div.span-24 { width: 983px; margin: 0; }



/* Border on right hand side of a column. */
div.border {
  padding-right:-0.5px;
  margin-right:0.5px;
  border-right: 1px solid #eee;
}

/* Border with more whitespace, spans one column. */
div.colborder {
  padding-right:42.5px;
  margin-right:39.5px;
  border-right: 1px solid #eee;
}


/* Misc classes and elements
-------------------------------------------------------------- */

/* Use a .box to create a padded box inside a column.  */ 
.box { 
  padding: 1.5em; 
  margin-bottom: 1.5em; 
  background: #E5ECF9; 
}

/* Use this to create a horizontal ruler across a column. */
hr {
  background: #ddd; 
  color: #ddd;
  clear: both; 
  float: none; 
  width: 100%; 
  height: .1em;
  margin: 0 0 1.45em;
  border: none; 
}
hr.space {
  background: #fff;
  color: #fff;
}


/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */

.clearfix:after, .container:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix, .container {display: inline-block;}
* html .clearfix,
* html .container {height: 1%;}
.clearfix, .container {display: block;}

/* Regular clearing
   apply to column that should drop below previous ones. */

.clear { clear:both; }



/* ***************************************** */
/*        INIZIO x MENU ArtmediaCSSMenu      */
/* ***************************************** */
 /* Tier 1 */
.artmediacssmenu ul.AspNet-Menu {
	width: 100%;
	line-height:39px;
    padding: 0;
}

/* INIZIO  voci menu root */
.artmediacssmenu li.AspNet-Menu-Leaf a,
.artmediacssmenu li.AspNet-Menu-Leaf a:link,
.artmediacssmenu li.AspNet-Menu-Leaf a:visited,
.artmediacssmenu li.AspNet-Menu-Leaf a:link {
    color: white; /*colore del testo nelle voci root che NON hanno di figli. NB: solo per quelle che NON hanno figli! */
	text-decoration: none;
	white-space:nowrap;
	font-weight: normal;
}
.artmediacssmenu li.AspNet-Menu-Leaf a:hover {
    color: #EF9712;
	text-decoration: none;
	font-weight: normal;
}
/* FINE voci menu root */

/* Tier 2 */
.artmediacssmenu ul.AspNet-Menu ul{
    top: 100%;
    left: 0;
	
	/* segue added da luca x larghezza voci dei livelli inferiori */
	width:160px !important;
	white-space:nowrap !important; 
}

/* SEGUE VOCE added da luca x larghezza voci del Tier 2  */
ul li ul li.AspNet-Menu-WithChildren,
ul li ul li.AspNet-Menu-Leaf {
    color: white; 
	background: transparent; /* #14885B; */ 
	 
	/* segue added da luca x larghezza voci dei livelli inferiori */
	width:185px !important;
	white-space:nowrap !important; 
}
.artmediacssmenu ul.AspNet-Menu ul li a:hover,
.artmediacssmenu ul.AspNet-Menu ul ul li a:hover,
.artmediacssmenu ul.AspNet-Menu ul li.AspNet-Menu-WithChildren:hover,
.artmediacssmenu ul.AspNet-Menu ul ul li.AspNet-Menu-WithChildren:hover,
.artmediacssmenu ul.AspNet-Menu ul ul ul li.AspNet-Menu-WithChildren:hover  {
    color: #EF9712 !important;
}

/* assegno il colore alle voci di livello 2 */
.artmediacssmenu ul.AspNet-Menu ul li a,
.artmediacssmenu ul.AspNet-Menu ul ul li a,
.artmediacssmenu ul.AspNet-Menu ul ul ul li a,
.artmediacssmenu ul.AspNet-Menu ul li.AspNet-Menu-WithChildren,
.artmediacssmenu ul.AspNet-Menu ul ul li.AspNet-Menu-WithChildren,
.artmediacssmenu ul.AspNet-Menu ul ul ul li.AspNet-Menu-WithChildren  {
    color: white !important;  
	background: #00214E !important; 
	
	line-height:25px;
	border-top-color:white !important;
	border-top-style:solid !important;
	border-top-width:1px !important;
}
/* /VOCE added da luca x larghezza voci dei livelli inferiori */

/* Tier 3+ */
.artmediacssmenu ul.AspNet-Menu ul ul,
.artmediacssmenu ul.AspNet-Menu ul ul ul {
	/*width: 120px; */
    top: -0.5em;
    left: 160px; /* 6em; */
    background: transparent; /* #14885B; */
	 
	/* segue added da luca x larghezza voci dei livelli inferiori */
	width:160px !important;
	white-space:nowrap !important; 
}
/* all list items */
.artmediacssmenu li {
    width: 100px;
    background: transparent;
}
.artmediacssmenu ul.AspNet-Menu li {
	font-family: 'trebuchet ms', 'Georgia', Tahoma, Verdana, Arial, serif;
	font-size: 12px; 
	font-weight: normal; 
	font-style: normal;
}
.artmediacssmenu ul.AspNet-Menu ul li {
	font-family: 'trebuchet ms', 'Georgia', Tahoma, Verdana, Arial, serif;
	font-size: 12px;  
	font-weight: normal; 
	font-style: normal;
}
.artmediacssmenu ul.AspNet-Menu ul ul li {
	font-family: 'trebuchet ms', 'Georgia', Tahoma, Verdana, Arial, serif;
	font-size: 12px;  
	font-weight: normal; 
	font-style: normal;
}
/* list items being hovered over */
.artmediacssmenu li:hover, 
.artmediacssmenu li.AspNet-Menu-Hover {
	color:#EF9712;
}

/* all anchors and spans (nodes with no link) */
.artmediacssmenu a, 
.artmediacssmenu span {
    color: white; /*colore del testo nelle voci root che hanno di figli. NB: solo per quelle che hanno figli! */
    padding: 0px 2px 0px 8px;
/*
    border-bottom:0;
	border-top:0;
	border-left:0;
	border-right-color:White;
	border-right-style:solid;
	border-right-width:1px;
*/
	border:0;
    background: transparent url(arrowRight.gif) right center no-repeat; 
}

/* leaves */
.artmediacssmenu li.AspNet-Menu-Leaf a, 
.artmediacssmenu li.AspNet-Menu-Leaf span {
    background-image: none !important;
}
/* colore del testo HOVER nelle voci root che hanno di figli. NB: solo per quelle che hanno figli! */
.artmediacssmenu li:hover a, /* hovered text */
.artmediacssmenu li:hover span,
.artmediacssmenu li.AspNet-Menu-Hover a,
.artmediacssmenu li.AspNet-Menu-Hover span,
.artmediacssmenu li:hover li:hover a,
.artmediacssmenu li:hover li:hover span,
.artmediacssmenu li.AspNet-Menu-Hover li.AspNet-Menu-Hover a,
.artmediacssmenu li.AspNet-Menu-Hover li.AspNet-Menu-Hover span,
.artmediacssmenu li:hover li:hover li:hover a,
.artmediacssmenu li:hover li:hover li:hover span,
.artmediacssmenu li.AspNet-Menu-Hover li.AspNet-Menu-Hover li.AspNet-Menu-Hover a,
.artmediacssmenu li.AspNet-Menu-Hover li.AspNet-Menu-Hover li.AspNet-Menu-Hover span
{
/*
	REMMATO XCHE' ASSEGNATO IN MODO ESPLICITO ALLE VOCI DI LIVELLO 2 E 3
    color: White; 
	background: #333333; 
*/
}

.artmediacssmenu li:hover li a, /* the tier above this one is hovered */
.artmediacssmenu li:hover li span,
.artmediacssmenu li.AspNet-Menu-Hover li a,
.artmediacssmenu li.AspNet-Menu-Hover li span,
.artmediacssmenu li:hover li:hover li a,
.artmediacssmenu li:hover li:hover li span,
.artmediacssmenu li.AspNet-Menu-Hover li.AspNet-Menu-Hover li a,
.artmediacssmenu li.AspNet-Menu-Hover li.AspNet-Menu-Hover li span {
    color: white; /*colore del testo nelle sottovoci (voci figlie delle voci root) */
    background: transparent url(arrowRight.gif) right center no-repeat;
}

.artmediacssmenu .AspNet-Menu-Selected /* this tier is selected */
{
	color: #EF9712 !important;
	/*
    border: solid 1px #00ff00 !important;
	*/
}

.artmediacssmenu .AspNet-Menu-ChildSelected /* a tier below this one is selected */
{
	color: #EF9712 !important;
	/*
    border: solid 1px #ff0000 !important;
	*/
}

.artmediacssmenu .AspNet-Menu-ParentSelected /* a tier above this one is selected */
{
	/*
    border: solid 1px #0000ff !important;
	*/
}
/* ***************************************** */
/*        FINE x MENU ArtmediaCSSMenu      */
/* ***************************************** */