body{
  background: #808080 url( ../images/bodyBGHome.gif ) repeat-x top center;
}

a img{
  border: 0; 
}

#topMenu{
  background: url(../images/topMenuBGHome.gif); 
}

#banner {
  background: url(../images/bannerHome.jpg);
}

#dots{
  width: 750px;
  height: 5px;
  background: url(../images/sectionBGHome.gif) top left repeat-x; 
}

.section {
  margin: 5px 0 5px 20px;
  float: left;
  position: relative;
  width: 221px;
  height: 303px; 
  overflow: hidden;
  cursor: pointer;
}

.section img{
  position: absolute;
  top: 0;
  left: 0;
}

.section p{
  font-size: 11px;
  color: #fff;
  text-indent: 0;
  text-align: right;  
  margin: 0;
  padding: 0;
  position: absolute;
  width: 205px;
  height: 100px;
  top: 180px;
  left: 6px; 
}

.ec p {
  top: 200px; 
}

.infoFloater{
  float: left;
  width: 362px; 
  overflow: hidden;
  margin: 0 0 10px 8px;
  padding: 0;
}

.infoFloater.first{
  clear: left; 
  float: none;
  width: 732px;
}

.infoBox {
  background: url(../images/infoBGHome.gif) repeat-y;
  width: auto;
  padding: 0 0 0 0;
}

.infoBox h1{
  font-size: 14px;
  font-weight: 700; 
  margin: 0 10px 5px 10px;
  padding: 0;
}

.infoBox h2{
  margin: 0 10px 0 10px;
  padding: 0;
  font-size: 12px;
  font-weight: 700; 
}

.infoBox p{
  font-size: 12px;
  margin: 0 10px 0 10px;
  padding: 0 0 10px 0;
}

.infoBox a{
  color: #a00000;
  text-decoration: none; 
}

.infoBox a:hover{
  color: #1a316e;
  text-decoration: underline; 
}

.infoBoxTop{
  width: auto; 
  height: 7px;
  background: url(../images/infoTopHome.gif) top left no-repeat;
}

.infoBoxBottom{
  width: auto; 
  height: 7px;
  background: url(../images/infoBottomHome.gif) top left no-repeat;
}

#flash_holder {
  position: relative;
  z-index: 0; 
  width: 749px;
  height: 350px;
}