body {
  background: none;
  font-size: 12px;
  font-family: Arial, Helvetica, sans-serif;
}


#ys-page-container {
  position: relative;
  width: 968px;
  margin: 12px auto;
  background: url('../images/youth-site/ys-drop-shadow-right.png') repeat-y right;
}

#ys-body {
  width: 960px;
  border: 1px solid #a0a0a0;
  background-color: #f7f7c7;
}

div.home #ys-body {
  background: #f7f7c7 url('../images/youth-site/ys-home-bg.png') no-repeat;
}
div.k-5 #ys-body {
  background: #f7f7c7 url('../images/youth-site/ys-k-5-bg.png') no-repeat;
}
div.middle-school #ys-body {
  background: #f7f7c7 url('../images/youth-site/ys-middle-school-bg.png') no-repeat;
}
div.high-school #ys-body {
  background: #f7f7c7 url('../images/youth-site/ys-high-school-bg.png') no-repeat;
}
div.college #ys-body {
  background: #f7f7c7 url('../images/youth-site/ys-college-bg.png') no-repeat;
}

a#ys-header-link {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 600px;
  height: 65px;
}
a#ys-logo {
  display: block;
  position: absolute;
  top: 16px;
  left: 660px;
  width: 106px;
  height: 106px;
}

#ys-left {
  float: left;
  width: 635px;
  margin-top: 90px;
  padding-left: 15px;
}
#ys-right {
  float: right;
  width: 306px;
  margin-top: 300px;
}
#ys-footer {
  width: 960px;
  height: 47px;
  margin-top: 15px;
}
#ys-footer p.footer-text {
  color: #ffffff;
  font-size: 14px;
  line-height: 47px;
  margin-left: 25px;
}
#ys-footer p.footer-text a {
  color: #ffffff;
  text-decoration: none;
}
#ys-footer p.footer-text a:hover {
  text-decoration: underline;
}
div.home #ys-footer {
  background: url('../images/youth-site/ys-home-footer.png') no-repeat;
}
div.k-5 #ys-footer {
  background: url('../images/youth-site/ys-k-5-footer.png') no-repeat;
}
div.middle-school #ys-footer {
  background: url('../images/youth-site/ys-middle-school-footer.png') no-repeat;
}
div.high-school #ys-footer {
  background: url('../images/youth-site/ys-high-school-footer.png') no-repeat;
}
div.college #ys-footer {
  background: url('../images/youth-site/ys-college-footer.png') no-repeat;
}

#ys-bottom-drop-shadow {
  position: relative;
  width: 965px;
  height: 7px;
  background: url('../images/youth-site/ys-drop-shadow-bottom.png') repeat-x;
}
#ys-drop-shadow-lower-left-corner {
  position: absolute;
  top: 0;
  left: 0;
  width: 8px;
  height: 7px;
  background: url('../images/youth-site/ys-drop-shadow-lower-left-corner.png') no-repeat;
}
#ys-drop-shadow-lower-right-corner {
  position: absolute;
  top: -1px;
  right: -3px;
  width: 7px;
  height: 8px;
  background: url('../images/youth-site/ys-drop-shadow-lower-right-corner.png') no-repeat;
}
#ys-drop-shadow-upper-right-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 6px;
  height: 9px;
  background: url('../images/youth-site/ys-drop-shadow-upper-right-corner.png') no-repeat;
}


/* --- tabs --- */
#ys-tabs {
  position: relative;
  width: 285px;
}
#ys-tab-1 {
  position: relative;
  float: left;
  width: 139px;
  height: 24px;
  margin-right: 2px;
  border: 1px solid #9a9a9a;
  border-bottom: none;
  cursor: pointer;
}
#ys-tab-2 { 
  position: relative;
  float: left;
  width: 140px;
  height: 24px;
  border: 1px solid #9a9a9a;
  border-bottom: none;
  cursor: pointer;
}
.ys-tab-title {
  line-height: 24px;
  margin: 0 10px;
  color: #c6f4b1;
  font-weight: bold;
}

div.home .ys-tab-title { color: #c6f4b1;}
div.k-5 .ys-tab-title { color: #c8f1fd; }
div.middle-school .ys-tab-title { color: #fdebc8; }
div.high-school .ys-tab-title { color: #edea30; }
div.college .ys-tab-title { color: #fbdfbb; }

#ys-page-container .active-tab .ys-tab-title {
  color: #ffffff;
  border-bottom: 1px solid #ffffff;
}


.ys-tab-top-left {
  position: absolute;
  top: -1px;
  left: -1px;
  height: 9px;
  width: 9px;
  background: url('../images/youth-site/tabs/ys-tab-top-left.png') no-repeat;
}
.ys-tab-top-right {
  position: absolute;
  top: -1px;
  right: -1px;
  height: 9px;
  width: 9px;
  background: url('../images/youth-site/tabs/ys-tab-top-right.png') no-repeat;
}
.ys-tab-content {
  padding: 10px;
  clear: both;
  width: 263px;
  height: 181px;
  border: 1px solid #9a9a9a;
  border-top: none;
  color: #000000;
}
#ys-tab-content-1 {

}
#ys-tab-content-2 {
  display: none;
}
#ys-tab-btm-left {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 8px;
  height: 7px;
  background: url('../images/youth-site/tabs/ys-tab-btm-left.png') no-repeat;
}
#ys-tab-btm-right {
  position: absolute;
  bottom: 0px;
  right: 0px;
  width: 6px;
  height: 7px;
  background: url('../images/youth-site/tabs/ys-tab-btm-right.png') no-repeat;
}



div.home .ys-tab {
  background-color: #67ae45;
}
div.home .ys-tab-content {
  background: #93d375 url('../images/youth-site/tabs/ys-home-tab-gradient.png') repeat-x;
}
div.k-5 .ys-tab {
  background-color: #2ab0e9;
}
div.k-5 .ys-tab-content {
  background: #6cc9f0 url('../images/youth-site/tabs/ys-k-5-tab-gradient.png') repeat-x;
}
div.middle-school .ys-tab {
  background-color: #ffa02f;
}
div.middle-school .ys-tab-content {
  background: #fecf85 url('../images/youth-site/tabs/ys-middle-school-tab-gradient.png') repeat-x;
}
div.high-school .ys-tab {
  background-color: #9da1cd;
}
div.high-school .ys-tab-content {
  background: #cccfec url('../images/youth-site/tabs/ys-high-school-tab-gradient.png') repeat-x;
}
div.college .ys-tab {
  background-color: #ffa02f;
}
div.college .ys-tab-content {
  background: #fecf85 url('../images/youth-site/tabs/ys-college-tab-gradient.png') repeat-x;
}


/* --- navigation --- */
#ys-nav {
  margin-top: 5px;
}
a#ys-nav-home {
  display: block;
  width: 286px;
  height: 65px;
  background: url('../images/youth-site/nav/ys-nav-home.png') no-repeat;
}
a#ys-nav-home:hover, div.home a#ys-nav-home {
  background: url('../images/youth-site/nav/ys-nav-home-active.png') no-repeat;
}
a#ys-nav-k-5 {
  display: block;
  width: 286px;
  height: 62px;
  background: url('../images/youth-site/nav/ys-nav-k-5.png') no-repeat;
}
a#ys-nav-k-5:hover, div.k-5 a#ys-nav-k-5 {
  background: url('../images/youth-site/nav/ys-nav-k-5-active.png') no-repeat;
}
a#ys-nav-middle-school {
  display: block;
  width: 286px;
  height: 59px;
  background: url('../images/youth-site/nav/ys-nav-middle-school.png') no-repeat;
}
a#ys-nav-middle-school:hover, div.middle-school a#ys-nav-middle-school {
  background: url('../images/youth-site/nav/ys-nav-middle-school-active.png') no-repeat;
}
a#ys-nav-high-school {
  display: block;
  width: 286px;
  height: 63px;
  background: url('../images/youth-site/nav/ys-nav-high-school.png') no-repeat;
}
a#ys-nav-high-school:hover, div.high-school a#ys-nav-high-school {
  background: url('../images/youth-site/nav/ys-nav-high-school-active.png') no-repeat;
}
a#ys-nav-college {
  display: block;
  width: 286px;
  height: 62px;
  background: url('../images/youth-site/nav/ys-nav-college.png') no-repeat;
}
a#ys-nav-college:hover, div.college a#ys-nav-college {
  background: url('../images/youth-site/nav/ys-nav-college-active.png') no-repeat;
}

a#ys-nav-small-home {
  display: block;
  width: 287px;
  height: 62px;
  background: url('../images/youth-site/nav/ys-nav-small-home.png') no-repeat;
}
a#ys-nav-small-home:hover {
  background: url('../images/youth-site/nav/ys-nav-small-home-active.png') no-repeat;
}
/* K-5 */
a#ys-nav-k-5-stories {
  display: block;
  width: 287px;
  height: 62px;
  background: url('../images/youth-site/nav/ys-nav-k-5-stories.png') no-repeat;
}
a#ys-nav-k-5-stories:hover {
  background: url('../images/youth-site/nav/ys-nav-k-5-stories-active.png') no-repeat;
}
a#ys-nav-k-5-ideas {
  display: block;
  width: 287px;
  height: 62px;
  background: url('../images/youth-site/nav/ys-nav-k-5-ideas.png') no-repeat;
}
a#ys-nav-k-5-ideas:hover {
  background: url('../images/youth-site/nav/ys-nav-k-5-ideas-active.png') no-repeat;
}
a#ys-nav-k-5-share {
  display: block;
  width: 287px;
  height: 62px;
  background: url('../images/youth-site/nav/ys-nav-k-5-share.png') no-repeat;
}
a#ys-nav-k-5-share:hover {
  background: url('../images/youth-site/nav/ys-nav-k-5-share-active.png') no-repeat;
}
/* Middle School */
a#ys-nav-middle-school-stories {
  display: block;
  width: 287px;
  height: 62px;
  background: url('../images/youth-site/nav/ys-nav-middle-school-stories.png') no-repeat;
}
a#ys-nav-middle-school-stories:hover {
  background: url('../images/youth-site/nav/ys-nav-middle-school-stories-active.png') no-repeat;
}
a#ys-nav-middle-school-ideas {
  display: block;
  width: 287px;
  height: 62px;
  background: url('../images/youth-site/nav/ys-nav-middle-school-ideas.png') no-repeat;
}
a#ys-nav-middle-school-ideas:hover {
  background: url('../images/youth-site/nav/ys-nav-middle-school-ideas-active.png') no-repeat;
}
a#ys-nav-middle-school-share {
  display: block;
  width: 287px;
  height: 62px;
  background: url('../images/youth-site/nav/ys-nav-middle-school-share.png') no-repeat;
}
a#ys-nav-middle-school-share:hover {
  background: url('../images/youth-site/nav/ys-nav-middle-school-share-active.png') no-repeat;
}
/* High School */
a#ys-nav-high-school-stories {
  display: block;
  width: 287px;
  height: 62px;
  background: url('../images/youth-site/nav/ys-nav-high-school-stories.png') no-repeat;
}
a#ys-nav-high-school-stories:hover {
  background: url('../images/youth-site/nav/ys-nav-high-school-stories-active.png') no-repeat;
}
a#ys-nav-high-school-ideas {
  display: block;
  width: 287px;
  height: 62px;
  background: url('../images/youth-site/nav/ys-nav-high-school-ideas.png') no-repeat;
}
a#ys-nav-high-school-ideas:hover {
  background: url('../images/youth-site/nav/ys-nav-high-school-ideas-active.png') no-repeat;
}
a#ys-nav-high-school-share {
  display: block;
  width: 287px;
  height: 62px;
  background: url('../images/youth-site/nav/ys-nav-high-school-share.png') no-repeat;
}
a#ys-nav-high-school-share:hover {
  background: url('../images/youth-site/nav/ys-nav-high-school-share-active.png') no-repeat;
}
/* College */
a#ys-nav-college-stories {
  display: block;
  width: 287px;
  height: 62px;
  background: url('../images/youth-site/nav/ys-nav-college-stories.png') no-repeat;
}
a#ys-nav-college-stories:hover {
  background: url('../images/youth-site/nav/ys-nav-college-stories-active.png') no-repeat;
}
a#ys-nav-college-ideas {
  display: block;
  width: 287px;
  height: 62px;
  background: url('../images/youth-site/nav/ys-nav-college-ideas.png') no-repeat;
}
a#ys-nav-college-ideas:hover {
  background: url('../images/youth-site/nav/ys-nav-college-ideas-active.png') no-repeat;
}
a#ys-nav-college-share {
  display: block;
  width: 287px;
  height: 62px;
  background: url('../images/youth-site/nav/ys-nav-college-share.png') no-repeat;
}
a#ys-nav-college-share:hover {
  background: url('../images/youth-site/nav/ys-nav-college-share-active.png') no-repeat;
}


/* --- slideshow styles --- */

#landing-slideshow-wrapper {
  /* float: left; */
  /* border: solid 1px #b2b2b2; */
  /* width: 474px;     height: 386px;*/
  width: 617px;
  height: 373px;
}
#landing-slideshow-wrapper #landing-slideshow-box {

}

/** corner styles **/

#landing-slideshow-wrapper #landing-slideshow-box-lt-corner {
  background-image: url('../images/slideshow/slideshow_lt_corner.png');
  background-repeat: no-repeat;
  height: 11px;
  width: 11px;
  position: relative;
  left:0px;
  top:0px;
  z-index: 4;
}
#landing-slideshow-wrapper #landing-slideshow-box-rt-corner {
  background-image:url('../images/slideshow/slideshow_rt_corner.png');
  background-repeat:no-repeat;
  height:11px;
  width:11px;
  position:relative;
  /* left:463px; */left: 606px;
  top:-11px;
  z-index:4;
}
#landing-slideshow-wrapper #landing-slideshow-box-lb-corner {
  background-image: url('../images/slideshow/slideshow_lb_corner.png');
  background-repeat: no-repeat;
  height: 11px;
  width: 11px;
  position: relative;
  left:0px;
  /* top:353px; */top: 340px;
  z-index: 4;
}
#landing-slideshow-wrapper #landing-slideshow-box-rb-corner {
  background-image: url('../images/slideshow/slideshow_rb_corner.png');
  background-repeat: no-repeat;
  height: 11px;
  width: 11px;
  position: relative;
  /* left:463px; */left: 606px;
  /* top:353px; */top: 330px;
  z-index: 4;
}

/** window container */
#landing-slideshow-wrapper #landing-slideshow-window {
  /* width: 472px; */ width: 615px;
  /* height: 384px; */ height: 371px;
  overflow: hidden;
  border: solid 1px #b2b2b2;
  position: absolute;
  z-index: 1;
}
#landing-slideshow-slide {
  /* width: 472px; */ width: 615px;
  /* height: 384px; */ height: 371px;
  background-color: white;
  float: left;
}

/** slideshow controls **/

#landing-slideshow-control-wrapper {
  height: 32px;
  position: relative;
  z-index: 6;
  float: right;
  margin-right: 14px;
  /* top: 314px; */ top: 301px;
}
#landing-slideshow-control-wrapper div {
  float: left;
}
#landing-slideshow-control-left {
  height: 32px;
  width: 6px;
  background: url('../images/slideshow/slideshow-control-lbg.png') no-repeat transparent;
}
#landing-slideshow-control-left-button {
  height: 32px;
  background-color: #f7f7c7;
  vertical-align: middle;
  padding-top: 7px;
  border-top: 1px solid #b2b2b2;
}
#landing-slideshow-control-list {
  background-color: #f7f7c7;
  border-top: 1px solid #b2b2b2;
  height: 32px;
}
#landing-slideshow-control-number-list {
  list-style: none;
  list-style-type: none;
  padding: 0px;
  margin: 8px 12px;
}
#landing-slideshow-control-number-list li {
  float: left;
  margin-left: 12px;
  color: #003399;
  font-weight: bold;
  cursor: pointer;
}
#landing-slideshow-control-number-list li.first {
  margin-left: 0px !important;
}
#landing-slideshow-control-number-list li.active {
  color: #d41717;
}
#landing-slideshow-control-number-list li {
  float: left;
  margin-left: 12px;
}
#landing-slideshow-control-right-button {
  height: 32px;
  background-color: #f7f7c7;
  vertical-align: middle;
  padding-top: 7px;
  border-top: 1px solid #b2b2b2;
}
#landing-slideshow-control-right {
  height: 32px;
  width: 6px;
  background: url('../images/slideshow/slideshow-control-rbg.png') no-repeat transparent;
}


/** slide styles **/

#landing-slideshow-slide {
  /* background-color: #ffffff; */
  display: none;
}
#landing-slideshow-slide.active {
  display: block;
}
#landing-slideshow-slide #landing-slideshow-slide-content {
  z-index: 1;
  position: relative;
  /* height:384px; */ height: 371px;
  /* width:474px; */ width: 617px;
}
#landing-slideshow-slide #landing-slideshow-slide-overlay {
  height: 80px;
  border-top: 1px solid #000000;
  position: relative;
  top: -80px;
  z-index: 4;
}
#landing-slideshow-slide-overlay.overlay-hidden {
  display: none;
}
#landing-slideshow-slide-overlay #landing-slideshow-slide-overlay-matt {
  background-color: #000000;
  opacity:0.7;
  filter:alpha(opacity=70);
  height: 79px;
  position: relative;
  z-index: 1;
}
#landing-slideshow-slide-overlay #landing-slideshow-slide-overlay-content {
  left: 15px;
  position: relative;
  top: -70px;
  /* width: 300px; */ width: 415px;
  z-index: 2;
  color: #ffffff;
}
#landing-slideshow-slide-overlay-content h2, p {
  padding: 0px;
  margin: 0px;
}
#landing-slideshow-slide-overlay-content a {
  color: #308de4;
}


/* --- video --- */
#ys-video {
  margin-top: 25px;
}

/* --- Content Section --- */
#ys-content {
  margin-top: 15px;
}
/* --- List Margins --- */
#ys-content .node .content ul li {
	margin-bottom: 23px;
}

/* --- YouthSITE View Lists --- */
.view-content .item-list ul li {
	list-style: disc !important;
}