/* Home CSS Document */

#home_images{
  width: 860px;
  height: 270px;
  margin: 0px 0px 30px;
}

#coming_events{
  float:left;
  width: 280px;
  background: url(../images/css/background_coming_events.gif) no-repeat;
  padding: 28px 0px 0px;
}

#coming_events .container{
  float: left;
  width: 256px;
  padding: 10px 10px 0px;
  border: 2px solid #BFC0C2;
  border-bottom: none;
  border-top: none;
}

#coming_events .links{
  width: 280px;
  height: 65px;
  float:left;
}

#coming_events .scroll{
  float: left;
  width: 256px;
  height: 341px;
  /*
  float: left;
  width: 236px;
  height: 331px;
  overflow: auto;
  padding: 10px 10px 0px;
  */
}

#content_text #coming_events .scroll{
  float: left;
  width: 256px;
  height: auto;
  /*
  float: left;
  width: 236px;
  height: 331px;
  overflow: auto;
  padding: 10px 10px 0px;
  */
}

#coming_events .event,
#coming_events .over{
  float: left;
  width: 256px;
  margin: 0px 0px 15px;
}

#coming_events .over{
  cursor: hand;
  cursor: pointer;
}

#coming_events .event .image,
#coming_events .over .image{
  width: 85px;
  height: 50px;
  background: #EFEFEF url(../images/css/background_coming_events_event_image.gif) no-repeat;
  float: left;
  overflow: hidden;
}

#coming_events .event .content,
#coming_events .over .content{
  font: 11px Arial, Helvetica, sans-serif;
  width: 160px;
  padding: 0px 0px 0px 11px;
  float: left;
  color: #333;
}

#coming_events .event .content .name,
#coming_events .over .content .name{
  color: #293184;
  font-weight: bold;
  text-decoration: none;
}

#coming_events .over .content .name{
  text-decoration: underline;
}

#welcome{
  font: 11px/16px Arial, Helvetica, sans-serif;
  width: 260px;
  background: url(../images/css/background_welcome.gif) no-repeat center top;
  float:left;
  padding: 30px 20px 20px;
}

#welcome .scroll{
  float: left;
  width: 255px;
  padding: 0px 5px 0px 0px;
  height: 230px;
  overflow: auto;
}

#headlines{
  float:left;
  width: 280px;
  background: url(../images/css/background_headlines.gif) no-repeat;
  padding: 28px 0px 0px;
}

#headlines .container{
  float: left;
  width: 256px;
  padding: 10px 10px 0px;
  border: 2px solid #BFC0C2;
  border-bottom: none;
  border-top: none;
}

#headlines .links{
  width: 280px;
  height: 65px;
  float:left;
}

#headlines .scroll{
  float: left;
  width: 226px;
  height: 341px;
  padding: 0px 15px;
  /*
  float: left;
  width: 236px;
  height: 331px;
  overflow: auto;
  padding: 10px 10px 0px;
  */
}

#headlines .headline{
  float: left;
  width: 226px;
  font: 11px Arial, Helvetica, sans-serif;
  color: #333;
  padding: 15px 0px;
  text-align: right;
  background: url(../images/css/background_headlines_headline.jpg) no-repeat right bottom;
}

#headlines .headline .title{
  color: #293184;
  font-weight: bold;
}

#headlines .headline .title a{
  text-decoration: none;
}

#headlines .headline .title a:hover{
  text-decoration: underline;
}

#extras{
  float: left;
  width: 236px;
  border: 2px solid #BFC0C2;
  padding: 10px;
  margin: 45px 0px 0px;
}

#extras .times{
  float: left;
  background: url(../images/css/background_times.gif) no-repeat;
  padding: 0px 0px 0px 23px;
  width: 95px;
}

#extras .links{
  float: left;
  padding: 0px 0px 0px 5px;
  width: 113px;
}

#extras .links ul{
  padding: 0px;
  margin: 0px;
}

#extras .links ul li{
  list-style: none;
  width: 90px;
  padding: 0px 0px 7px 23px;
  margin: 0px;
}

#extras .links ul li a{
  font-weight: bold;
  color: black;
}

#extras .links ul li.einvite{
  background: url(../images/css/background_welcome_links_ul_li_einvite.gif) no-repeat;
}

#extras .links ul li.tv{
  background: url(../images/css/background_welcome_links_ul_li_tv.gif) no-repeat;
}

#extras .links ul li.messages{
  background: url(../images/css/background_welcome_links_ul_li_messages.gif) no-repeat;
}

#extras .links ul li.podcasts{
  background: url(../images/css/background_welcome_links_ul_li_podcasts.gif) no-repeat;
}

#twitter{
  float:left;
  width: 280px;
  background: url(../images/css/background_headlines.gif) no-repeat;
  padding: 28px 0px 0px;
}

#twitter .links{
  width: 280px;
  height: 65px;
  float:left;
}

#twitter_div{
  float: left;
  width: 256px;
  padding: 10px 10px 0px;
  border: 2px solid #BFC0C2;
  border-bottom: none;
  border-top: none;
}

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

#twitter ul li{
  padding: 0px;
  margin: 0px;
  list-style: none;
  width: 255px;
  padding: 12px 0px 0px 0px;
  display: block;
  margin: 0px 0px 5px;
  font-size: 12px;
  color: #324498;
  background: url(../images/css/bg_twitter_post.jpg) no-repeat left top;
}

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

#twitter ul li span{
  padding: 0px 12px 3px 13px;
  display: block;
  width: 240px;
}


#twitter ul li a{
  display: block;
  text-decoration: none;
  color: #999;
  padding: 0px 12px 0px 13px;
  width: 240px;
  height: 45px;
  background: url(../images/css/bg_twitter_post.jpg) no-repeat left bottom;
}

#twitter ul li:hover a{
  color: #CCC;
  background-position: -275px bottom;
}

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