/********************/
/*  GLOBAL STYLE    */
/********************/

body {
	padding: 0;
	margin: 0;
	background: #ffffff url('../images/body-bg.png') repeat-x left top;
	color: #222426;
	font: 13px 'Open Sans', Arial, Sans-serif;
	line-height: 21px;
}

a, a:link, a:visited {
	color: #336699;
}

  a:hover {
	color: #222426;
  }

p {
	margin: 20px 0;
}

  p.top {
	margin: 0 0 20px 0;
  }

  p.bottom {
	margin: 20px 0 0 0;
  }

  p.skins {
	margin: 20px 0 0 0;
	line-height: 24px;
  }

ul {
	padding-left: 15px;
	margin: 20px 0;
	list-style-type: disc;
}

dl {
	clear: both;
	padding: 0;
	margin: 20px 0;
	overflow: hidden;
}

  dl dt {
	float: left;
	clear: left;
	width: 160px;
	padding: 3px 0;
	font-weight: 700;
  }

  dl dd {
	margin: 0 0 0 160px;
	padding: 3px 0;
  }

    dl dd.off {
	color: #808080;
    }

hr {
	padding: 0;
	margin: 20px 0;
	border: 0;
	height: 1px;
	color: #dddddd;
	background-color: #dddddd;
}

h1 {
	padding: 0 0 3px 0;
	margin: 0;
	border-bottom: 1px solid #dddddd;
	font-size: 16px;
	font-weight: bold;
	line-height: 22px;
}

h2 { padding: 0 0 3px 0;
	margin: 0;
	border-bottom: 1px solid #dddddd;
	font-size: 14px;
	font-weight: bold;
	line-height: 22px;
}

.small {
	font-size: 11px;
	line-height: 17px;
}

.large {
	font-size: 16px;
	line-height: 22px;
}

.gray {
	color: #808080;
}

.columns {
	margin: 20px 0 0 0;
	width: 100%;
	overflow: hidden;
}

  .columns div {
	float: left;
	margin-right: 100px;
  }

    .columns ul {
	margin: 0;
    }

.clear {
	clear: both;
	font-size: 0;
	height: 0;
}


/********************/
/*  CONTENT         */
/********************/

#wrapper {
	padding: 0;
	margin: 0 auto;
	width: 960px;
	overflow: hidden;
}

#header {
	padding: 0;
	margin: 0 0 15px 0;
	height: 60px;
	overflow: hidden;
}

#container {
	margin: 0;
	width: 100%;
	overflow: hidden;
}

#content {
	float: left;
	padding: 20px;
	margin: 0;
	border: 1px solid #dddddd;
	background: #ffffff;
	width: 678px;
	min-height: 468px;
}

  #content ul {
	padding-left: 0;
	list-style-type: none;
	line-height: 24px;
  }

#sidebar {
	float: right;
	padding: 0;
	margin: 0;
	border: 0;
	width: 225px;
	font-size: 13px;
	line-height: 20px;
}

  #sidebar div {
	padding: 20px;
	margin: 0 0 20px 0;
	border: 1px solid #dddddd;
	background: #ffffff;
  }

    #sidebar div h2 {
	padding: 0 0 3px 0;
	margin: 0;
	border-bottom: 1px solid #dddddd;
	font-size: 14px;
	font-weight: 700;
	line-height: 22px;
    }

    #sidebar div ul {
	margin: 15px 0 0 0;
	color: #626466;
    }

      #sidebar div ul li {
	margin-bottom: 10px;
      }

#footer {
	padding: 0;
	margin: 20px 0 40px 0;
	color: #626466;
	font-size: 11px;
	line-height: 17px;
	overflow: hidden;
}


/********************/
/*  SECTION HEAD    */
/********************/

div.section-head {
	padding: 0 0 3px 0;
	margin: 0 0 20px 0;
	border-bottom: 1px solid #dddddd;
	height: 22px;
	line-height: 22px;
	width: 100%;
	overflow: hidden;
}

  div.section-head h1 {
	float: left;
	padding: 0;
	border-bottom: 0;
	font-size: 16px;
	font-weight: 700;
	line-height: 22px;
  }

  div.section-head span {
	float: right;
	line-height: 22px;
  }


/********************/
/*  ITEM DISPLAY    */
/********************/

.item {
	padding: 0 0 20px 0;
	border-bottom: 1px dashed #c0c0c0;
	line-height: 21px; overflow: hidden;
}

  .item a.title {
	font-weight: 700;
  }

  .item span {
	font-size: 11px;
	color: #828486;
  }


/********************/
/*  MAIN MENU       */
/********************/

#menu {
	padding: 0;
	margin: 0 0 20px 0;
	width: 100%;
	overflow: hidden;
}

#menu a {
	float: left;
	padding: 0 12px;
	margin-right: 6px;
	border-top: 1px solid #c0c0c0;
	border-left: 1px solid #c0c0c0;
	border-right: 1px solid #c0c0c0;
	background: #e2e2e2;
	color: #336699;
	font-weight: 600;
	text-decoration: none;
	height: 26px;
	line-height: 26px;
}

#menu a.on {
	font-weight: 700;
	color: #222426;
	border-bottom: 2px solid #ffffff;
	background: #ffffff;
}


/********************/
/*  PAGE LINKS      */
/********************/

.page-links {
	padding: 0;
	margin: 15px 0 0 0;
	width: 100%;
	overflow: hidden;
}

.page-links a {
	float: left;
	padding: 5px 8px;
	margin-right: 6px;
	border: 1px solid #c0c0c0;
	background: #ffffff;
	text-decoration: none;
	font-weight: 600;
}

  .page-links a:hover {
	color: #222426;
  }

  .page-links span.current {
	float: left;
	padding: 5px 8px;
	margin-right: 6px;
	border: 1px solid #c0c0c0;
	background: #ffffff;
	color: #222426;
	font-weight: 700;
  }

  .page-links span.off {
	float: left;
	padding: 5px 8px;
	margin-right: 6px;
	border: 1px solid #d5d5d5;
	background: #ffffff;
	color: #999999;
  }


/********************/
/*  TABLES          */
/********************/

table {
	margin: 0;
	border: 1px solid #dddddd;
	border-collapse: collapse;
}

  td {
	padding: 5px;
	margin: 0;
	background: #ffffff;
	border: 1px solid #dddddd;
  }

  td.head {
	padding: 4px;
	background: #e0e0e0;
	font-weight: 600;
  }

  tr.even td {
	background: #efefef;
  }


/********************/
/*  SCORE CARD      */
/********************/

table.scard td {
	padding: 6px 5px;
	text-align: center;
	width: 18px;
}

table.scard td.head {
	padding: 5px;
	font-weight: 700;
}

table.scard td.shead {
	padding: 5px;
	background: #f0f0f0;
}

  table.scard td.birdie {
	background: #ffffff url('../images/td-birdie-bg.gif') no-repeat center center;
  }

  table.scard td.eagle {
	background: #ffffff url('../images/td-eagle-bg.gif') no-repeat center center;
  }

  table.scard td.bogey {
	background: #ffffff url('../images/td-bogey-bg.gif') no-repeat center center;
  }

  table.scard td.other {
	background: #ffffff url('../images/td-other-bg.gif') no-repeat center center;
  }


/********************/
/*  COMP TABLE      */
/********************/

table.comparison {
	margin: 15px 0 0 0;
	border: 1px solid #dddddd;
	border-collapse: collapse;
}

  table.comparison td {
	padding: 5px 10px;
	margin: 0;
	background: #ffffff;
	border: 1px solid #dddddd;
  }

  table.comparison td.head {
	padding: 4px 10px;
	background: #e0e0e0;
	font-weight: 600;
	text-align: right;
  }


/********************/
/*  FORMS           */
/********************/

form {
	padding: 0;
	margin: 0;
}

form p * { vertical-align: middle;
}

.search-form { padding: 10px; margin: 20px 0; border: 1px solid #dddddd; background: #f0f0f0;
}

select {
	padding: 0 5px;
	border: 1px solid #cccccc;
	border-radius: 0;
	width: 150px;
	height: 30px;
	outline: 0;
	vertical-align: top;
}

.sbutton {
	display: inline-block;
	padding: 0;
	margin: 0;
	border: 0;
	border-radius: 3px;
	background: #336699;
	font-family: 'Open Sans', Arial, Sans-serif;
	font-size: 14px;
	font-weight: 400;
	color: #ffffff;
	width: 40px;
	height: 30px;
	line-height: 30px;
	cursor: pointer;
	outline: 0;
	-webkit-appearance: none;
	vertical-align: top;
	text-align: center;
	overflow: visible;
}

  .sbutton:hover {
        background: #224263;
  }

  .sbutton::-moz-focus-inner {
	border: none;
  }