/* Home CSS Document */

#features{
  float: left;
  width: 700px;
  height: 245px;
  margin: 0;
  padding: 10px 10px 0px 5px;
  background: #000;
}



/* Column 1 */

#column1{
  float: left;
  width: 237px;
  margin: 0;
  padding: 0;
}

#column1 #homeImages #home_images{
  float: left;
  display: inline;
  width: 237px;
  height: 120px;
  margin: 0;
  padding: 0;
  background: url(../images/css/bg_home_column1_image.png) no-repeat;
}

/* newToCFC */
#newToCFC ul{
  float: left;
  display: inline;
  width: 227px;
  margin: 0 0 0 10px;
  padding: 0;
}

#newToCFC ul li{
  float: left;
  display: block;
  width: 227px;
  list-style: none;
  margin: 0;
  padding: 0 0 7px 0;
}

#newToCFC ul li a{
  color: #DABC98;
  background: url(../images/css/bg_home_bullet.png) no-repeat 0 4px;
  padding: 0 0 0 15px;
}

#newToCFC ul li a:hover{
  color: #fff;
  text-decoration: underline;
}


/* Column 2 */

#column2{
  float: left;
  width: 237px;
  padding: 0 0 0 2px;
  margin: 0;
}

#column2 #marquee{
  float: left;
  width: 237px;
  height: 120px;
  margin: 0;
  background: url(../images/css/bg_home_column2_image.png) no-repeat;
}

/* coming_events */
#coming_events ul{
  float: left;
  display: inline;
  width: 227px;
  margin: 0 0 7px 10px;
  padding: 0;
}

#coming_events ul li{
  float: left;
  display: inline;
  list-style: none;
}

#coming_events ul li span{
  float: left;
  display: inline;
  width: 40px;
  color: #fff;
}

#coming_events ul li a{
  float: left;
  display: inline;
  color: #DABC98;
}

#coming_events ul li a:hover{
  color: #fff;
  text-decoration: underline;
}

#coming_events .footer a{
  float: left;
  padding: 4px 0 0 10px;
  margin: 0;
  color: #fff;
}

#coming_events .footer a:hover{
  text-decoration: underline;
  color: #DABC98;
}



/* Column 3 */

#column3{
  float: left;
  width: 237px;
  height: 328px;
  margin: 0;
  padding: 0 0 0 2px;
}

#recent_programs_links{
  display: none;
}

#column3 #recent_programs .image{
  float: left;
  width: 237px;
  height: 120px;
  margin: 0;
  padding: 0;
  background: url(../images/css/bg_home_column3_image.png) no-repeat;
}

#column3 #recent_programs .text h3{
  float: left;
  display: block;
  width: 217px;
  margin: 0 0 7px 10px;
  padding: 0;
  font: bold 11px Tahoma, Verdana, Arial, Helvetica, sans-serif;
  color: #DABC98;
}

#column3 #recent_programs .text p{
  float: left;
  display: block;
  width: 217px;
  margin: 0 0 0 10px;
  padding: 0;
  font: normal 11px Tahoma, Verdana, Arial, Helvetica, sans-serif;
  color: #fff;
}

#column3 #recent_programs .footer ul{
  float: left;
  display: inline;
  width: 227px;
  margin: 4px 0 0 10px;
  padding: 0;
}

#column3 #recent_programs .footer ul li{
  float: left;
  display: inline;
  list-style: none;
  margin: 0;
  padding: 0;
}

#column3 #recent_programs .footer ul li a{
  float: left;
  display: inline;
  margin: 0;
  padding: 0 15px 0 0;
  color: #fff;
}

#column3 #recent_programs .footer ul li a:hover{
  text-decoration: underline;
  color: #DABC98;
}


/* All Columns */

#column1 h1,
#column2 h1,
#column3 h1{
  float: left;
  display: inline;
  width: 227px;
  height: 16px;
  margin: 2px 0;
  padding: 20px 0 0 10px;
  background: #000;
  color: #BC9D7E;
  font: bold 11px Tahoma, Verdana, Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  letter-spacing: .6px;
}

#column1 #newToCFC .text,
#column2 #coming_events .text,
#column3 #recent_programs .text{
  float: left;
  display: inline;
  width: 237px;
  height: 140px;
  margin: 2px 0;
  padding: 0;
  background: #333;
}

#column1 #newToCFC h2,
#column2 #coming_events h2,
#column3 #recent_programs h2{
  font: normal 18px Tahoma, Verdana, Arial, Helvetica, sans-serif;
  letter-spacing: .5px;
  color: #fff;
  margin: 5px 0 10px 10px;
}

#newToCFC .footer,
#coming_events .footer,
#recent_programs .footer{
  float: left;
  display: inline;
  width: 237px;
  height: 24px;
  margin: 0;
  padding: 0;
  background: #000;
}