/**
 * HTML Tags
 */

HTML {
  overflow-y: scroll;
}

A, A:link, A:active, A:visited, A:hover {
  color: #795436;
  text-decoration: underline;
}

A:hover {
  color: #cc0000;
}

BODY {
  margin: 0px;
  background: #ffffff url('../images/bgs/body.gif') top center no-repeat;
  color: #795436;
  font-family: 'Lucida Sans Unicode', 'Lucida Grande', Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  line-height: 16px;
  text-align: center;
}

FORM {
  margin: 0px;
}

H1, H2, H3, H4, H5, H6 {
  color: #d29610;
  font-weight: bold;
  margin-top: 16px;
  margin-bottom: 16px;
}

H1 {
  font-size: 28px;
  font-weight: normal;
  line-height: 30px;
}

HR {
  height: 1px;
  border: 0px;
  border-top: 1px solid #dddcdb;
}

IMG {
  border: 0px;
}

P {
  margin-top: 16px;
  margin-bottom: 16px;
}

B, STRONG {
  color: #795436;
}


/**
 * Top
 */

#top {
  width: auto;
  height: 60px;
  background: url('../images/bgs/top.gif') bottom center no-repeat;
}

#top .links {
  padding-top: 20px;
}

#top .links IMG {
  border-bottom: 2px solid #fff;
  vertical-align: bottom;
}

#top .links A {
  font-weight: bold;
  line-height: normal;
  padding: 0px 12px;
  text-decoration: none;
  text-transform: uppercase;
}

#top .links A:hover {
  color: #d29610;
}


/**
 * Container
 */

#container {
  width: auto;
  background: url('../images/bgs/container.gif') top center repeat-y;
}


/**
 * Bottom
 */

#bottom {
  width: auto;
  height: 40px;
  background: url('../images/bgs/bottom.gif') top center no-repeat;
}


/**
 * Wrapper
 */

#wrapper {
  position: relative;
  width: 900px;
  height: 700px;
  background: #fefdf3 url('../images/bgs/wrapper.jpg') no-repeat;
  margin: 0px auto;
  text-align: left;
}


/**
 * Logo
 */
 
#logo {
  position: absolute;
  width: 136px;
  height: 143px;
  top: 114px;
  left: 44px;
  z-index: 10;
}
 
 
/**
 * Tagline
 */
  
#tagline {
  position: absolute;
  width: 131px;
  height: 13px;
  bottom: 38px;
  left: 40px;
  z-index: 10;
}


/**
 * Utility
 */
  
#utility {
  position: absolute;
  width: 115px;
  height: 100px;
  top: 36px;
  right: 38px;
  z-index: 100;
}

#utility UL,
#utility UL LI {
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: right;
}

#utility UL LI IMG {
  vertical-align: middle;
}

#utility UL LI A {
  display: block;
  font-size: 10px;
  font-weight: bold;
  line-height: normal;
  text-decoration: none;
  text-transform: uppercase;
}

#utility UL LI A:hover {
  color: #d29610;
}

/**
 * Sub Navigation
 */

#subnav {
  position: absolute;
  width: 148px;
  height: auto;
  top: 294px;
  left: 40px;
  z-index: 10;
}

#subnav A,
A.subnav {
  display: block;
  height: 23px;
  background: url('../images/bgs/subnav.gif') left top no-repeat;
  color: #ffffff;
  font-weight: bold;
  line-height: 20px;
  margin-bottom: 10px;
  padding-left: 15px;
  text-decoration: none;
  text-transform: uppercase;
}

#subnav A:hover,
#subnav A.active,
#subnav A.active:hover,
A.subnav:hover {
  background: url('../images/bgs/subnav.gif') left bottom no-repeat;
}

A.subnav {
  width: 148px;
  margin: 0px;
  padding: 0px;
}

A.subnav SPAN {
  padding-left: 15px;
}


/**
 * Feature (Home)
 */
 
.feature {
  margin: 24px 0px;
}
 
.feature P {
  clear: left;
  margin: 8px 0px;
}

.feature IMG {
  padding-top: 4px;
  padding-right: 8px
}


/**
 * Home
 */

#home {
  position: relative;
  z-index: 100;
  float: left;
  width: 230px;
  margin-top: 40px;
  margin-left: 40px;
  display: inline;
}

#tree {
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 0;
}


/**
 * Sub
 */

#sub {
  float: right;
  width: 650px;
  height: 700px;
  background: url('../images/bgs/tree.gif') 55px 15px no-repeat;
}

#sub #headline {
  position: relative;
  width: 650px;
  height: 180px;
}

#sub #headline H1 {
  position: absolute;
  bottom: 0px;
  left: 0px;
}

#content {
  margin-right: 20px;
  height: 390px;
  overflow: auto;
  font-size: 12px;
  line-height: 16px;
}

#content P {
  margin-top: 0px;
}

#content .content {
  margin-right: 20px;
}

#content .left {
  float: left;
  width: 380px;
}

#content .right {
  float: left;
  width: 200px;
  margin: 0px;
  overflow: hidden;
}


/**
 * Learn More Link
 */
 
A.more {
  float: right;
  background: url('../images/bgs/more.gif') right center no-repeat;
  color: #d29610;
  font-weight: bold;
  padding-right: 24px;
  text-decoration: none;
  text-transform: uppercase;
}


/**
 * You Tube
 */

#youtubeplayer {
  float: left;
}

#youtubevideos {
  float: right;
  width: 280px;
  height: 256px;
  border: 1px solid #eeede5;
  border-right: none;
  overflow-y: scroll;
}

#youtubevideos A {
  display: block;
  padding: 5px;
  text-decoration: none;
}

#youtubevideos TABLE {
  background: #ffffff;
  border-collapse: collapse;
}

#youtubevideos TABLE TR TD {
  padding: 5px;
  border-bottom: 1px solid #eeede5;
}

#youtubevideos TABLE TR TD IMG {
  border: 1px solid #795436;
  padding: 2px;
}

#youtubevideos TABLE TR:hover TD {
  background: #fbf8e5;
  cursor: pointer;
}

#youtubevideos A SPAN {
  font-weight: bold;
}

#youtubevideos .partition {
  height: 1px;
  background: url('/images/bgs/dottedline.gif') repeat-x; 
}


/**
 * Classes
 */
 
.clear {
  clear: both;
  height: 1px;
}