/* Home CSS Document */

#home{
  width: 940px;
  float: left;
  padding: 0px 5px 10px;
}

#home_left{
  float: left;
  width: 810px;
  float: left;
  position: relative;
}

#home_right{
  width: 130px;
  float: left;
}

#home_top{
  width: 920px;
  height: 350px;
  float: left;
  padding: 10px 10px 5px 10px;
  background: url(../images/css/bg_home_top.gif) no-repeat;
  margin: 0px;
}

#home.narrow #home_top {
	width: 790px;
	background: url("../images/css/bg_home_top_old.gif") no-repeat scroll 0 0 transparent;
}

#home.narrow #article.main,
#home.narrow #article.main .top,
#home.narrow #article.main h2 {
	width: 235px;
}

#home.narrow #article.main .middle {
	width: 225px;
}

#home.narrow #article.main .intro {
	width: 225px;
	padding-left: 0;
	padding-right: 0;
}

#home.narrow #article.main .intro .scroll {
	width: 225px;
	height: 275px;
}

#features{
  width: 550px;
  height: 340px;
  float: left;
  margin: 0px 5px 0px 0px;
  display: inline;
  background: #EEE url(../images/css/bg_features.gif) no-repeat;
}

#quote{}

#article{
  width: 270px;
  float: left;
  margin: 0px 0px 10px;
}

#article.wide,
#article.wide_image{
  width: 540px;
}

#article h2{
  height: 21px;
  background: none;
  border: none;
  padding: 10px 0px;
  margin: 0px;
  font-size: 18px;
  text-align: center;
  width: 270px;
}

#article.wide h2,
#article.wide_image h2{
  width: 540px;
}

#article.main h2{
  width: 235px;
}

#article .top{
  /*width: 270px;*/
  float: left;
  background: url(../images/css/bg_article_top.gif) no-repeat;
  padding: 0px;
}

#article.wide .top,
#article.wide_image .top{
  background: url(../images/css/bg_article_top_wide.gif) no-repeat;
}

#article .bottom{
  /*width: 270px;*/
  float: left;
  background: url(../images/css/bg_article_bottom.gif) no-repeat left bottom;
  padding: 0px 0px 7px;
}

#article.wide .bottom,
#article.wide_image .bottom{
  background: url(../images/css/bg_article_bottom_wide.gif) no-repeat left bottom;
}

#article .middle{
  /*width: 260px;*/
  float: left;
  background: url(../images/css/bg_article_middle.gif) repeat-y;
  padding: 10px 5px 5px;
}

#article.wide .middle,
#article.wide_image .middle{
  background: url(../images/css/bg_article_middle_wide.gif) repeat-y;
}

#article .intro{
  /*width: 230px;*/
  float: left;
  padding: 0px 15px;
  margin: 0px 0px 10px;
}

#article.short_image .intro,
#article.wide_image .intro{
  padding: 0px 15px 0px 10px;
  height: 155px;
}

#article .intro .scroll{
  width: 230px;
  height: 180px;
  float: left;
  overflow: auto;
}

#article.short .intro .scroll{
  height: 125px;
}

#article.short_image .intro .scroll{
  height: 155px;
  width: 145px;
}

#article.wide .intro .scroll{
  height: 125px;
  width: 500px;
}

#article.wide_image .intro .scroll{
  height: 155px;
  width: 415px;
}

#article .image{
  width: 75px;
  height: 110px;
  margin: 0px 0px 0px 5px;
  display: inline;
  float: left;
  padding: 5px;
  background: url(../images/css/bg_article_image.gif) no-repeat;
}

#article .title{
  font-weight: bold;
  color: #DB225A;
  line-height: normal;
}

#article .author{
  font-size: 11px;
}

#article .date{
  font-size: 11px;
  color: #19A7CE;
}

#article .link a{
  width: 230px;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  text-align: right;
  display: block;
  float: left;
  font-weight: bold;
  color: #FF7B00;
  border-top: 1px solid #F7F7F7;
  padding: 5px 15px 0px;
}

#article.wide .link a,
#article.wide_image .link a{
  width: 500px;
}

#article.main{
  width: 365px;
}

#article.main .top{
  background: url(../images/css/bg_article_top_main.jpg) repeat-x;
  width: 365px;
}

#article.main .middle{
  background: none;  
  width: 355px;
}

#article.main .bottom{
  background: none;
  padding: 0px;
}

#article.main .intro{
  padding-left: 10px;
  padding-right: 10px;
  width:335px;
}

#article.main .intro .scroll{
  width: 335px;
  height: 275px;
}

#marquee{
  position: absolute;
  left: 290px;
  top: 588px;
}