html,body
{
	font-size: 85%; font-family: 'trebuchet ms' , helvetica, sans-serif;
	margin:0; padding: 0;
	height: 100%; 
}


 .container {
 min-height: 100%;
 height: auto !important;
 height: 100%;
 margin: 0 auto -4em;
 }
 .clearfooter {
 height: 4em;
 }



#sinistra { top: 100px; left: 20px; width: 180px;}     
#destra { top: 100px; right: 20px;  width: 180px; } 
#centro { top: 100px; padding-left: 220px; padding-right: 220px;}
#footer{height: 0px;text-align:center;
position: relative;} 

.title
{
	font-size: xx-large;
	font-weight: bold;
	text-transform: capitalize;
	text-align: center;
	vertical-align: middle;
	font-style: italic;
	height: 70px;
}

.page-title
{
	font-size: large;
	font-weight: bold;
	text-transform: capitalize;
	text-align: center;
	font-style: italic;
}
.div-table
{
    padding: 0px 0px 0px 5px;
    margin: 0px;
    border-spacing: 0px;
    display: table;
    
}
.div-table-simpleborder
{
	border-style: dotted;
	border-width: 1px;
	padding: 0px 0px 0px 5px;
    margin: 0px;
    border-spacing: 0px;
    display: table;

}
.div-table-caption{display:table-caption; }
.div-table-row{display:table-row;}
.div-table-col
{
    display: table-cell;
    
    vertical-align:top;
}

.menu_header
{
    border-style: dotted;
    border-width: 1px;
    border-color: #000000;
    background-color: #507CD1;
    color: #FFFFFF;
    width:95%;
    
}
.menu_footer
{
    height:10px;
    width:95%;
    
}
.menu_link
{
	border-style: dotted;
	border-width: 1px;
	border-color: #000000;
	background-color: #D1DDF1;
	color: #000000;
	width: 95%;
}

.modalBackground

{
background-color: Gray;

filter: alpha(opacity=70);
opacity: 0.7;

}
.modalPopup

{
background-color: #ffffdd;

border-width: 3px;
border-style: solid;

border-color: Gray;
padding: 10px;

width: 250px;
text-align: center;

}

.hide
{
	display:none;	
}


/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.arrowlistmenu{
width: 95%; /*width of menu*/
}

.arrowlistmenu .headerbar{
font: bold 14px Arial;
color: white;
background: black url(media/titlebar.png) repeat-x center left;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 4px 0 4px 10px; /*header text is indented 10px*/
}

.arrowlistmenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
color: #A70303;
background: url(media/arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
font-size: 90%;
}

.arrowlistmenu .text{
color: #A70303;
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
font-size: 90%;
}

.arrowlistmenu ul li a:visited{
color: #A70303;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #A70303;
background-color: #F3F3F3;
}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.commentbox{
background-color: #ececec;
width: 95%;
padding: 2px;
}

.commentfooter{
background: url(media/arrow.gif) 20px -5px no-repeat; /*20px 0 equals horizontal and vertical position of arrow. Adjust as desired (ie: 20px -5px).*/
padding-left: 58px;
padding-top: 1px;
margin-bottom: 2em;
font-size: 90%;
color: #4A4A4A;
}


input[type="button"],input[type="submit"]
{
	border-style: solid;
	border-width: 1px;
	color: #000000;
	font: bold 90% 'trebuchet ms' , helvetica, sans-serif;
	background-color: #FFFFFF;
	border-color: #000000 #363 #363 #696;
	cursor: pointer;
}

input[type="text"],input[type="password"],input[type="file"],select,textarea
{
	border-style: solid;
	border-width: 1px;
	color: #000000;
	font: bold 90% 'trebuchet ms' , helvetica, sans-serif;
	background-color: #FFFFFF;
	border-color: #000000 #363 #363 #696;
}

.blogTitle
{
	font-size: large;
	font-weight: bold;
	text-align:center;
}

.alternatingRowStyle
{
	font: bold 90% 'trebuchet ms' , helvetica, sans-serif;
	}
	
.RowStyle
{
	font: bold 90% 'trebuchet ms' , helvetica, sans-serif;
	background-color: #C0C0C0;
}
	
.headerGrid
{
	font: bold 90% 'trebuchet ms' , helvetica, sans-serif;
	color: white;
	background: black url(media/titlebar.png) repeat-x center left;
	text-align:left;
}
	
hr
{
	border-width: 2px;
	width: 90%;
	height: 1px;
	border-style: dotted none none none;
	color: #C0C0C0;
	text-align: center;
}

.postInfo{
padding-top: 1px;
margin-bottom: 2em;
font-size: 90%;
color: #4A4A4A;
}

.clear
        {
            clear: both;
        }
        .lbl
        {
            color: green;
            font-weight: bold;
        }
        .upperColumn
        {
            margin: auto;
            width: 600px;
            border-bottom: Solid 1px orange;
            background-color: white;
            padding: 10px;
        }
        .bottomColumn
        {
            margin: auto;
            width: 600px;
            background-color: white;
            padding: 10px;
        }