/*=============================
		CSS Document
		by Sabrina Moles
		www.sabrine.eu
=============================*/
		

body {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	font-size: 12px;
	scrollbar-face-color:#4B4B4B;
	scrollbar-highlight-color:#FF000;
	scrollbar-3dlight-color:#4B4B4B;
	scrollbar-shadow-color:#242424;
	scrollbar-darkshadow-color:#000000;
	scrollbar-arrow-color:#FF0000;
	scrollbar-track-color:#4B4B4B;
}

#container {
	position:absolute;
	top: 50%;
	left:50%;
	margin-top: -275px;
	margin-left: -375px;
	width: 750px;
	height: 550px;
	background: #f00; 
}
a:link { color: #C00; text-decoration: none;}
a:visited {	text-decoration: none; color: #900;}
a:hover { text-decoration: none; color: #F00;}
a:active { text-decoration: none; color: #FFF;}

#headcontainer {
	height: 164px;
	width: 100%; 
	background-image:url(../img/head.jpg);
}

#menu{
	width: 153px;
	height:361px;
	float:left;
	background:url(../img/menu.jpg) left top no-repeat;
	}
#content {
float:right;
	width:597px;
	height:361px;
	background:url(../img/content.jpg) right top no-repeat;
	position:relative;
	}
#frame {
	float:left;
	width:650px;
	height:600px;
	margin: 5px 0 15px 0;
	border: 0px solid #000;
}
#footer{
	height:25px;
	width:750px;
	background:url(../img/footer.jpg) left top no-repeat;
	float: left;
	clear: both;
	}
	
/* ========= FINE CORPO DEL SITO ========= */

/* ========= INIZIO MENU'  ========= */
#menu ul { margin: 0; padding: 0; list-style-type: none; width: 153px; height:361px; background:url(../img/menu.jpg) left top no-repeat; }
#menu ul li { display: block; text-indent: -9999px; }
#menu a { display: block; }

#menu li.news a { height: 33px;}
#menu li.news a:hover {background: url(../img/menu.jpg) 0px -361px no-repeat transparent;}
#menu li.news a#activelink {background: url(../img/menu.jpg) 0px -722px no-repeat transparent;}

#menu li.bio a { height: 33px;}
#menu li.bio a:hover {background: url(../img/menu.jpg) 0px -394px no-repeat transparent;}
#menu li.bio a#activelink {background: url(../img/menu.jpg) 0px -755px no-repeat transparent;}

#menu li.schedule a { height: 33px;}
#menu li.schedule a:hover {background: url(../img/menu.jpg) 0px -427px no-repeat transparent;}
#menu li.schedule a#activelink {background: url(../img/menu.jpg) 0px -788px no-repeat transparent;}

#menu li.results a { height: 33px;}
#menu li.results a:hover {background: url(../img/menu.jpg) 0px -460px no-repeat transparent;}
#menu li.results a#activelink {background: url(../img/menu.jpg) 0px -821px no-repeat transparent;}

#menu li.media a { height: 33px;}
#menu li.media a:hover {background: url(../img/menu.jpg) 0px -493px no-repeat transparent;}
#menu li.media a#activelink {background: url(../img/menu.jpg) 0px -854px no-repeat transparent;}

#menu li.press a { height: 33px;}
#menu li.press a:hover {background: url(../img/menu.jpg) 0px -526px no-repeat transparent;}
#menu li.press a#activelink {background: url(../img/menu.jpg) 0px -887px no-repeat transparent;}

#menu li.merch a { height: 33px;}
#menu li.merch a:hover {background: url(../img/menu.jpg) 0px -559px no-repeat transparent;}
#menu li.merch a#activelink {background: url(../img/menu.jpg) 0px -920px no-repeat transparent;}

#menu li.training a { height: 33px;}
#menu li.training a:hover {background: url(../img/menu.jpg) 0px -592px no-repeat transparent;}
#menu li.training a#activelink {background: url(../img/menu.jpg) 0px -953px no-repeat transparent;}

#menu li.board a { height: 33px;}
#menu li.board a:hover {background: url(../img/menu.jpg) 0px -625px no-repeat transparent;}
#menu li.board a#activelink {background: url(../img/menu.jpg) 0px -986px no-repeat transparent;}

#menu li.contacts a { height: 33px;}
#menu li.contacts a:hover {background: url(../img/menu.jpg) 0px -658px no-repeat transparent;}
#menu li.contacts a#activelink {background: url(../img/menu.jpg) 0px -1019px no-repeat transparent;}

#menu li.links a { height: 31px;}
#menu li.links a:hover {background: url(../img/menu.jpg) 0px -691px no-repeat transparent;}
#menu li.links a#activelink {background: url(../img/menu.jpg) 0px -1052px no-repeat transparent;}

/* ========= FINE MENU ========= */


#bio{  }
.bioRight{ float: left; }
.bioRight img{ padding: 18px 5px 5px 10px; }

/* Lista delle foto */
ul.mini{ list-style: none; margin: 10px 0 20px 40px; padding: 0; }
ul.mini li{ float: left; padding: 0; margin: 5px; position: relative; }
ul.mini li a img{ border: 5px solid #400; }
ul.mini li a:hover img{ border: 5px solid #F00; }
ul.mini li img.new {display: block; /*position: absolute;*/ top: -3px; right: -3px; /*z-index: 1;*/ border: none; }


/*  ===== Loghi Federazioni ===== */
#logotcw{  }
.logotcwLeft{ float: left; }
.logotcwLeft img{ padding: 6px 20px 6px 46px; }

.schedule {text-align:center;}
.logorestcw{background:url(../img/fed_tcw.gif) 30px 50% no-repeat;}
.logores2pw{background:url(../img/fed_2pw.gif) 30px 50% no-repeat;}
.logoresuiw{background:url(../img/fed_uiw.gif) 30px 50% no-repeat;}
.logoresiwz{background:url(../img/fed_iwz.gif) 30px 50% no-repeat;}


.logo2pw{  }
.logo2pwLeft{ float: left; }
.logo2pwLeft img{ padding: 6px 20px 6px 46px; }#

#logouiw{  }
.logouiwLeft{ float: left; }
.logouiwLeft img{ padding: 6px 20px 6px 46px; }
/* ===== Fine  Loghi Federazioni ===== */

.iframe { width:100%; height:357px; overflow: auto; float:left; }

img.media {float:left; padding: 6px; margin: 2px;}

.copyright {font-size:9px; text-align:right; color:#FAA; }
.copyright a { color:#F88;}

p {text-align:justify; padding:0 10px; margin-top: 3px; }
h1 { margin: 15px 5px 5px 5px; padding:1px 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; font-variant: small-caps; color: #000; background: url(../img/h1.gif) left top no-repeat #F00; border: solid 1px #000;}  
h2 { margin: 15px 5px 5px 5px; padding:4px 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; font-variant: small-caps; color: #F00; background: #000; border-top:solid 1px #900; border-bottom:solid 1px #900;}
h3 { margin: 15px 5px 5px 5px; padding:1px 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; font-variant: small-caps; color: #D00; background: #500;}
h4 { text-align:center; margin: 8px; padding:5px 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; font-variant: small-caps; color: #D00; background: #500; border-top:solid 1px #900; border-bottom:solid 1px #900;}
h5 { margin: 15px 5px 5px 5px; padding:10px 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight:normal; color: #FFF; background: #000; border-top:solid 1px #900; border-bottom:solid 1px #900;}
h6 { margin: 15px 5px 5px 5px; padding:10px 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight:normal; color: #FFF; border-top:solid 1px #900; border-bottom:solid 1px #900;}

strong { color: #A00; font-weight:bold; }
acronym { border-bottom: 1px ridge #F00; cursor: help; background:#900; border-top:1px ridge #F00; padding: 0 3px;}
table {	text-align: left; vertical-align: top;}
td.voci { color: #A00; font-weight:bold; width:40%; vertical-align:text-top;}
td.campi{ width:60%;}
a.media {text-decoration: none; color:#D00;}
a:hover.media{color:#FFF;}
.clear {clear:both;}
.top{float:right; margin-top: -25px; margin-right:10px; text-decoration:none;}
.top img{ border:none; }

/* aggiunte in classe */