/*stili per il layout elastico*/
html, body
{
	margin: 0;
	padding: 0;
	
}
body
{
	font-family: arial,sans-serif;
	font-size:larger;
	text-align: center;
	background-color: rgb(191,191,191);
	color: #000; 
}
img
{
	border: 0px;	
}

div#container
{
	width: 100%;
	margin: 0 auto;
	text-align: center;
}

/*stili generici, su header e footer*/
div#header
{
	background-color: rgb(191,191,191);
	color: #000; 
	text-align: center;
}
h1, h2
{
	margin: 0;
	padding: 0;
}
h1
{
	padding-left: 0.5em;
	color:	rgb(94,69,180);
	font: bold 2.3em/80px arial,serif;
	line-height: normal;
}
h2
{
	font-size: 1.5em;
	color: Red;
	line-height: normal;
}
div#footer
{
	text-align: center;
	padding: 0.5em;
	background-color: #69c;
	color: #000;
}
div#footer a
{
	color: #fff;
	font-weight: bold;
	text-decoration: underline;
}

/*stili specifici per il layout*/
div#navigation
{
	background-color: #0033FF;
}
div#content
{
	padding: 1em;
}


/*stili per la navigazione*/
div#navigation ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
}
div#navigation li
{
	display: inline;
	margin: 0 0 0 1em;
	padding: 4px;
	text-align: center;
	background-color: Red;
	border: solid 1px black;
	color: #FFFFFF;
	font-weight: bold;
	font-size: medium;
	text-transform: uppercase;
}


/*nota display: inline*/
div#navigation a
{
	font: normal bold 1.2em/2.5em arial,sans-serif;
	color: #FFFFFF;
	text-decoration: none;
}
div#navigation a:hover
{
	color: #FFFFFF;
}
div#navigation a#activelink
{
	color: #FFFFFF;
	text-decoration: none;
}

.blue
{
	color:	rgb(0,0,255);
}

.button
{
	text-decoration: none;
	margin: 0 0 0 1em;
	text-align: center;
	padding: 4px;
	background-color: Red;
	border: solid 1px black;
	color: #FFFFFF;
	font-weight: bold;
	text-transform: uppercase;
}