/* fonts */
body,
select,
input,
button,
textarea {
  font-family: 'Lucida Grande',Verdana,Arial,helvetica,clean,sans-serif; }

/* margins allow for margin collapse of ajacent margins */
/* text elements have tb margins, their containers provide lr spacing */
h1,
h2,
h3,
h4,
p {
  margin: 1em 0em; }

h1,
h2,
h3,
h4 {
  font-weight: bold; }

h1 {
  font-size: 189%; }

h2 {
  font-size: 146.5%; }

h3 {
  font-size: 131%; }

h4 {
  font-size: 116%;
  font-weight: bold; }

p,
.p,
li,
pre {
  font-size: 116%; }

/* Nested lists shouldn't grow the font */
li * {
  font-size: 100%; }

abbr,
acronym {
  border-bottom: 1px dotted #000;
  cursor: help; }

em,
.em {
  font-style: italic; }

strong,
.strong {
  font-weight: bold; }

blockquote,
ul,
ol,
dl {
  margin: 1em 0em; }

ol,
ul,
dl {
  margin-left: 2em;
  margin-right: 1em; }

ol li {
  list-style: decimal outside; }

ul li {
  list-style: disc outside; }

dl dd {
  margin-left: 1em; }

/* half margin on nested lists */
li,
ol ol,
ul ul {
  margin-top: 0.5em; }

/* border reset */
th,
td,
div {
  border-width: 0px; }

/* table reset to valign top for page columns */
th,
td {
  vertical-align: top; }

/* font-sizes */
.f15 {
  font-size: 116%; }

.f16 {
  font-size: 123.1%; }

.f17 {
  font-size: 131%; }

.f18 {
  font-size: 138.5%; }

.f19 {
  font-size: 146.5%; }

/* anchor elements in more contemporary colors */
a:active,
a:hover {
  color: #b1301f; }
a:link {
  color: #31568c; }
a:visited {
  color: 'purple'; }

/* form element resets */
textarea,
input[type='text'],
input[type='password'] {
  border: 1px solid #b3b3b3;
  padding: 2px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box; }

/* microformatters */
.left {
  text-align: left; }

.center {
  text-align: center; }

.right {
  text-align: right; }

.margin-top {
  margin-top: 1em; }

.margin-bottom {
  margin-bottom: 1em; }

.margin-tb {
  margin: 1em 0; }

.margin-left {
  margin-left: 1em; }

.margin-right {
  margin-right: 1em; }

.margin-lr {
  margin: 0 1em; }

.flush-top,
tr.flush-top td {
  margin-top: 0px !important;
  padding-top: 0px !important; }

.flush-right,
tr.flush-right td {
  margin-right: 0px !important;
  padding-right: 0px !important; }

.flush-bottom,
tr.flush-bottom td {
  margin-bottom: 0px !important;
  padding-bottom: 0px !important; }

.flush-left,
tr.flush-left td {
  margin-left: 0px !important;
  padding-left: 0px !important; }

/* add spacing to a table */
.padding-top,
tr.padding-top td {
  padding-top: 1em !important; }

/* coerce vertical alignment */
.top,
table.top td {
  vertical-align: top !important; }

.middle,
table.middle td {
  vertical-align: middle !important; }

.baseline,
table.baseline td {
  vertical-align: baseline !important; }

.bottom,
table.bottom td {
  vertical-align: bottom !important; }

/* for images and acnhors */
.inline {
  display: inline; }

.block {
  display: block; }

/* floating and clearing */
.fr {
  float: right; }

.fl {
  float: left; }

.clear {
  clear: both; }

/* the ie6 hack http://positioniseverything.net/easyclearing.html */
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; }

/* sizing - set a block to a width of 100%  */
.w100 {
  width: 100%; }

.w50 {
  width: 50%; }

.wauto {
  width: auto !important; }

/* text formatting */
.strike {
  text-decoration: line-through; }

.nostrong {
  font-weight: normal !important; }

.nowrap {
  white-space: nowrap; }

/* controlling overflow */
.scroll {
  overflow: scroll; }

.crop {
  overflow-y: hidden; }

/* force a single scrollbar only */
.autoscroll-y {
  overflow: auto;
  overflow-x: hidden; }

.autoscroll-x {
  overflow: auto;
  overflow-y: hidden; }

/* positioning */
.relative {
  position: relative; }

.absolute {
  position: absolute; }

.fixed {
  position: fixed; }

/* borders */
table.border td,
.border {
  border-width: 1px; }

table.border-top td,
.border-top {
  border-width: 1px 0px 0px; }

table.border-right td,
.border-right {
  border-width: 0px 1px 0px 0px; }

table.border-left td,
.border-left {
  border-width: 0px 0px 0px 1px; }

table.border-lr td,
.border-lr {
  border-width: 0px 1px 0px 1px; }

/* data grid with cursor */
table.grid td,
div.grid {
  padding: 6px 12px;
  font-size: 108%; }

table.grid tr:hover {
  background: #fefce3; }

/* when you want the cell as narrow as possible without wrapping */
th.snug,
td.snug {
  width: 1%;
  white-space: nowrap; }

/* color touchups */
.blue {
  color: #31568c; }

.green {
  color: #5d9c00; }

.grey {
  color: #666666; }

.red {
  color: #b1301f; }
body {
  background-color: #42392e;
  background-image: url(images/hogan.jpg);
  background-position: l top;
  background-repeat: repeat-y;
  color: #cccccc;
  height: 1764px; }

#banner {
  width: 900px;
  padding: 1px 25px;
  margin: 0px auto; }
  #banner img {
    display: block;
    margin: 1em 0px; }

#footer {
  width: 900px;
  padding: 1px 25px;
  margin: 0px auto; }

#border {
  background: #547754;
  width: 900px;
  margin: 0px auto;
  padding: 7px;
  border-radius: 15px;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px; }

#container {
  background: white;
  color: black;
  padding: 1px 25px;
  border-radius: 11px;
  -moz-border-radius: 11px;
  -webkit-border-radius: 11px; }

#rail {
  float: left;
  width: 250px; }
  #rail #david {
    width: 250px;
    margin-top: 1em; }
  #rail #pga {
    width: 175px; }

#links {
  background: #f8f2e6;
  font-size: 123.1%;
  margin: 3em 0px;
  padding: 5px 10px;
  border-radius: 15px;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px; }
  #links a {
    display: block;
    padding: 5px;
    margin: 5px 0px; }

#content {
  float: left;
  padding-left: 25px;
  width: 575px; }
  #content h1 {
    color: #b5975b;
    font-size: 250%;
    margin: .75em 0; }
  #content h2 {
    color: #547754; }

#lesson {
  float: right; }
  #lesson a {
    background: #547754;
    color: #f2f2f2;
    display: block;
    font-size: 138.5%;
    margin: 25px 0px 25px;
    padding: 10px 15px;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px; }
    #lesson a:hover {
      background: #a3e7a3;
      border: 1px solid #547754;
      color: #42392e;
      padding: 9px 14px; }

#smarter {
  display: block;
  margin: 1em auto; }