/* CLEAR FIX COURTESY OF: http://www.positioniseverything.net/  ----------------               */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.clearing {
	height: 0;
	clear: both;
	margin-top: -20px;
	}
	
html>body .clearing {
	margin-top: 0px;
	}

/* LINK-O-MATIC  ---------------------------------------------------------------               */

#wrapper a:link, #wrapper a:visited, #wrapper a:active  {
	/*color: #000;*/
	/*text-decoration: none;*/
	}

#wrapper a:hover {
	/*color: #000;*/
	
	}
	

.floatLeft {
	float: left;
	width: auto;
	margin: 0;
	margin-right: 1em;
}

.floatRight {
	float: right;
	width: auto;
	margin: 0;
	margin-left: 1em;
}

.floatLarge {
	float: right;
	width: auto;
	margin: 0;
}

/*--------------------- Helper rules ------------------------*/

img	{
	border: 0;
	margin: 0;
	}

.access	{
	display: none;
	}
	
/*------------------------ GLOBAL POSTIONING ELEMENTS -------------------------*/

body	{
	margin: 0;
	padding: 0;
	background: transparent;
	font:62.5%/1.5em  Arial, Tahoma, "Trebuchet MS", Geneva, Verdana, sans-serif;
	text-align: center;
	
	}
	
div#wrapper	{
	margin: 0 auto;
	padding: 0;
	width: 770px;
	text-align: left;
	background:transparent;
	}
	

	
h1 {
	padding:0;
	margin:0;
	}
	
h1, h2, h3, h4, h5, h6 {
	font-size:16px;
	text-transform:uppercase;
	color:#0B286E;
	}

submit {
	font-size:.9em;
	}

/**********************************************************************\
	HEADER STYLING
\**********************************************************************/

.headLogo {
	display:none;
	text-indent:-9999px;
	background:transparent;
	width:770px;
	height:153px;
	margin:0 0 0 0;
	}
	
html>body .headLogo {
	margin:2px 0 5px 0;
	}
	
img.printHeadLogo {
	display:block;
	}

img {
	display:none;
	}

/**********************************************************************\
	NAVIGATION STYLING
\**********************************************************************/

#nav {
	float: left;
	text-transform:uppercase;
	width: 770px;
	height:30px;
	background: transparent;
	margin: 0;
	border: 0;
	margin:-5x 0 0 0;
	text-align: left;
	}

html>body #nav {
	margin:-5px 0 0 0;
	}
	
#nav ul {
	display:none;
	}
	
#nav a {
text-decoration:none;
	padding:0 0 9px 0;
	}
	
#nav a.active, #nav a:hover {
	color:#fff;
	background:url(images/ball.gif) no-repeat center bottom;
	}
	
#nav a:link, #nav a:visited {
	color: #fff;
	}

.mainnav {
	float:left;
	text-align: left;
	margin:0;
	border: 0;
	width: 717px;
	height:30px;
	margin:0 0 0 75px;
	
	}

html>body .mainnav {
	margin-left:110px;
	}
	
.mainnav a {
	color: #fff;
	}
	
.mainnav li {
	float:left;
	font-size: 1em;
	display: inline;
	margin:3px 15px 0 0;
	}
	
html>body .mainnav li {
	margin:3px 17px 0 0;
	}

/**********************************************************************\
	ALL COLUMNS INDEX PAGE STYLING
\**********************************************************************/

#allCol {
	float:left;
	width: 770px;
	font-size: 1.1em;
	padding:5px 0 0 5px;
	margin-top:-20px;
	text-align: left;
	background-color:#fff;
	color:#666;
	line-height:16px;
	}

html>body #allCol {
	width:765px;
	}
	
div#allCol a {
color:#0B286E;
text-decoration:underline;
}
	
#allCol h1 {
	margin-top:10px;
	}
	
#leftCol {
	float:left;
	margin: 5px 0 0 3px;
	width:243px;
	}
	
html>body div#leftCol {
	margin:5px 0 0 5px;
	}
	
#middleCol {
	float:left;
	margin:5px 0 0 10px;
	width:243px;
	}
	
	
#rightCol {
	float:right;
	margin:5px 5px 0 0;
	width:243px;
	}
	
html>body div#rightCol {
	margin:5px 10px 0 0;
	}
	
.divfont {
	clear:both;
	}
	

div#leftColumn table, div#rightColumn table, div#features table {
	width:200px;
	height:50px;
	padding:0;
	margin-left:-5px;
	}
	
#rightColumn td.Answer {
	margin:50px 0 0 0;
	padding:0;
	}

/**********************************************************************\
	CONTENT PAGE STYLING
\**********************************************************************/
	

#leftColumn {
	float: left;
	width:235px;
	
	/* False margin value for all versions of IE Win, including 6.0 */
	margin:0 0 0 2px;
	}
	
html>body #leftColumn {
	/* Correct value for browsers that don't suffer from IE Win's bugs */
	margin-left:5px;
	}
	
#leftColumn ul {
	float:left;
	list-style:none;
	margin:0;
	padding:0;
	width:235px;
	}
	
#leftColumn li {
	clear:both;
	display:block;
	color:#666;
	padding:0;
	margin:0 0 15px 0;
	font-size;1.4em;
	}

html>body #leftColumn li {
	margin:0 0 0 0;
	}


	
#leftColumn h1 {
	margin:5px 0 10px 0;
	}

.button {
	font-size:.9em;
	padding:0;
	margin:0;
	}

#leftColumn ul a {
	float:left;
	display:block;
	text-decoration:underline;
	color:#052a56;
	padding:0 0 0 0;
	margin:0 0 0 0;
	}

html>body #leftColumn ul a {
	margin:0 0 15px 0;
	}


#leftColumn a {
	text-decoration:underline;
	color:#052a56;
	padding:0 0 0 0;
	margin:0 0 0 0;
	}
	
div#allCol div#leftColumn table {
	float:left;
	margin:0 0 0 0;
	padding:0 0 0 0;
	color:#666;
	width:225px;
	}

div#allCol div#leftColumn table textarea {
	width:215px;
	}	

	
#leftColumn p {
	float:left;
	width:210px;
	margin:0 0 20px 0;
	padding-right:10px;
	color:#666;
	}
	
	
html>body #leftColumn p {
	/* Correct value for browsers that don't suffer from IE Win's bugs */
	margin:0 10px 10px 0;
	}
	

	
#rightColumn {
	float: left;
	width: 510px;
	margin:2px 0 0 5px;
	}

html>body #rightColumn {
	/* Correct value for browsers that don't suffer from IE Win's bugs */
	margin: -10px 0 50px 5px;
	}
	
#rightColumn p {
	color:#666;
	}
	
#rightColumn h1 {
	margin:10px 0 0 0;
	padding:0;
	}
	
div#rightColumn table {
	width:auto;
	}
	
div#rightColumn ul li p {
	padding:0;
	margin:0;
	
	}

	
#features {
	float: left;
	width:520px;
	
	/*false for IE*/
	/*margin:-165px 0 0 55px;*/
	}
	
html>body #features {
	/* Correct value for browsers that don't suffer from IE Win's bugs */
	margin:10px 0 0 0 ;
	}
	
#features h1 {
	margin:5px 0 5px 0;
	
	width:400px;
	}

html>body #features h1 {
	margin:10px 0 0 0;
	float:left;
	}	
	
#features img {
	float:left;
	margin:5px 10px 0 0;
	}

#features ul {
	list-style:none;
	float:left;
	width:199px;
	margin:0 0 20px 0;
	padding:0 0 0 0;
	border-right:1px solid #666;
	border-top:3px solid #666;
	}

html>body #features ul {
	margin:5px 0 35px 0;
	float:left;
	clear:none;
	}
	
#features li {
	border-bottom: 1px solid #666;
	margin-top:0;
	padding-bottom:10px;
	padding-left:5px;
	height:8px;
	width:194px;
	
	}
	
div#features .Chart  {
	width:400px;
	margin-top:5px;
	float:left;
	}

div#features p {
	float:left;
	}
	
div#features ul p {
	float:none;
	}

.Chart th {
	background:#ccc;
	color:#fff;
	}
	
	
#features th {
	font-size:1em;
	text-align:left;
	padding-left:5px;
	width:100px;
	}
	
#features p {
	margin:5px 0 0 0;
	
	}
	
	

#features a {
	
	text-decoration:underline;
	color:#052a56;
	padding:0 0 0 0;
	margin:0 0 0 0;
	}

/**********************************************************************\
	FOOTER STYLING
\**********************************************************************/

#promo {
	float: left;
	clear:both;
	width: 770px;
	font-size: 1.1em;
	border-top:10px solid #DFE0E2;
	text-align: left;
	background:#fff;
	color:#666;
	}
	
div#promo h3 {
	float:left;
	text-indent:-9999px;
	background:url(images/tagline.gif) no-repeat;
	height:33px;
	width:369px;
	margin:25px 0 10px 60px;
	padding:0 0 5px 0;
	}
	
html>body div#promo h3 {
	margin:5px 0 0 100px;
	}

div#openBadge {
	position:absolute;
	background: transparent url(images/opensince.gif) no-repeat;
	height:217px;
	width:118px;
	margin:-5px 0 0 -20px;
	*margin:-77px 0 0 -500px;
	_margin:-15px 0 0 -20px;
	}
/*
html>body div#openBadge{
	position:absolute;
	margin:-5px 0 0 -20px;
	}
	*/
	
div#footerText {
	float:left;
	margin:10px 0 0 60px;
	width:380px;
	}
	
html>body div#footerText {
	margin:0 0 0 110px;
	width:400px
	}
	
div#footerText h2 {
	padding-top:10px;
	}

div#footerText ul {
	margin:0 20px 0 15px;
	padding:0 0 0 0;
	}
	
div#footerTextRight {
	float:right;
	width:240px;
	margin:10px 5px 0 0;
	background:#000000 url(images/roundedTop.jpg) no-repeat;
	color:#fff;
	padding:0;
	}
	
html>body div#footerTextRight {
	margin:10px 10px 0 0;
	}
	
div#footerTextRight h2 {
	font-size:14px;
	color:#fff;
	padding:10px 10px 0 10px;
	}
	/*
html>body div#footerTextRight h2 {
	padding:0 10px;
	}
	*/
div#footerTextRight p {
	padding:0 10px 10px 10px;
	margin:0;
	}
	
div#bottomRounded {
	float:left;
	width:240px;
	height:9px;
	left:0;
	bottom:0;
	background:#000000 url(images/roundedBottom.jpg) bottom left no-repeat;
	padding:0;
	margin:0;
	}
	
p.floatingRight {
	float:right;
	text-align:right;
	font-size:12px;
	color:#666;
	width:770px;
	padding:0 0 0 0;
	margin:10px 0 0 0;
	}
	
ul.floatingRight {
	float:right;
	list-style:none;
	margin:5px 0 0 0;
	padding:0 0 0 0;
	}
	
ul.floatingRight li {
	float:left;
	}
	
div#wrapper ul.floatingRight li a {
	color:#0B286E
	}

	
/*-------------------------------- FORM STYLING ------------------------*/


div#features form {
	color:#1C2B59;
	font-family:Helvetica, Arial, sans-serif;
	font-size:1em;
	}

div#features input, div#features textarea {
	margin-bottom:10px;
	}
	
/*-------------------------------- TABLE STYLING -----------------------------*/

.scorecard {
	text-indent:-9999px;
	background:url(images/scorecard.jpg) no-repeat;
	height:36px;
	width:135px;
	
	}
	
table {
	font-family: Helvetica, Arial, sans-serif;
	font-size:1em;
	border:0;
	padding:0;
	margin: 0 0 15px 0;
	background:transparent;
	}

#firstScore {
	width:565px;
	}

#secondScore {
	width:565px;
	}
	
caption, th#holeNum, th#out {
	text-align:left;
	color:#fff;
	background:#ccc;
	height:15px;
	padding:2px 0 0 3px;
	width:398px;
	}
	
th#holeNum {
	width:100px;
	}
	
th#category, th#item {
	width:195px;
	padding:2px 0 0 2px;
	}
	
tr {
	height:15px;
	}
	
.ltGrey {
	background:#F4F4F4;
	}
	
.finePrint {
	font-size:.825em;
	padding-left:45px;
	width:200px;
	}
	
td {
	padding:2px 0 0 3px;
	
	}


/*-------------------------------- FOOTER STYLING ----------------------*/
	
#footer {
	float: right;
	color:#666;
	font-size: 1.1em;
	background:transparent;
	/* False margin value for all versions of IE Win, including 6.0 */
	margin:0 0 0 0; 
	}
	
html>body #footer {
	margin:0 10px 0 0;
	}
	
#footer ul {
	float:left;
	margin:-5px 0 0 160px;
	}
	
#footer li {
	display:inline;
	float:left;
	}
	
#footer ul a {
	display:inline;
	float:left;
	text-decoration:none;
	color:#052a56;
	}


.Chart {

width: 600px;
margin-top:10px;
	
}

.Chart td {
width: 100px;

}