/*elementi di pagina */
html {height:100%}
body {
	font: 8pt/16pt Verdana, Arial, Helvetica, sans-serif;
	color: #555753;
	text-align: center;
	background:  url(gradientBg.gif) repeat-x left top;
	background-color: #EDEFF1;	
	margin-right: auto;
	margin-left: auto;	
	min-height: 101%;
	
}

img {
	border: 0px;
}
p { 
	font: 8pt/16pt Verdana, Arial, Helvetica, sans-serif; 
	margin-top: 0px; 
	text-align: justify;
}

h2 { 
	font: normal 12pt Verdana, Arial, Helvetica, sans-serif; 
	letter-spacing: 1px; 
	margin-bottom: 0px; 
	color: #7D775C;
}

a:link { 
	font-weight: bold; 
	text-decoration: none; 
	color: #64767E;
}
a:visited { 
	font-weight: bold; 
	text-decoration: none; 
	color: #64767E;
}
a:hover, a:active { 
	text-decoration: underline; 
	color: #999900;
}

/* elementi specifici */

#wrapper {		
	margin: auto;
	text-align: left;
	width: 768px;		
}

#intro { 
	margin:0px;
	min-width: 470px;
}

#pageHeader { 
margin-bottom: 0px;
cursor:pointer;
}

#pageHeader h1 { 
	background: transparent url(header.gif) no-repeat top left; 
	margin-top: 0px; 
	width: 768px; 
	height: 126px; 
	float: left;
}
#pageHeader h1 span {
	display:none
}
#pageHeader h2 span {
	display:none;
}

.homeContentArea {
	height:475px;
	
	width: 768px; 

	float: left;
}
.largeContentContainer {		
	background-image: url(largeContentBackground.gif);
	background-repeat: repeat-y;	
	width: 768px;	
	min-height: 362px;
	height: auto !important;
	height: 362px;
	
}
.largeContentTop {
	margin: 0px; 
	background-image: url(largeContentTop.gif);
	background-repeat: no-repeat;
	height: 25px;
	width: 768px;	
}
.largeContent{	
	padding-left: 25px;
	padding-right: 25px;	
	padding-top: 18px;
	padding-bottom:0px;	
}
.largeContent img{
	margin: auto;
	
}
.largeContent h2 { 
	font: 8pt/16pt Verdana, Arial, Helvetica, sans-serif; 
	margin-bottom: 0px; 
	font-weight: bold;
	color: #999900;
}
.largeContent p{
	text-align: justify;	
	margin: 0px;
}

.largeContent dl{
	clear: both;
	width:718px;
	text-align: center;	
		margin: 0px;
}
.largeContent dd{
	margin: 0px;
	padding: 2px 13px 0px;
	font-style: italic;
}
.largeContent ul {	
	text-align:justify;
	margin-left: 25px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;	
	padding-top: 0px;
}
.largeContentBottom {
	margin: 0px; 
	background-image: url(largeContentBottom.gif);
	background-repeat: no-repeat;
	height: 25px;
		
}

.menuContainer {
	clear:both; 
	margin: 0px; 
	width: 268px; 
	min-height: 50px;
	float: left;
}
.menuTop {
	margin: 0px; 
	background-image: url(menuTop.gif);
	background-repeat: no-repeat;
	height: 25px;
	width: 250px;	
}
.menuHeader {
	margin: 0px; 
	background-image: url(menuBackground.gif);
	background-repeat: repeat-y;
	height: 43px;
	width: 250px;	
}
.menuHeader h1 {
	height: 25px;
	margin: 0px; 
	padding-left: 25px;
	font: bold normal 16pt Verdana, Arial, Helvetica, sans-serif; 
	letter-spacing: -1px;
	color: #999900;
}
.menuConnector {
	height: 25px;
	
	margin-bottom: -25px;
	background-image: url(menuBackground.gif);
	background-repeat: repeat-y;	
}
.menuFiller {
	height: 100%;	
	background-image: url(menuBackground.gif);
	background-repeat: repeat-y;	
}
.menuLinks {
	width: 250px;	
	background-image: url(menuBackground.gif);
	background-repeat: repeat-y;	
}
.menuLinks ul {	
	margin: 0px;
	padding-left: 42px;
	padding-right: 25px;	
	padding-top: 0px;	
}
.menuLinks li {
	clear:both;
	vertical-align: middle;
	height: 25px;
	list-style-image: url(listBulletOff.gif);
	list-style-type: disc;	
}
.menuLinks li a:link { 
	color: #999900;
}
.menuLinks li a:visited {
	color: #999933;
}
.menuLinks a:hover, a:active { 
	text-decoration: underline; 
}

.menuBottom {
	margin: 0px 0px 0px 0px; 
	background-image: url(menuBottom.gif);
	background-repeat: no-repeat;
	height: 25px;
	width: 250px;	
}

.menuFade {
	margin: 0px 0px 0px 0px; 
	background-image: url(menuFade.gif);
	background-repeat: no-repeat;
	height: 25px;
	width: 250px;	
}
.w3cContainer {
	padding: 25px 0px 0px 25px;
	height: 25px;
	float: left;
}
.contentArea {
	height:475px;
	
	width: 500px; 

	float: left;
}
.contentText-bold{
	font-weight: bold;
}
.contentTitle{
	font-weight: bold;
	color: #999900;
}
.contentTop {
	margin: 0px; 
	background-image: url(contentTop.gif);
	background-repeat: no-repeat;
	height: 25px;
	width: 500px;	
}
.contentHeader {
	margin: 0px; 
	background-image: url(contentBackground.gif);
	background-repeat: repeat-y;
	height: 25px;
	width: 500px;	
}
.contentHeader h1 {
	height: 25px;
	margin: 0px; 
	padding-left: 25px;
	font: bold normal 16pt Verdana, Arial, Helvetica, sans-serif; 
	letter-spacing: -1px;
	color: #999933;
}
.contentContainer {		
	background-image: url(contentBackground.gif);
	background-repeat: repeat-y;	
	width: 500px;	
	min-height: 362px;
	height: auto !important;
	height: 362px;
	
}
.content{	
	padding-left: 25px;
	padding-right: 25px;	
	padding-top: 18px;
	padding-bottom:0px;	
}
.content h2 { 
	font: 8pt/16pt Verdana, Arial, Helvetica, sans-serif; 
	margin-bottom: 0px; 
	font-weight: bold;
	color: #999900;
}
.content p{
	text-align: justify;	
	margin: 0px;
}

.content dl{
	clear: both;
	width:450px;
	text-align: center;	
		margin: 0px;
}

.content img{
	margin: auto;
	
}
.content dd{
	margin: 0px;
	padding: 2px 13px 0px;
	font-style: italic;
}
.content ul {	
	text-align:justify;
	margin-left: 25px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;	
	padding-top: 0px;
}
.contentBottom {
	margin: 0px; 
	background-image: url(contentBottom.gif);
	background-repeat: no-repeat;
	height: 25px;
	width: 500px;	
}
.gameInfos p{
	padding-left: 125px;
}

.gameInfos img{
	margin-top: 3px;
	float: left;
}
.footer{
	color: #000000;
	text-align: center;
	vertical-align: middle;
	height: 25px;
	padding-left: 0px;
	padding-right:0px;

}
.separator {
	margin: 25px;
	height: 1px;
	border: 0px;
	background-color: #999900;
}

/*parte esempi*/
.gameBackTop {
	clear: left;
	margin:0px;
	background-image: url(largeContentTop.gif);
	background-repeat: no-repeat;
	height: 25px;
	width: 768px;	
}
.gameBackContainer {
	clear: left;
	margin:0px;
	padding-left:25px;
	padding-right:25px;	
	background-image: url(largeContentBackground.gif);
	background-repeat: repeat-y;		
	width: 718px; 
	
}
.gameBackBottom {
	clear: left;	
	background-image: url(largeContentBottom.gif);
	background-repeat: no-repeat;
	height: 25px;
	width: 768px;	
}
.gameContainer {	
	clear: both;
	margin-top: 25px;
	margin-right: 0;
	margin-left: 0;	
	padding:0;
}