/* Home CSS Document */


#left{
  width: 270px;
  float: left;
  background: url(../images/css/bg_home_left.jpg) repeat-y;
}

#welcome{
  width: 240px;
  float: left;
  padding: 60px 15px 40px;
  background: url(../images/css/bg_welcome.jpg) no-repeat;
}

#who{
  width: 240px;
  padding: 30px 0px 0px;
  margin: 0px 0px 40px;
  background: url(../images/css/bg_who.gif) no-repeat;
  font-size: 12px;
  color: white;
  height: 145px;
}

#who .scroll{
  height: 145px;
  overflow: auto;
}

#who .scroll a,
#who .scroll a:hover,
#read a,
#read a:hover{
  color: white;
  text-decoration: underline;
}

#visitor{
  width: 240px;
  float: left;
  margin: 0px 0px 20px;
  height: 100px;
}

#visitor ul{
  padding: 0px;
  margin: 0px;
}

#visitor ul li{
  padding: 0px;
  margin: 0px;
  background: url(../images/css/bullet_links.gif) no-repeat 0px 8px;
  list-style: none;
  font: 15px Georgia, "Times New Roman", Times, serif;
  text-transform: uppercase;
  padding: 0px 10px;
}

#visitor ul li a{
  color: white;
  padding: 3px 0px 4px;
  display: block;
}

#visitor ul li a:hover{
  color: white;
}

#read{
  width: 240px;
  padding: 25px 0px 0px;
  color: white;
  float: left;
  background: url(../images/css/bg_read.gif) no-repeat;
}

#read a,
#read a:hover{
  color: white;
}

#recent_programs{
  width: 240px;
  min-height: 100px;
  float: left;
  background: url(../images/css/bg_recent_programs.gif) no-repeat 15px 0px;
  padding: 40px 15px 20px;
}

#recent_programs .title{
  color: #715C42;
  font-size: 14px;
  margin: 0px 0px 5px;
  padding: 0px 10px;
}

#recent_programs .title a{
  color: #715C42;
}

#recent_programs .speaker{
  color: #473929;
  font-size: 12px;
  font-weight: bold;
  margin: 0px 0px 10px;
  padding: 0px 10px;
}

#recent_programs .link{
  width: 240px;
  height: 30px;
  background: url(../images/css/bg_recent_programs_link.gif) no-repeat;
  color: white;
}

#recent_programs .link a,
#recent_programs .link a:hover{
  font-size: 12px;
  color: white;
  padding: 5px 15px;
  width: 210px;
  text-align: right;
  display: block;
}

#right{
  width: 670px;
  float: left;
  background: #022668 url(../images/css/bg_right.jpg) repeat-y;
}

#slogan{
  width: 670px;
  height: 235px;
  float: left;
  margin: -54px 0px 0px;
  background: url(../images/css/bg_slogan.jpg) no-repeat;
}

#slogan h1{
  display: none;
}

#features{
  width: 670px;
  height: 391px;
  float: left;
  background: url(../images/css/bg_features.png) no-repeat;
  margin: -55px 0px 0px;
  padding: 14px 0px 0px;
  /*
  z-index: 10;
  position: relative;
  */
}

#home #spotlight{
  width: 670px;
  height: 175px;
  float: left;
  margin: -50px 0px 0px;
}

#content_narrow #spotlight{
  width: 270px;
  height: 370px;
  float: left;
  background: url(../images/css/bg_spotlight.jpg) no-repeat;
  padding: 40px 0px 0px;
}