ecco il css:
codice:
body { background: url(../images/bg.png) repeat-x top #002545; margin: 0px; padding:0px; } body, td, th { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #002545; line-height: 160%; } h1, h4, h5, h6 { font-size: 12px; color: #002545; font-weight: normal; } h4 { font-size: 11px; font-weight: bold; margin: 0; padding: 0; color: #FF9900; margin-left: 2px; } h2 { color: #000; font-weight: normal; font-size: 30px; text-transform: uppercase; margin:0; padding:0; font-family: Arial, Helvetica, sans-serif; line-height: 32px; } h3 { color: #990000; font-weight: normal; font-size: 12px; text-transform: none; margin-bottom: 10px; padding-top: 0; margin-top: 0; font-family: Verdana, Arial, Helvetica, sans-serif; } a { color: #1F6BB2; } a:hover { color: #FFF; } .container { width: 950px; margin: 0 auto; } #contentarea { width: 950px; clear: left; margin-top: 20px; float: left; padding-bottom: 30px; padding-top:30px; background:#fff; -webkit-border-top-right-radius: 50px; -webkit-border-bottom-left-radius: 50px; -moz-border-radius-topright: 50px; -moz-border-radius-bottomleft: 50px; border-top-right-radius: 50px; border-bottom-left-radius: 50px; behavior: url(PIE.htc); } #top { width: 100%; height: 90px; } #top-cover { width: 950px; margin: 0 auto; margin-bottom:15px; } #logo { width: 200px; float: left; margin-top: 10px; margin-left: 5px; } #header { width: 950px; float: left; display: inline-block; margin-bottom: 20px; } #content { width: 630px; float: left; margin-top: 20px; margin-left: 20px; } #content2 { width: 850px; float: left; margin-top: 20px; margin-left: 20px; } #right { width: 255px; float: right; padding-bottom: 70px; margin-top: 20px; color: #666; margin-right:15px; } #right .moduletable { margin-bottom: 20px; } #bottom { width: 950px; margin-top:20px; clear: left; float: left; color: #666; padding: 0 0 20px; -webkit-border-top-left-radius: 50px; -webkit-border-bottom-right-radius: 50px; -moz-border-radius-topleft: 50px; -moz-border-radius-bottomright: 50px; border-top-left-radius: 10px; border-bottom-right-radius: 10px; behavior: url(PIE.htc); } #right h3, #bottom h3 { margin: 0px; font-weight: bold; color: #1F6BB2; font-size: 18px; font-family:"Trebuchet MS", Tahoma, Arial, Helvetica, Sans-serif; border-bottom:2px solid #002545; padding:30px 0 5px 0; } #user1 { width: 285px; float: left; margin-left: 15px; -webkit-border-top-right-radius: 50px; -webkit-border-bottom-left-radius: 50px; -moz-border-radius-topright: 50px; -moz-border-radius-bottomleft: 50px; border-top-right-radius: 50px; border-bottom-left-radius: 50px; behavior: url(PIE.htc); } #user1 .moduletable { margin-bottom: 5px; padding-bottom: 5px; } #user1 p { margin: 0; padding: 0; margin-left: 2px; } #user1 a { color: #FF9900; } #user2 { width: 285px; float: left; margin-left: 50px; } #user2 li { margin: 0; padding: 0; list-style: none; list-style-image: none; text-transform: none; line-height: 18px; } #user2 a { color: #666; margin-left: 2px; font-size: 11px; } #user3 { width: 285px; float: right; margin-right: 10px; } #footer { clear: left; float: left; width: 950px; text-align: left; font-size: 9px; padding: 10px 0 30px 10px; color: #666; -webkit-border-top-right-radius: 50px; -webkit-border-bottom-left-radius: 50px; -moz-border-radius-topright: 50px; -moz-border-radius-bottomleft: 50px; border-top-right-radius: 50px; border-bottom-left-radius: 50px; behavior: url(PIE.htc); } #footer a { color: #666; } #footer .moduletable { width: 880px; margin: 0 auto; margin-top: 3px; } h2.contentheading, h2.componentheading { margin-bottom: 20px; margin-top: 10px; } .clear { clear: both; } /* COMMON TAGS */ .modifydate { color: #C0C0C0; } .author { color: #C0C0C0; } .createdate { color: #C0C0C0; } .contenttoc { margin: 5px; } ul { margin: 2px; padding: 6px; padding-left: 15px; } li { padding-left: 1px; line-height: 150%; } ul.arrow1 li, ul.arrow2 li { padding-left: 5px; padding-bottom: 2px; padding-top: 2px; } .buttons { float:right; width:85px; } .buttons .buttonheading { float:left; } .buttons img { border: 0; } fieldset { border: none; } textarea, input { border: solid 1px #ccc; color: #666; } .button { background: none; border: solid 1px #ccc; color: #990000; } /* Poll Module Styles */ .poll-radio { padding:0; float:left; clear:left; text-align:left; } .poll-option { float:left; padding-bottom:6px; padding-top: 3px; width:85%; margin-left: 2px; } .poll h3 { border:none; } .author, .createdate, .modifydate, .buttons { display:none } #topmenu { float: right; width:650px; height: 61px; margin-top:40px; margin-right: 10px; } #topmenu ul { list-style: none; margin: 0; padding: 0; margin-left: -11px; float: right; } #topmenu li { list-style: none; float: left; font-weight: normal; font-size: 14px; padding-right: 20px; padding-left: 20px; padding-top: 2px; line-height: 26px; text-transform: uppercase; font-family: "Times New Roman", Times, serif; } #topmenu li a { display: block; padding: 0; font-weight: normal; text-decoration: none; color: #fff; } #topmenu li:hover, #topmenu li.hover { position: static; } #topmenu li a:hover, #topmenu li.active a { color: #1F6BB2; background-position: center; } html>body #topmenu li a { width: auto; } .spotlight { padding:15px 15px 0 15px; } .hs_container{ position:relative; left:6px; width:902px; height:471px; overflow:hidden; clear:both; border:2px solid #fff; cursor:pointer; } .hs_container .hs_area{ position:absolute; overflow:hidden; } .hs_area img{ position:absolute; top:0px; left:0px; display:none; } .hs_area img.hs_visible{ display:block; z-index:9999; } .hs_area1{ border-right:2px solid #fff; } .hs_area4, .hs_area5{ border-top:2px solid #fff; } .hs_area4{ border-right:2px solid #fff; } .hs_area3{ border-top:2px solid #fff; } .hs_area1{ width:449px; height:334px; top:0px; left:0px; } .hs_area2{ width:451px; height:165px; top:0px; left:451px; } .hs_area3{ width:451px; height:167px; top:165px; left:451px; } .hs_area4{ width:192px; height:135px; top:334px; left:0px; } .hs_area5{ width:708px; height:135px; top:334px; left:194px; }
Nella directory principale del sito il file PIE.htc