/* Home CSS Document */

#countdown{
  float: right;
  margin: 10px 0px 0px;
  /*width: 362px;*/
  width: 500px;
}

#countdown #clock{
  width: 340px;
  height: 50px;
  float: right;
  padding: 10px 0px;
  background: url(../images/css/bg_clock.jpg) no-repeat;
}

#countdown .links ul{
  clear: both;
  float: right;
  margin: 0px 0px 0px 0px;
  padding: 0px;
}

#countdown .links ul li{
  display: block;
  float: left;
  list-style: none;
  margin: 0px;
  padding: 0px;
  width: auto;
}

#countdown .links ul li a{
  display: block;
  float: left;
  margin: 0px;
  padding: 6px 15px;
  color: #E1E1E1;
  font-size: 11px;
  height: 15px;
  background: url(../images/css/background_countdown_links.png) no-repeat;
  border-right: 1px solid #333;
  border-left: 1px solid black;
}

#countdown .links ul li a:hover{
  background-position: 0px -90px;
  text-decoration: none;
}

#countdown .links ul li.first a{
  background-position: 0px -30px;
  border-left: none;
}

#countdown .links ul li.first a:hover{
  background-position: 0px -120px;
  border-left: none;
}

#countdown .links ul li.last a{
  background-position: right -60px;
  border-right: none;
}

#countdown .links ul li.last a:hover{
  background-position: right -150px;
  border-right: none;
}


#home_campus{
  float: left;
  margin: 20px 0px 0px;
  width: 960px;
}

#top, #middle, #bottom{
  clear: both;
  float: left;
}

#top, #middle{
  background: url(../images/css/background_home_campus.gif) center bottom no-repeat;
  padding: 0px 0px 25px;
  width: 960px;
}

#home #features{
  background: url(../images/css/bg_features.png) no-repeat;
  float: left;
  padding: 10px 7px 10px;
  margin: 10px 0px 0px -2px;
  width: 950px;
  height: 600px;
}

#home_campus #top #features{
  background: url(../images/css/background_features_campus.png) no-repeat;
  float: left;
  padding: 5px 7px 8px;
  width: 675px;
}

#top .container{
  background: url(../images/css/background_top_container.png) no-repeat;
  float: right;
  height: 445px;
  padding: 1px;
  width: 260px;
}

#home_images{
  float: left;
  height: 130px;
  padding: 70px 0px 0px;
  width: 260px;
  overflow: hidden;
  background: url(../images/css/bg_home_images.gif) no-repeat;
}

#home_images img{
  float: left;
  width: 260px;
  height: 130px;
}

#marquee{
  float: left;
  margin: 0px;
  padding: 0px;
  width: 260px;
}

#marquee ul{
  float: left;
  padding: 0px;
  margin: 0px;
  /*margin: 60px 0px 0px;*/
}

#marquee ul li{
  border-bottom: 1px solid #F5F2F1;
  list-style: none;
  padding: 0px;
}

#marquee ul li a{
  background: url(../images/css/background_related_pages_bullet.png) 233px 5px no-repeat;
  color: #666666;
  font-weight: bold;
  width: 215px;
  padding: 6px 30px 7px 15px;
  display: block;
}

#marquee ul li a:hover{
  background: #F7F7F7 url(../images/css/background_related_pages_bullet.png) 233px 5px no-repeat;
  color: #666666;
  text-decoration: none;
}

#content_narrow #marquee{
  background: url(../images/css/background_marquee.png) no-repeat;
  height: 300px;
  padding: 12px 0px 0px;
}

#middle{
  margin: 20px 0px 0px;
}

#middle #recent_programs{
  background: url(../images/css/background_recent_programs.png) no-repeat;
  float: left;
  height: 145px;
  margin: 0px;
  padding: 0px 0px 0px 35px;
  width: 640px;
  display: inline;
}

#middle #recent_programs .scroll{
  float: left;
  height: 138px;
  margin: 0px 0px 0px 7px;
  overflow: auto;
  width: 626px;
  scrollbar-arrow-color: #999999;
  scrollbar-base-color: #B0B0B0;
  scrollbar-face-color: #EFEFEF;
  scrollbar-highlight-color: #FFFFFF;
  scrollbar-shadow-color: #FFFFFF;
  scrollbar-3dlight-color: #B0B0B0;
  scrollbar-darkshadow-color: #B0B0B0;
  scrollbar-track-color: #DEDEDE;
}

#middle #recent_programs .scroll table{
  border-collapse: collapse;
  width: 100%;
}

#middle #recent_programs .scroll .container{
  background: url(../images/css/background_recent_programs_divider.gif) right top no-repeat;
  display: inline;
  float: left;
  height: 100px;
  margin: 0px;
  padding: 15px 0px 0px;
  overflow: auto;
  width: 313px;
}

#middle #recent_programs .date{
  float: left;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  line-height: 18px;
  width: 40px;
  text-align: center;
}

#middle #recent_programs .date .month{
  color: #666666;
  font-size: 12px;
  text-transform: uppercase;
}

#middle #recent_programs .date .day{
  color: #999999;
  font-size: 28px;
}

#middle #recent_programs .image{
  background: url(../images/css/background_recent_programs_image.png) no-repeat;
  float: left;
  height: 75px;
  margin: 0px 0px 0px 1px;
  padding: 2px 4px 6px;
  width: 100px;
}

#middle #recent_programs .title{
  color: #666666;
  float: right;
  font-size: 12px;
  line-height: 120%;
  margin: 0px 7px 0px 0px;
  width: 150px;
}

#middle #recent_programs .title a{
  color: #666666;
}

#middle #recent_programs .name{
  color: #333333;
  float: right;
  font-size: 12px;
  font-weight: bold;
  margin: 5px 7px 0px 0px;
  width: 150px;
}

#middle .links{
  background: url(../images/css/background_links.png) no-repeat;
  float: right;
  height: 89px;
  margin: 20px 0px 0px;
  width: 259px;
}

#middle .links ul{
  float: left;
  list-style: none;
  margin: 0px 0px 0px 1px;
  padding: 0px;
  width: 258px;
}

#middle .links ul li{
  float: left;
  margin: 0px;
  padding: 0px;
}

#middle .links ul li a{
  margin: 0px;
  padding: 0px;
  width: 86px;
}

#bottom{
  background: url(../images/css/background_bottom.gif) center top no-repeat;
  float: left;
  margin: -1px 0px 0px 15px;
  padding: 0px;
  width: 930px;
}

#bottom #left{
  float: left;
  width: 260px;
}

#bottom #left #twitter{
  background: url(../images/css/background_twitter.png) 0px 20px no-repeat;
  float: left;
  padding: 75px 15px 0px 0px;
  width: 245px;
}

#bottom #left #twitter ul{
  padding: 0px;
  margin: 0px;
}

#bottom #left #twitter ul li{
  padding: 0px;
  margin: 0px;
  list-style: none;
  width: 245px;
  padding: 10px 0px 0px 0px;
  display: block;
  margin: 0px 0px 15px;
  font-size: 12px;
  font-weight: bold;
  color: #333333;
  background: url(../images/css/background_twitter_post.png) no-repeat left top;
}

#bottom #left #twitter ul li:hover{
  color: white;
  background-position: right top;
}

#bottom #left #twitter ul li span{
  padding: 0px 10px 10px 10px;
  display: block;
  width: 225px;
}

#bottom #left #twitter ul li a{
  display: block;
  text-decoration: none;
  color: #FFFFFF;
  padding: 0px 10px;
  margin: 0px 0px -5px;
  width: 225px;
  height: 25px;
  line-height: 25px;
  font-size: 11px;
  font-weight: bold;
  background: url(../images/css/background_twitter_post.png) no-repeat left bottom;
}

#bottom #left #twitter ul li:hover a{
  background-position: -255px bottom;
}

#bottom #left #twitter ul li span a{
  display: inline;
  background: none;
  padding: 0px;
}

#bottom #left #twitter .link{
  background: url(../images/css/background_follow_us_twitter.png) 5px 0px no-repeat;
  color: #999999;
  float: left;
  font-size: 12px;
  font-weight: bold;
  height: 50px;
  margin: 10px 0px 0px;
  padding: 0px 0px 0px 50px;
  width: 195px;
}

#bottom #left #twitter .link span{
  clear: both;
  display: block;
  float: left;
  margin: 10px 0px 0px;
  width: 195px;
}

#bottom #left #twitter .link a{
  clear: both;
  color: #333333;
  float: left;
  width: 195px;
}

#bottom #center{
  float: left;
  width: 410px;
}

#bottom #center #blogs{
  float: left;
  padding: 0px 0px 10px;
}

#bottom #center #blogs .container{
  background: url(../images/css/background_blogs.png) no-repeat;
  float: left;
  padding: 40px 0px 0px 0px;
  width: 410px;
}

#bottom #center #blogs .container .post{
  background: url(../images/css/background_headline.gif) no-repeat;
  padding: 10px 20px;
  width: 370px;
}

#bottom #center #blogs .container .first{
  background: none;
}

#bottom #center #blogs .title{
  color: #333333;
  float: left;
  font-size: 25px;
  padding: 5px 0px;
  width: 370px;
}

#bottom #center #blogs .date{
  border-bottom: 1px solid #E9E9E9;
  border-top: 1px solid #E9E9E9;
  color: #999999;
  float: left;
  font-size: 12px;
  padding: 5px 0px;
  width: 370px;
}

#bottom #center #blogs .author{
  color: #999999;
  float: left;
  font-size: 12px;
  padding: 5px 0px;
  width: 370px;
}

#bottom #center #blogs .intro{
  border-bottom: 1px solid #E9E9E9;
  border-top: 1px solid #E9E9E9;
  color: #333333;
  float: left;
  font-size: 12px;
  line-height: 140%;
  padding: 5px 0px;
  width: 370px;
}

#bottom #center #blogs .container .post .link{
  float: left;
  margin: 10px 0px 0px;
  width: 370px;
  text-align: right;
}

#bottom #center #blogs .link{
  float: left;
  margin: 10px 0px 0px;
  width: 410px;
  text-align: center;
}

#bottom #right{
  float: left;
  font-size: 12px;
  width: 260px;
}

#bottom #right #coming_events{
  background: url(../images/css/background_coming_events.png) 15px 20px no-repeat;
  float: left;
  padding: 75px 0px 0px 15px;
  width: 245px;
}

#bottom #right #coming_events .day{
  background: url(../images/css/background_coming_events_corner.png) no-repeat;
  float: left;
  padding: 0px;
  width: 245px;
}

#bottom #right #coming_events .day .date{
  color: #999999;
  float: left;
  padding: 6px 12px;
  width: 221px;
}

#bottom #right #coming_events .day ul{
  float: left;
  list-style: none;
  margin: 0px;
  padding: 0px;
}

#bottom #right #coming_events .day ul li{
  background: url(../images/css/background_cluster_bullet.png) 223px 4px no-repeat;
  border-top: 1px solid #E9E9E9;
  display: block;
  float: left;
  margin: 0px;
  padding: 6px 25px 6px 0px;
  width: 220px;
}

#bottom #right #coming_events .day ul li a{
  color: #333333;
  font-weight: bold;
}

#bottom #right #coming_events .link{
  border-top: 1px solid #E9E9E9;
  float: left;
  padding: 20px 0px 0px;
  width: 245px;
}