/* 	Wushuferrara.com page style, version 1.3 
	
		font color:										CCCCCC
		background color gray: 				C1C2C4
		background color dark:				221F1F
		rosso:												E7501E
		giallo:												FFF100
		giallo2:											FFF7A5
		box gray background						676767
		lytebox gray									717171
	
*/



/*  :::::::::::::::::::::::::::::::::::::::::::::::: standard tags */
html, body {
	margin: 0;
	padding: 0;
  width: 100%;
  height: 100%; /* this is the key! */
	}

body {
	margin:0;
	padding:0;
	color: #CCCCCC;
	background-color: #c1c2c4;
	font: 14px Helvetica, Arial, sans-serif;
	line-height: 18px;
	background-image: url(../images/lateral.jpg);
	background-position: top;
	background-repeat: repeat-x;
  height: 100%; /* this is the key! */
	}
a:link, a:visited, a:active {
	color: #FFF7A5;
	font-weight: 300;
	text-decoration: none;
	}
a:hover, a:visited:hover {
	color: #E7501E;
	text-decoration: none;
	}
a:link img, a:visited img, a:active img {
	border: 2px solid transparent;
	}
a:hover img, a:visited:hover img {
	border: 2px solid #E7501E;
	}
b {
	color: #FFFFFF;
	}
h1, h2, h3, h4 {
	margin-top: 0;
	margin-bottom: 0;
	font-weight: bold;
	} 
h1 {
	font-size: 22px;
	line-height: 28px;
	color: #FFF7A5;
	margin-top: 10px;
	margin-bottom: 20px;
	}
h2 {
	font-size: 16px;
	line-height: 28px;
	color: #E7501E;
	margin-top: 10px;
	margin-bottom: 10px;
	}
h3 {
	font-size: 14px;
	line-height: 14px;
	font-style: oblique;
	color: #FFF7A5;
	margin-top: 20px;
	margin-bottom: 5px;
	}
h4 {
	font-size: 12px;
	line-height: 18px;
	font-variant: small-caps;
	color: #FFFFFF;
	padding-left: 5px;
	}
img {
	border: none;
	}
hr {
	color: #FFF7A5;
	margin: 10px 0px 10px 0px; 
	}
table {
	width: 100%;
	}
td {
	vertical-align: top;
	}





/* :::::::::::::::::::::::::::::::::::::::::::::::: main layout */
#mainDiv {
	position: relative;	/* let use absolute to elements */
	width: 1000px;
	text-align: left;	/* align left to fix the previous IE css bug */
	margin: 0px auto 5px auto;		/* 5px margin top/bottom, auto margin for left/right */
	text-align: left; 	/* ripristinato allineamento del testo */
  height: 100%; /* this is the key! */
	background-color: transparent;
	}
#topbox {
	margin: 0px auto 0px auto;
	width: 804px;
	height: 13px;
	background-color: #E7501E;
	border-left: 1px solid #FFF7A5;
	border-bottom: 1px solid #FFF7A5;
	border-right: 1px solid #FFF7A5;
	}
#toparea {
	margin: 0px auto 0px auto;
	width: 804px;
	height: 293px;
	background-color: #221F1F;
	background-image: url(../images/banners_home.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	border: 1px solid #FFF7A5;
	}
	#toparea .logo {
		margin: 12px 0px 0px 0px;
		border: none;
		}
	#toparea a:link, 	#toparea a:visited {
	color: #E0DFD7;
	font-weight: bold;
	text-decoration: none;
	background-color: transparent;
	}
	#toparea a:hover, 	#toparea a:visited:hover {
	color: #E7501E;
	background-color: transparent;
	text-decoration: none;
	}

#leftblock {
	position: absolute;
	margin: 0px 0px 0px 0px;
	float: left;
	width: 80px;
	z-index: -5;
	}	
	#leftblock img {
		margin: 50px 0px 0px 10px;
	}
#rightblock {
	position: absolute;
	margin: 0px 0px 0px 910px;
	float: right;
	width: 80px;
	z-index: -5;
	}	
	#rightblock img {
		margin: 50px 0px 0px 0px;
		}		

#bodyarea {
	width: 804px;
	margin: 0px auto 0px auto;
	background-color: #221F1F;
	border-left: 1px solid #FFF7A5;
	border-bottom: 1px solid #FFF7A5;
	border-right: 1px solid #FFF7A5;
	height: auto;
	overflow: auto;
	}
#leftarea {
	float: left;
	width: 150px;
	}
#middlearea {
	float: left;
	width: 500px;
	margin: 0px -2px 0px -2px;
	padding: 0px 0px 20px 0px;
	height: auto;
	overflow: auto;
	border-right: 1px solid #FFF7A5;
	border-left: 1px solid #FFF7A5;
	border-bottom: 1px solid #FFF7A5;
	}
#rightarea {
	float: right;
	width: 150px;
	padding-bottom: 230px; /* to align at bottom left & right areas */
	}
#footer {
	margin: 5px auto 0px auto;
	padding: 5px 5px 0px 5px;
	width: 796px;
	height: 20px;
	background-color: #221F1F;
	border: 1px solid #FFF7A5;
	}
#pagetitle {
	position: absolute; 
	margin: 0px 0px 0px 0px;
	font-variant: small-caps;
	font-size: 120%;
	color: #FFE6B4;
	}
#backpage {
	position: absolute; 
	top: 10px;
	right: 25px;
	font-size: 90%; 
	color: #FFFFFF;  
	}

/* :::::::::::::::::::::::::::::::::::::::::::::::: structure detail layout */

/* Small menu for inpage navigation */
#smallmenu { 
	position: absolute;
	top: 0px; left: 10px;
	width: 560px;
	font-family: Helvetica, sans-serif; 
	font-size: 85%;
	} 
#smallmenu ul {
	list-style: none; 
	margin: 0; 	
	padding: 2px 0px 2px 0px; 
	border: 1px solid #7F7F7F; 
	} 
#smallmenu li { 
	display: inline;
	} 
#smallmenu li a { 
	padding: 6px 10px 4px 10px; 
	border-right: 1px solid #7F7F7F; 
	color: #4C4C4C; 
	text-decoration: none; 
	}
#smallmenu li a:hover { 
	color: #FFE6B4;
	background: none;
	}

#innerbody {
	margin: 0px 5px 5px 5px;
	padding: 0px 10px 0px 10px;
	text-align: justify;
	}
.innerbox {
	clear: both;
	margin: 5px 0px 5px 0px;
	padding: 5px;
	text-align: justify;
	border: 1px solid #FFF7A5;
	overflow: hidden;
	}
.boxleft {
	float: left;
	margin: 0px;
	padding: 0px;
	border: 1px solid #FFF7A5;
	width: 49%;
	}
.boxright {
	float: right;
	margin: 0px;
	padding: 0px;
	border: 1px solid #FFF7A5;
	width: 49%;
	}
.homelink {
	border-top: 1px solid #B3B3B3;
	margin: 3px 0px 0px 0px;
	padding: 3px 0px 0px 12px;
	width: 132px;
	}
.indexlinkmenu ul {	
	list-style-type: none;
	width: 130px;
	margin: 0;
	padding: 0;
	}	
.indexlinkmenu li {
	margin-bottom: 4px;
	}
.indexlinkmenu li a {
	height: 10px;
	text-decoration: none;
	color: #E0DFD7;
	display: block;
	padding: 0px;
	}
.indexlinkmenu li a:hover {
	color: #E7501E;
	background-color: #E0DFD7;
	}



	
/* :::::::::::::::::::::::::::::::::::::::::::::::: simnple class */	
.myBox {
	margin: 5px 10px 5px 5px;
	padding: 5px 3px 5px 3px;
}
.myBox ul {
	clear: both;
	margin-left: -25px;
	font-size: 70%;
}
.myBox p {
	font-size: 80%;
}
.indexlinks {
	margin: 5px 5px 5px 5px;
	}
.noBorder {
	border: none;
	}
.topBorder {
	margin-top: 10px;
	border-top: 1px solid #FFF7A5;
	}
.leftNegative {
	margin-left: -15px;
	}
.at_justify {
	text-align: justify;
	}
.at_left {
	text-align: left;
	}
.at_right {
	text-align: right;
	}
.at_center {
	text-align: center;
	}
.padding05 {
	padding: 5px;
	}
.paddingLeft15 {
	padding-left: 15px;
	}
.paddingRight15 {
	padding-right: 15px;
	}
.floatleft {
	float: left;
	}	
.floatright {
	float: right;
	}	
.floatleftPad {
	float: left;
	padding: 5px 10px 5px 0px;
	}	
.floatrightPad {
	float: right;
	padding: 5px 0px 5px 10px;
	}	
.font110 {
	font-size: 110%;
	}	
.font120 {
	font-size: 120%;
	}	
.smallWhite {
	color: #FFFFFF;
	font-size: 80%;
	font-weight: 300;
	}
.h1separator {
	width: 135px; 
	margin-left: 5px; 
	border-top: 1px solid #FFF7A5;
	}