html, body {height:100%}


body
{
    background-color: #999999;
    margin:0px;
    padding:0px;
    background-position:left;
    background-image:url('../images/background.jpg');
    background-attachment:fixed;
    height:100%;
}



  #container-extend {
  margin: 0 auto;
  width: 946px;
  height:100%;
  min-height:100%;
  background-image:url('../images/repeat-bottom.jpg');
  }  
  
  html>body #container-extend {height:auto}

#container {
  margin: 0 auto;
  width: 946px;
  background-image:url('../images/repeat.jpg');
  }
  
  
#header_home {
  background-image:url('../images/header.jpg');
  background-repeat:no-repeat;
  position: relative;
  top: 0px;
  left: 0px;
  width: 946px;
  height: 400px;
}

#navbar {
  position: relative;
  top: 75px;
  left: 130px;

}

#navbar2 {
  position: relative;
  top: 57.5px;
  left: 112.5px;

}

#inforepeat {
  /*background-image:url('../img/template/repeat_2.jpg');*/
  position: relative;
  left: 96px;
  bottom:180px;
  
  width: 840px;

}

#bottominfo {
  background-image:url('../images/footer.jpg');
  background-repeat:no-repeat;
  background-color:#000000;
  position:relative;
  left: 0px;
  width: 946px;
  height: 80px;
  margin: 0 auto;
  
}

.tdline{
	 background-color :#000000;
}
.tdlineyellow{
	 background-color :#C0BF91;
}

font.header 
{
    font-family:Arial;
    font-size:16px;
    color:#ffffff;
    margin-top:15px;
}
font.mix_title
{
    font-family:Arial;
    font-size:14px;
    color:#C0BF91;
    font-weight:bold;
}
font.moreinfo 
{
    font-family:Arial;
    font-size:10px;
    color:#C0BF91;
    font-weight:bold;
    margin-top:15px;
}
        font.infotext
        {
            font-family: Arial;
            font-size: 14px;
            color: #C0BF91;
        }
table.infotrans
{
	border: solid 1px #000000;
	background-color:#EBEBEB;
	width:740px;
    opacity: .8;
}

a.infolink:link {color: #C0BF91; font-size: 12px; text-decoration: none}
a.infolink:visited {color: #C0BF91; font-size: 12px; text-decoration: none}
a.infolink:active {color: #C0BF91; font-size: 12px; text-decoration: none}
a.infolink:hover {color: #C0BF91; font-size: 12px; text-decoration: underline;}

a.menulink:link {color: black; font-size: 14px; text-decoration: none}
a.menulink:visited {color: black; font-size: 14px; text-decoration: none}
a.menulink:active {color: black; font-size: 14px; text-decoration: none}
a.menulink:hover {color: black; font-size: 14px; text-decoration: underline;}

a.bottomlink:link {color: black; font-size: 12px; text-decoration: none}
a.bottomlink:visited {color: black; font-size: 12px; text-decoration: none}
a.bottomlink:active {color: black; font-size: 12px; text-decoration: none}
a.bottomlink:hover {color: black; font-size: 12px; text-decoration: underline;}
    
     .form {
     background-color: #EBEBEB;
     border: 1px solid #000000;
     color: ;
     font-size: 11px;
     font-family: arial;
     font-style: ;
     padding: 1px
     }
     
     .form:hover {
     background-color: #CBCBCB;
     border: 1px solid #000000;
     color: ;
     font-size: 11px;
     font-family: arial;
     font-style: ;
     padding: 1px
     }
     
    
     .button {
     background-color: #EBEBEB;
     border: 1px solid #000000;
     color: ;
     font-size: 11px;
     font-family: arial;
     font-style: ;
     font-weight: bold;
     padding: 1px
     }
     
     .button:hover {
     background-color: #CBCBCB;
     border: 1px solid #000000;
     color: ;
     font-size: 11px;
     font-family: arial;
     font-style: ;
     font-weight: bold;
     padding: 1px
     }
     
     /*CSS PLAY ROLLOVER*/
     a.screen, a.screen:visited {
color:#c00; 
position:relative; 
z-index:1;
}
a.screen b {
position:absolute;
visibility:hidden; /* hide the image */
width:200px; /* give it a width */
height:0; /* no height to solve an Opera bug that 
             makes it selectable when hidden */
border:1px solid #000; /* add a border */
left:0; /* position:the image */
top:-150px;
}
a.screen:hover {
text-decoration:none; 
border:0px none; /* needed for this to work in IE */ 
z-index:1000
}
a.screen:hover b {
visibility:visible; /* make the image visible */
height:150px; /* now give it a height */
cursor:pointer; /* for IE */
z-index:500; 
}
a.screen:hover b img {
border:0px none; /* remove the link border */
}
 /*CSS PLAY ROLLOVER*/