html,body, form
{
height:100%;	
}


/* commented backslash hack \*/ 
html, body{height:100%;} 
/* end hack */
html,body {margin:0;padding:0}



body{
margin:5;
padding:5;
background-color:#c0c0c0;
background-color:#292929;
background-image: url(../images/steel.jpg);
background-repeat:repeat-x;
height:100%;
}




#maincontainer{
width: 965px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
height:100%;
}

#maincontaine{min-height:100%;height:auto;background:#ffffcc}
* html #maincontaine{height:100%;}/* ie6 and under*/


#logoarea
{
background: #e2d9d9;
height: 170px; /*Height of top section*/
overflow:hidden;
background-image: url(../images/toplogo.jpg);
width:100%;

}

#topsection{
height: 21px; /*Height of top section*/
width:100%;
border-bottom:1px solid #e8e8e8;   
     

}

#allcontent{
background: #FFFFFF;
height:100%;
margin-top: 0px;
width:100%;
/*background-image: url(../images/wback.jpg);
border-bottom: 1px solid #cac4c5;
border-top: 1px solid #cac4c5;*/

}




#contentwrapper{
float: left;
width: 100%;
}

#contentcolumn{
margin: 0 10px 0 300px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
}

#contentcolumn2{
padding:10px;
width:733px;
}


#leftcolumn{
float: left;
width: 300px; /*Width of left column in pixel*/
margin-left: -965px; /*Set margin to that of -(MainContainerWidth)*/
}

#leftcolumn2{
width: 280px; /*Width of left column in pixel*/
padding:10px;
}


#rightcolumn{
float: left;
width: 10px; /*Width of right column*/
margin-left: -10px; /*Set left margin to -(RightColumnWidth)*/
}

#footer{
clear: left;
width: 100%;
color: #000000;
text-align: center;
height:40px; 
font-size:11px; 
font-family:Arial;
margin-top:0px;
padding-top:10px;
background-image: url(../images/footback2.jpg);
 
}

#footer a{
color: #000000;

}

.innertube{
margin: 30px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 15px;
}




.sbButton
{
 background-image: url(btback.gif);
 height:35px;
 padding:1px;
 border: 0px;
 background-repeat:no-repeat;
 padding-left:22px;
 background-color:Transparent;

}


/*============================*/

.puff{display:block}
.puff *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#f6b805;
  background-image: url(../images/puffback.jpg);
  }
.puff1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #fbe093;
  border-right:1px solid #fbe093;
  background:#f8c943}
.puff2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #fef7e6;
  border-right:1px solid #fef7e6;
  background:#f7c534}
.puff3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #f7c534;
  border-right:1px solid #f7c534;}
.puff4{
  border-left:1px solid #fbe093;
  border-right:1px solid #fbe093}
.puff5{
  border-left:1px solid #f8c943;
  border-right:1px solid #f8c943}
.pufffg{
  background:#f6b805;
  background-image: url(../images/puffback.jpg);
  padding:20px;
}


/* ====== */


.banner{display:block}
.banner *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#bad0e0}
.banner1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #e1eaf1;
  border-right:1px solid #e1eaf1;
  background:#cbdbe7}
.banner2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #f8fafb;
  border-right:1px solid #f8fafb;
  background:#c7d8e5}
.banner3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #c7d8e5;
  border-right:1px solid #c7d8e5;}
.banner4{
  border-left:1px solid #e1eaf1;
  border-right:1px solid #e1eaf1}
.banner5{
  border-left:1px solid #cbdbe7;
  border-right:1px solid #cbdbe7}
.bannerfg{
  background:#bad0e0;
  padding:20px;
  }


div.rounded-box {
    width: 9em;
    background-color: #E6E6E6;
    margin: 3px;
}