/* background */

div#wrapper div#container {
  height: 215px;
  position: relative;
}

div#iygSidebar {
  position: absolute;
  right: -22px;
  top: 39px;
  z-index: 10;
}

div#iygCenter {
  float: right;
  background-color: #80b799;
  clear: both;
  width: 230px;
  border-top-left-radius: 25px;
  border-bottom-left-radius: 25px;
  -moz-border-radius-topleft: 25px;
  -moz-border-radius-bottomleft: 25px;
  -webkit-border-top-left-radius: 25px;
  -webkit-border-bottom-left-radius: 25px;
  padding: 25px 0 25px 10px;
  margin-bottom: 1em;
}

div#ngCenter {
  float: right;
  clear: both;
}

div#ngCenter #ngBody {
  margin: 0 0 0 3px;
  padding: 3px 0 0 10px;
  width: 231px;
  background: #80b799;
}

div#ngCenter p { margin: 0px; }
div#ngCenter a { color: #cadaca; }

div#ngCenter img {
  display: block;
  border: 0 none;
}

div#iygCenter a {
  display: block;
}

div#iygLogo a {
  background: url(logo.png) no-repeat;
  display: block;
  width: 230px;
  height: 140px;
  float: right;
}

div#iygHeader {
  position: relative;
  margin-left: 14px;
  z-index: 10;
}

div#iygHeader img.header { float: left; }
div#iygHeader a { float: left; margin: -10px 0 0 14px; }
div#iygHeader img.hpLogo { z-index: 10; }

div#iygTopCap {
  width: 950px;
  height: 40px;
  background-image: url(topCap.png);
  margin-left: -45px;
  z-index: 5;
  position: relative;
  background-repeat: no-repeat;
}

div#iygMain {
  background-image: url(bg.png);
  width: 950px;
  margin-left: -45px;
  position: relative;
  background-repeat: repeat-y;
}

div#iygBottomCap {
  width: 950px;
  height: 265px;
  background-image: url(bottomCap.png);
  margin-left: -45px;
  position: relative;
  bottom: 213px;
}

/* content */

div.iygContent {
  margin: 0px 30px;
  padding: 0 19px;
  position: relative;
  z-index: 10;
  width: 600px;
  /*
  background-color: #6ba281;
  opacity: 0.75;
  filter: alpha(opacity=75);
  */
  background: url(transparent_bg.png);
  float: left;
}

div.iygContent h3 {
  color: white;
  text-align: center;
  font-size: 1.8em;
}

div#iygMain p {
  color: black;
}

div#iygMain a {
  color: #c0d0c0;
  font-weight: bold;
}

/* form */

div.iygContent table {
  table-layout: fixed;
}

div.iygContent table tbody {
  border-top: none;
}

div.iygContent table td {
  padding: 1px 2px; 
}

div.iygContent table input { width: 140px; }
div.iygContent table select { width: 146px; }

div.iygContent table input#Hear { width: 422px; }
div.iygContent table textarea { width: 422px; }

div.iygBodyTop {
  background: url(bodyCapTop.png) no-repeat;
  height: 28px;
  width: 638px;
  float: left;
  margin: 0 30px;
  padding: 0 19px;
  opacity: 0.75;
  filter: alpha(opacity=75);
  position: relative;
  z-index: 10;
  margin-top: 20px;
}

div.iygBodyBottom {
  background: url(bodyCapBottom.png) no-repeat;
  height: 28px;
  width: 638px;
  float: left;
  margin: 0 30px;
  padding: 0 19px;
  opacity: 0.75;
  filter: alpha(opacity=75);
  position: relative;
  z-index: 10;
  margin-bottom: 20px;
}

div.iygNotice {
  background: white;
  padding: 1em 1em 0.5em 1em;
  margin-bottom: 0.5em;
}

div.iygNotice p {
  color: black;
  font-weight: bold;
}

div#iygMain div.iygNotice a {
  color: #006e33;
  text-decoration: underline;
}

div#iygBottomCap a {
  position: relative;
  float: right;
  height: 40px;
  top: 178px;
}

/* tabs */
div#iygMain ul.tabs {
  float: left;
  position: relative;
  bottom: 53px;
  left: 36px;
  z-index: 15;
}

/* nav */

div#iygNav {
    float: right;
    clear: right;
}

div#iygNav ul {
  list-style: none;
}

div#iygNav ul li {
  width: 255px;
  height: 40px;
  background-image: url(buttons.png);
  text-indent: -9999em;
  margin-bottom: 4px;
}

div#iygNav ul li a {
  display: block;
  width: 255px;
  height: 40px;
  outline: none;
}

div#iygNav ul li.start { background-position: 0px 0px; }
div#iygNav ul li.start-active,
div#iygNav ul li.start:hover { background-position: -255px 0px; }
div#iygNav ul li.action { background-position: 0px -40px; }
div#iygNav ul li.action-active,
div#iygNav ul li.action:hover { background-position: -255px -39px; }
div#iygNav ul li.meet { background-position: 0px -80px; }
div#iygNav ul li.meet-active,
div#iygNav ul li.meet:hover { background-position: -255px -79px; }
div#iygNav ul li.photos { background-position: 0px -120px; }
div#iygNav ul li.photos-active,
div#iygNav ul li.photos:hover { background-position: -255px -119px; }
div#iygNav ul li.report { background-position: 0px -160px; }
div#iygNav ul li.report-active,
div#iygNav ul li.report:hover { background-position: -255px -159px; }

div.iygContent h2 { font-size: 1.3em; color: black; margin: 0 0 0.4em; }
div.clicktip { background-color: transparent; margin: 1em 0 0; padding: 0em; border: none; font-size: 13px; }
div.iygVideo { margin: 1em 0; }

/* opacity settings */
div.iygBodyTop, div.iygBodyBottom,
div.iygContent input, div.iygContent select, div.iygContent textarea {
  opacity: 0.86;
  filter: alpha(opacity=86);
}

/* tell a friend */
form#tellafriend-page { margin-bottom: 50px; }