* {margin:0; padding:0;}
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 78%;
	background:#000 url('../images/bkgd.gif') repeat-x top left;
	text-align:center;
	padding-top:33px;
}

img					{ border:none;} 
img.contact			{ margin:30px 0 15px;}

p, .list,
form label, td		{ color:#000; line-height:1.5em; font-size:1em;}
p					{ margin-bottom:1.2em; }
p.no-margin-bottom	{ margin-bottom:.3em}

.txt-small			{ font-size:.8em; }
.txt-medium			{ font-size:1.2em}
.txt-large			{ font-size:1.4em;}
.txt-xlarge			{ font-size:1.9em;}
 
.list				{ margin:0 0 1em 1.5em; }
.list li 			{ padding:.4em 0; line-height:1.4em;}

a,
a:visited			{ color:#000;}
a:hover				{ color:#FFF; background-color:#008fd4; text-decoration:none}

a.btn-action,
a.btn-action:visited{ background-color:#AD8A4F; color:#FFF; padding:5px 10px; text-decoration:none;  font-size:1.2em }
a.btn-action:hover	{ background-color:#FFEABC; color:#000}

a.hide				{ position:absolute; left:-999em; }

h1					{ width:291px; height:62px; background:url('../images/logo.gif') no-repeat left bottom; display:block; text-indent:-999em; position:relative; }
h1 span				{ text-indent:-999em; display:block; width:291px; height:62px; position:absolute; top:0; left:0px; cursor:pointer; }
h2					{ display:block; width:387px; height:64px; background:url('../images/sub-head.gif') no-repeat 0 0; text-indent:-999em; position:absolute; right:0; top:0 }
h3					{ font-family:"Times New Roman", Times, serif; font-size:1.6em; text-transform:uppercase; font-weight:normal; margin-bottom:5px;}
h4					{ text-transform:uppercase; margin:0 0 10px 0; font-family:"Times New Roman", Times, serif; font-size:1.2em; font-weight:normal}

/* ---------------------------- */
/* LAYOUT */
/* ---------------------------- */
#container				{ text-align:left; position:relative; width:770px; margin:0 auto; background:url('../../one-tournament-fields/images/header.jpg') no-repeat 0 0;}
#header					{ height:104px;}
#content				{ background:#FFF url('../images/content-bkgd.gif') repeat-x left bottom; padding:20px 20px 35px 20px }
body.home #content		{ padding:0 0 10px 0}
#col-1					{ float:left; /*width:430px; */width:360px;}
#col-2					{ float:left; width:370px;}
#footer					{ padding:15px 0; position:relative;}
#footer img.pics		{ }
#footer img.sackville	{ position:absolute; right:0;}


/* ---------------------------- */
/* TABLES */
/* ---------------------------- */
table					{ border-left:1px solid #000; border-bottom:1px solid #000; }
table th,
table td				{ padding:5px; border:1px solid #000; border-bottom:none; border-left:none;}
table .col-1			{ width:145px; background-color:#BBB; color:#FFF }
table .col-2			{ width:90px; }
table .col-3			{ width:90px; }
table th				{ background-color:#9e7632; font-weight:bold; color:#FFF}
table tfoot td			{ background-color:#ffeabc; font-weight:bold; }


/* ---------------------------- */
/* NAVIGATION */
/* ---------------------------- */
#nav 					{ height:19px}
#nav li 				{ float:left; list-style:none; margin-right:1px; }
#nav li.main-site		{ position:absolute; right:0; }
#nav li.main-site a		{ padding-left:5px; padding-right:5px}
#nav li.last			{ border:none}
#nav li a				{ color:#FFF; text-decoration:none; font-size:1.1em; padding:4px 25px }
#nav li a:hover,
#nav li.active a		{ color:#FFF; background-color:#ad8a4f;  }

#footer-nav			{ font-size:.8em; padding:10px 0 20px 0}
#footer-nav	li		{ float:left; margin-right:.5em; padding-right:.5em; border-right:1px solid #FFF; list-style:none;}
#footer-nav	li.last	{ border-right:none;}
#footer-nav	a		{ color:#FFF;}



/* --------------------- */
.clearfix:after {
    content: "."; /* the period is placed on the page as the last thing before the div closes */
	display: block; /* inline elements don't respond to the clear property */ 
    height: 0; /* ensure the period is not visible */
    clear: both; /* make the container clear the period */
    visibility: hidden; /* further ensures the period is not visible */
}
/*.clearfix {display: inline-block;} /* a fix for IE Mac */
/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* end of "no-extra-markup" clearing method */