#ticker {
  background-image:url(../images/ticker.bg.index.png);
}

#splash-container {
  width:100%;
  height:484px;
  background:#080708 url(../images/splash.default.bg.png) repeat-x top left;
}

#splash-bg {
  width:100%;
  height:353px;
  background:transparent none no-repeat top center;
}

#splash {
  width:960px;
  height:346px;
  padding:0;
  margin:3px 0 0 0;
  list-style:none;
  position:relative;
  z-index:90;
  overflow:hidden;
  float:left;
}

#splash li {
  width:960px;
  height:346px;
  position:absolute;
  overflow:hidden;
  float:left;
}

#splash li.alpha {
  z-index:99;
}

#splash img {
  width:960px;
  height:346px;
}

#splash .tag {
  width:880px;
  height:auto;
  padding:8px 40px;
  background:transparent url(../images/black-67.png) repeat top left;
  text-align:center;
  color:#FFF;
  position:absolute;
  bottom:0;
  float:left;
}
#splash .tag.dark {
  background-image:none;
  color:#222;
}

#splash-video-player {
  width:960px;
  height:561px;
  position:absolute;
  top:0;
  left:0;
}

#splash-video-close {
  width:30px;
  height:30px;
  background:transparent url(../images/splash-video-close.png) no-repeat top left;
  position:absolute;
  top:-8px;
  right:-8px;
  z-index:99;
  cursor:pointer;
}

#launch-media-player {
  width:174px;
  height:25px;
  margin-top:0px;
  background:transparent url(../images/launchMediaPlayer.png) no-repeat top left;
  text-indent:-9999em;
  float:right;
}

#splash-nav {
  list-style:none;
  padding:0;
  position:absolute;
  top:331px;
  left:4px;
  display:none;
  z-index:99;
}

#splash-nav li {
  width:62px;
  height:15px;
  margin-right:1px;
  background:transparent url(../images/splash.nav.png);
  float:left;
  cursor:pointer;
}

/*HP Banners*/
#hpbanners {width:960px; height: 105px; margin: 11px auto;}
#hpbanners ul {width:960px; margin:0; padding: 0;}
#hpbanners li {width:310px; float: left; margin-right: 13px; list-style: none;}
#hpbanners li.last {margin-right: 0;}
#hpbanners li a {width:310px; height: 105px; display: block; text-indent: -999em;}
#hpbanners #hpbanner1 {background: url(../images/hpbanner_share_your_story.png) no-repeat left top;}
#hpbanners #hpbanner2 {background: url(../images/hpbanner_documentary.png) no-repeat left top;}
#hpbanners #hpbanner3 {background: url(../images/hpbanner_app.png) no-repeat left top;}

#location-information {
  width:587px;
  height:283px;
  float:left;
}

#location-information h1,#quick-links h1 {
  height:1em;
  padding:0 0.6em 6px 0;
  font-size:2.133em;
  color:#888;
  text-transform:uppercase;
  float:left;
}

.campus-select {
  padding:2px 24px 2px 2px;
  font-size:1.067em;
  display:inline;
  position:relative;
  top:-6px;
}

.map {
  position:relative;
  width:240px;
  height:226px;
  margin-top:3px;
  padding:6px 0 0 7px;
  background:#FFF url(../images/map.bg.jpg) no-repeat top left;
  float:left;
  display:inline;
}

.map-rollover {
  position:relative;
  z-index:90;
  display: block;
  text-decoration: none;
}
.map-rollover img {
  top:0;
  left:0;
  position:absolute;
}
.map-rollover span {
  width:233px;
  height:219px;
  background:#000;
  text-align:center;
  vertical-align:middle;
  line-height:150px;
  top:0;
  left:0;
  position:absolute;
  float:left;
  z-index:99;
}
.map .what-to-expect-button {position: absolute; display: block; z-index: 100; left: 17px; bottom: 11px; width: 220px; outline: none;}

#information {
  width:340px;
  height:231px;
  margin-top:-1px;
  background:#FFF url(../images/information.bg.jpg) repeat-y top left;
  font-size:0.8em;
  line-height:1.25em;
  float:left;
  display:inline;
}

#information-top,#information-bottom {
  width:340px;
  height:29px;
  padding:0;
  background:#FFF url(../images/information-top.bg.jpg) no-repeat top left;
  list-style:none;
  line-height:1.75em;
  float:left;
  display:inline;
}
#information-top {margin-bottom:6px;}
#information-bottom {
  height:12px;
  background-image:url(../images/information-bottom.bg.jpg);
}

#information-top h2 {
  width:176px;
  height:21px;
  padding:8px 0 0 1px;
  background:#FFF url(../images/information-top.li.bg.jpg) no-repeat top left;
  text-align:left;
  color:#888;
  text-transform:uppercase;
  text-align:center;
  font-weight:bold;
  font-size:1.333em;
  letter-spacing:0;
  float:left;
}

#information-top h2 {
  width:160px;
  padding:8px 0 0 16px;
  background-image:url(../images/information-top.li.alpha.bg.jpg);
  text-align:left;
}

#information a {
  color:#f17100;
}

#information p,#information address,#information a.bar {
  width:292px;
  margin:0 16px 4px;
  padding:2px 8px 4px;
  background:#EEE;
  text-align:left;
  float:left;
}

#information a.bar {
  background:#B9B9B9;
  color:#222;
  text-decoration:none;
  float:left;
}
#information a.bar:hover {
  background:#333 url(../images/bar.bg.png) repeat-x top left;
  color:#FFF;
}

#information ul {
  list-style:none;
  padding:0;
}

#quick-links {
  width:367px;
  height:275px;
  margin-top:36px;
  float:left;
}

#quick-links h1 {
  width:350px;
  padding:4px 0 6px 0;
  font-size:1.333em;
  float:left;
  text-align:right;
}

#quick-links ul {
  padding:0;
  list-style:none;
}

#quick-links ul strong {display:none;}

#quick-links .sermon,#quick-links .blog,#quick-links .amen,#quick-links .giving {
  width:369px;
  height:79px;
  background:#262426 url(../images/quick-links.sermon.jpg) no-repeat top left;
  color:#a4a4a4;
  text-decoration:none;
  float:left;
}
#quick-links .blog {background-image:url(../images/quick-links.blog.jpg);}
#quick-links .amen {background-image:url(../images/quick-links.amen.jpg);}
#quick-links .giving {background-image:url(../images/quick-links.giving.jpg);}

#quick-links .sermon:hover,
#quick-links .blog:hover,
#quick-links .amen:hover,
#quick-links .giving:hover {background-position:left bottom;}

#quick-links .sermon span,
#quick-links .blog span,
#quick-links .amen span,
#quick-links .giving span {
  width:334px;
  height:1.5em;
  margin:46px 0 0 16px;
  padding:0 0 0 4px;
  border-left:dotted 1px #FFF;
  font-size:0.867em;
  overflow:hidden;
  float:left;
}

#quick-links .blog span {border-color:#13a7d7;}
#quick-links .amen span {border-color:#ff9b22;}
#quick-links .giving span {border-color:#ff9b22;}

#quick-links em {font-style:normal;}
#quick-links .blog em {color:#13a7d7;}
#quick-links .amen em {color:#ff9b22;}
#quick-links .giving em {color:#ff9b22;}

#downloadbonusteaching {
	display: block;
	margin: 0 auto 9px;
	background: url(../images/HTWE-BonusTeaching.png) no-repeat left top;
	width: 297px;
	height: 20px;
	text-indent: -999em;}