html {
height: 100%;
}

body {
font-size: 1em;
font-family: Verdana,Arial,Helvetica,Sans-serif;
color: #333;
line-height: 1.3em;
text-align: center;
background: #43762e url(../images/background.gif) repeat-x;
height: 100%;
}

hr,.hide {
position: absolute;
top: 0;
left: -2000em;
}

a,a:visited {
font-weight: bold;
color: #de6306;
text-decoration: none;
}

a:hover,a:focus,a:active {
text-decoration: underline;
}

strong {
font-weight: bold;
}

em {
font-style: italic;
}

.clrleft,.clrright,.clrboth {
font-size: 1px;
height: 0;
}

.clrleft {
clear: left;
}

.clrright {
clear: right;
}

.clrboth {
clear: both;
}

.center {
text-align: center;
}

.right {
text-align: right;
}

.fleft {
float: left;
}

.fright {
float: right;
}

.separator {
background: url(../images/separator.gif) repeat-x left center;
width: 100%;
height: 26px;
}

#container {
text-align: left;
width: 980px;
margin: 0 auto;
}

/* Testata */

#header {
font-size: .7em;
background: #bcb4a7 url(../images/back-header.gif) repeat-x;
width: 100%;
min-height: 16px;
height: auto !important;
height: 16px;
padding: 4px 0;
border-top: 7px solid #ff8d0a;
position: relative;
z-index: 80;
}

h1 {
width: 120px;
height: 112px;
position: absolute;
top: 0;
left: 18px;
z-index: 100;
}

h1 a {
text-indent: -2000em;
background: url(../images/logo.jpg) no-repeat;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 100;
cursor: pointer;
}

/* Lingue */

#header ul {
font-size: 1px;
line-height: normal;
float: right;
}

#header ul li {
list-style: none;
width: 18px;
height: 13px;
margin-right: 9px;
float: left;
}

#header ul li a {
width: 100%;
height: 100%;
float: left;
}

#header ul li a img {
width: 18px;
height: 13px;
float: left;
}

/* Navigazione */

#nav {
background: #e6e2d7 url(../images/back-nav.gif) repeat-x left center;
width: 100%;
}

#nav ul {
background: url(../images/nav-separator.gif) repeat-y;
padding-left: 2px;
margin-left: 156px;
float: left;
display: inline;
}

#nav ul li {
font-size: .8em;
font-family: Arial,Helvetica,Verdana,Sans-serif;
font-weight: bold;
list-style: none;
background: url(../images/nav-separator.gif) repeat-y right top;
padding-right: 2px;
float: left;
}

#nav ul li a,#nav ul li a:visited {
color: #333;
line-height: 43px;
text-align: center;
text-decoration: none;
padding: 2px 9px;
float: left;
}

#nav ul li a:hover,#nav ul li a:focus,#nav ul li a:active {
color: #8a4a00;
background: #e8e2d6 url(../images/back-nav-on.gif) repeat-x left center;
}

#nav ul li.current span {
color: #8a4a00;
line-height: 43px;
text-align: center;
background: #e8e2d6 url(../images/back-nav-on.gif) repeat-x left center;
padding: 2px 9px;
float: left;
}

/* Immagine */

#images {
text-align: center;
background: url(../images/grass.jpg) no-repeat;
width: 100%;
height: 420px;
position: relative;
}

#images #slide {
width: 806px;
height: 306px;
position: absolute;
top: 67px;
left: 87px;
}

#images #slide img {
width: 806px;
height: 306px;
top: 0;
left: 0;
display: none;
}

/* Contenuti */

#content {
background: #d9d1c1 url(../images/back-content.gif) repeat-y 630px 0;
width: 100%;
}

#page {
background: url(../images/golf1.gif) no-repeat left bottom;
width: 100%;
}

#main {
font-size: .8em;
width: 580px;
min-height: 200px;
height: auto !important;
height: 200px;
padding: 12px 0;
margin-left: 22px;
float: left;
display: inline;
}

#main h2 {
font-size: 1.1em;
font-family: Georgia,Arial,Helvetica,Verdana,Sans-serif;
font-weight: bold;
color: #8a4a00;
line-height: normal;
text-transform: uppercase;
padding: 5px 0;
margin: 0 0 9px 0;
}

#main h3 {
font-size: 1.1em;
font-family: Georgia,Arial,Helvetica,Verdana,Sans-serif;
font-weight: bold;
color: #356803;
line-height: normal;
padding: 7px 0;
}

#main p {
margin: 12px 0;
}

#main ul {
padding-left: 32px;
}

#menu {
width: 100%;
}

#menu ul li {
list-style: none;
line-height: 32px;
padding: 0;
border-top: 1px solid #d9d1c1;
margin: 0;
}

#menu ul li.current {
font-weight: bold;
color: #333;
line-height: 32px;
background: #fff url(../images/arrow.gif) no-repeat 4px 50%;
padding: 0 0 0 20px;
margin: 0;
}

#menu ul li a,#menu ul li a:visited {
line-height: 32px;
padding: 0 0 0 4px;
margin: 0;
display: block;
}

#menu ul li a:hover,#menu ul li a:focus,#menu ul li a:active {
color: #333;
text-decoration: none;
background: #fff url(../images/arrow.gif) no-repeat 4px 50%;
padding: 0 0 0 20px;
}

/* Sidebar */

#sidebar {
font-size: .8em;
width: 280px;
padding-bottom: 22px;
margin-right: 42px;
float: right;
display: inline;
}

#sidebar h2 {
font-size: 1.2em;
font-family: Georgia,Verdana,Arial,Helvetica,Sans-serif;
font-weight: bold;
color: #8a4a00;
padding-bottom: 12px;
}

#sidebar li {
list-style: none;
font-size: .85em;
line-height: 1.4em;
margin-bottom: 12px;
}

#sidebar li em {
font-style: italic;
line-height: 1.2em;
}

#sidebar li strong {
font-size: 1.1em;
font-family: Arial,Helvetica,Verdana,Sans-serif;
font-weight: bold;
color: #356803;
line-height: 1.4em;
padding: 4px 0;
display: block;
}

#sidebar li.photo {
list-style: none;
text-align: center;
width: 100%;
padding-bottom: 7px;
}

#sidebar li.photo img,#sidebar li.photo a {
display: block;
}

#sidebar li.photo img {
border: 2px solid #bcb4a7;
margin: 0 auto;
}

#sidebar li.photo a {
text-align: center;
margin-top: 5px;
}

#sidebar p {
font-size: .85em;
font-weight: bold;
text-align: right;
line-height: 14px;
padding: 2px 0 2px 19px;
}

/* Footer */

#footer {
background: url(../images/back-footer.gif) repeat-y;
width: 100%;
border-bottom: 1px solid #e7e1d5;
}

#footer #inner {
background: url(../images/back-footer-top.jpg) no-repeat;
width: 100%;
}

#footer #links {
width: 550px;
padding: 16px 0 0 0;
margin-left: 47px;
float: left;
display: inline;
}

#footer #links ul li {
list-style: none;
line-height: 1em;
min-height: 18px;
height: auto !important;
height: 18px;
padding: 0 0 16px 28px;
}

#footer #links ul li a {
color: #fff;
display: block;
}

#footer #links ul li a strong {
font-size: .9em;
font-family: Arial,Helvetica,Verdana,Sans-serif;
display: block;
}

#footer #links ul li a em {
font-size: .7em;
font-weight: normal;
font-style: normal;
padding-top: 4px;
display: block;
}

#icon-calendar {
background: url(../images/calendar.gif) no-repeat;
}

#icon-booking {
background: url(../images/booking.gif) no-repeat;
}

#icon-sheets {
background: url(../images/sheets.gif) no-repeat;
}

#footer #contacts {
width: 280px;
padding: 12px 0 32px 0;
margin-right: 42px;
float: right;
display: inline;
}

#footer #contacts img {
margin: 0 9px 12px 0;
float: left;
}

#footer #contacts p {
width: 140px;
padding-top: 16px;
float: left;
}

#footer #contacts p a {
font-size: .8em;
text-align: center;
width: 100%;
float: left;
}

/* Home */

#main #spotlight {
width: 520px;
margin: 0 30px;
}

#main #spotlight ul {
width: 100%;
padding: 0;
}

#main #spotlight ul li {
background: #efe7da url(../images/back-spotlight.jpg) no-repeat left bottom;
width: 100%;
margin: 9px 0;
display: block;
position: relative;
}

#main #spotlight ul li a {
text-decoration: none;
width: 100%;
height: 120px;
display: block;
cursor: pointer;
}

#main #spotlight ul li a img {
width: 100px;
height: 100px;
border: 1px solid #bcb4a7;
position: absolute;
top: 10px;
left: 15px;
}

#main #spotlight ul li a em {
font-size: .85em;
font-weight: normal;
font-style: normal;
color: #333;
width: 370px;
padding: 10px 0;
margin-left: 135px;
display: block;
}

#main #spotlight ul li a em strong {
font-size: 1.2em;
font-weight: bold;
color: #de6306;
margin: 4px 0 9px 0;
display: block;
}

#main #logos {
background: url(../images/separator.gif) repeat-x;
width: 520px;
height: 102px;
padding-top: 9px;
margin: 22px 30px;
}

/*
root element for the scrollable.
when scrolling occurs this element stays still
*/

#main #logos div.scrollable {
/* required settings */
background: url(../images/separator.gif) repeat-x left bottom;
position: relative;
overflow: hidden;
width: 520px;
height: 111px;
padding: 0;
margin: 0;
}

/*
root element for scrollable items. Must be absolutely positioned
and it should have a super large width to accomodate scrollable items.
it's enough that you set width and height for the root element and
not for this element
*/

#main #logos div.scrollable ul.items {
/* this cannot be too large */
width: 20000em;
padding: 0;
position: absolute;
}

/*
a single item. must be floated on horizontal scrolling
typically this element is the one that *you* will style
the most
*/

#main #logos div.scrollable ul.items li {
list-style: none;
width: 100px;
height: 100px;
border: 1px solid #bcb4a7;
margin: 0 14px;
float: left;
display: inline;
}

#main #logos div.scrollable ul.items li a {
width: 100%;
height: 100%;
float: left;
}

/* Legenda */

#legend {
margin: 22px 0;
}

#legend ul {
padding: 0;
}

#legend ul li {
list-style: none;
font-size: .85em;
line-height: normal;
width: 100%;
margin: 4px 0 4px 26px;
position: relative;
}

#legend ul li span {
font-size: 1px;
width: 14px;
height: 12px;
border: 1px solid #bcb4a7;
display: block;
position: absolute;
top: 0;
left: -22px;
}

/* Credits */

#credits {
font-size: .6em;
line-height: 1.2em;
text-align: center;
background: #bcb4a7;
width: 100%;
padding: 7px 0;
}

#credits a {
color: #333;
}

/* Tabelle */

table {
font-size: .9em;
line-height: normal;
background: #fff;
width: 100%;
border-top: 1px solid #bcb4a7;
margin: 22px 0;
}

table th {
font-size: 1.1em;
font-family: Arial,Helvetica,Verdana,Sans-serif;
font-weight: bold;
color: #8a4a00;
background: #bcb4a7;
padding: 2px 5px;
border-bottom: 1px solid #bcb4a7;
}

table td {
vertical-align: top;
padding: 5px;
border-bottom: 1px solid #bcb4a7;
}

table td.nowrap {
white-space: nowrap;
}

td.day {
font-weight: bold;
text-align: center;
background: #ebe7dc;
width: 40px;
border-right: 1px solid #bcb4a7;
}

td ul {
padding-left: 24px;
}

/* Form */

form div {
padding: 5px 0;
}

fieldset {
border: 1px solid #bcb4a7;
padding: 7px;
margin: 12px 0;
}

legend {
font-weight: bold;
color: #333;
}

label {
text-align: right;
width: 120px;
margin-right: 5px;
float: left;
}

input.campotesto,textarea,select {
font-size: 1em;
font-family: Arial,Helvetica,Verdana,Sans-serif;
color: #333;
padding: 2px;
border: 1px solid #bcb4a7;
margin-right: 7px;
float: left;
}

input.readonly {
background: #eee;
}

#modulo label,#modulo input.campotesto,#modulo select,#modulo input#go {
width: auto;
margin-right: 12px;
}

.pulsanti {
text-align: center;
padding: 3px 0;
}

.pulsanti input,#modulo input#go {
font-weight: bold;
color: #fff;
line-height: normal;
background: #de6306;
padding: 2px 5px;
border: 1px solid #bcb4a7;
margin: 0 4px;
cursor: pointer;
}

input.pulsante {
width: 24px;
height: 24px;
padding: 0;
margin: 0;
float: left;
}

/* Photo gallery */

#gallery {
width: 100%;
}

#gallery ul {
padding: 0;
}

#gallery ul li {
list-style: none;
background: #fff;
width: 170px;
padding: 1px;
border: 1px solid #bcb4a7;
margin: 12px 8px;
float: left;
display: inline;
}

#gallery ul li a {
width: 100%;
float: left;
}

#gallery ul li a img {
width: 100%;
float: left;
}

#main .pagemanager {
width: 100%;
}

#main .pagemanager ul {
padding: 0;
float: right;
}

#main .pagemanager ul li {
list-style: none;
font-weight: bold;
line-height: normal;
margin: 5px 5px 5px 0;
float: left;
}

#main .pagemanager ul li.current {
color: #fff;
background: #de6306;
text-align: center;
border: 1px solid #bcb4a7;
padding: 1px 4px;
}

#main .pagemanager ul li a,#main .pagemanager ul li a:visited {
text-align: center;
padding: 2px 5px;
float: left;
}

#main .pagemanager ul li a:hover,#main .pagemanager ul li a:focus,#main .pagemanager ul li a:active {
color: #fff;
text-decoration: none;
background: #de6306;
border: 1px solid #bcb4a7;
padding: 1px 4px;
}

/* News */

p.published {
font-size: .8em;
line-height: 18px;
background: url(../images/clock.gif) no-repeat left center;
padding: 4px 0 4px 22px;
border-bottom: 1px solid #bcb4a7;
margin-bottom: 16px;
}

/* Circuiti */

ul#circuiti {
width: 100%;
padding: 0;
}

ul#circuiti li {
list-style: none;
width: 100%;
min-height: 140px;
height: auto !important;
height: 140px;
border-bottom: 1px solid #bcb4a7;
margin: 4px 0;
position: relative;
}

ul#circuiti li span {
display: block;
position: absolute;
top: 5px;
left: 0;
}

ul#circuiti li span img {
border: 1px solid #bcb4a7;
}

ul#circuiti li strong {
margin-left: 120px;
display: block;
}

ul#circuiti li em {
margin-left: 120px;
display: block;
}

table.dategare {
margin: 0 0 12px 0;
}

table.dategare td a.linkesterno {
margin-right: 7px;
}

h4 {
font-size: 1em;
font-family: Arial,Helvetica,Verdana,Sans-serif;
font-weight: bold;
color: #8a4a00;
background: #bcb4a7;
padding: 0 7px;
margin: 7px 0;
}

.logocircuito {
border: 1px solid #bcb4a7;
float: left;
}

#intestazionecircuito {
background: url(../images/nav-separator.gif) repeat-y 119px 0;
width: 100%;
padding: 5px 0;
}

#intestazionecircuito div.inner {
width: 446px;
float: right;
}

#intestazionecircuito h3 {
font-weight: bold;
}

#intestazionecircuito p {
margin: 4px 0;
}

#main div.boxform {
line-height: normal;
padding: 4px 4px 4px 30px;
margin: 9px 0;
}

#main div.boxform p {
color: #fff;
line-height: normal;
padding: 1px 0;
margin: 0;
}

.error {
background: #c63901 url(../images/off.gif) no-repeat 4px 4px;
border: 1px solid #bcb4a7;
}

.success {
background: #4f9b07 url(../images/on.gif) no-repeat 4px 4px;
border: 1px solid #bcb4a7;
}

#main .mainsponsorbox {
width: 100%;
margin: 7px 0;
}

#main .mainsponsorbox a {
width: 132px;
height: 82px;
float: left;
}

#main .mainsponsorbox a img {
width: 130px;
height: 80px;
border: 1px solid #bcb4a7;
float: left;
}

#main .mainsponsorbox div.innersponsor {
width: 420px;
float: right;
}

#main .mainsponsorbox div.innersponsor h3 {
padding: 0;
margin: 0 0 12px 0;
}

#main .mainsponsorbox div.innersponsor p {
margin: 0 0 12px 0;
}

#main table#sponsor td {
text-align: center;
vertical-align: middle;
}

.important {
font-weight: bold;
text-transform: uppercase;
margin: 12px 0;
}

#main table#medagliere td a {
display: block;
}

#main table .squadra {
width: 160px;
}

#main table .punti {
text-align: center;
width: 100px;
}