/* Layout Stylesheet */ 

body {
 margin:20px;
 background:#ff0000;
 background: url(images/background.jpg) 50% 0;
 color: #333333;
 text-align:center;
 padding:0;
 }

#outer {
 text-align:left;
 border-top:3px solid #444444;
 width:920px;
 margin:auto;
 }

#hdr {
 height:150px;
 background:#eeeeee;
 color: #333333;
 }
 
 #hdr.home{
 background: url(images/ftsbg1.gif);
 }
 
 #hdr.about{
 background: url(images/tfbg2.jpg);
 }
 
 #hdr.services{
 background: url(images/tfbg3.jpg);
 }
 
 #hdr.feedback{
 background: url(images/tfbg4.jpg);
 }
 
 #hdr.contact{
 background: url(images/tfbg5.jpg);
 }
 
 

#bar {
 height:2px;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:10px;
 background:#c0c0c0;
 background: url(images/barback.gif) ;
 color: #333333;
 border:solid #000000;	
 border-width:0px 0px 1px 0px;
 }
 
#bar td.navoff {
 background:#999999;
 background: url(images/barbutoff.gif) ;
}

#bar td.navon {
 background:#ffffff;
 background: url(images/barbuton.gif) ;
 color: #000000;
}

#bar td a{
   display: block;
   width: auto;
   padding: 7px;
   text-decoration: none;
   border:solid #666666;
   border-width:0px 1px 0px 0px;
}

#bar td a:link, #bar td a:visited{
   color: #000;
}

#bar td a:hover, #bar td a:active{
   color: #000;
   background: url(images/barbuton.gif) ;
}

#bodyblock {
 position:relative;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:11px;
 background: #dcdcdc;
 color: #333333;
 width:920px;
 padding:0;
 }

#l-col {
 float:left;
 background:#dcdcdc;
/* background: url(images/navback.gif) 50% 0;*/
 color: #333333;
 width:150px;
 }

#cont {
 width:920px;
 background:#000000;
 color: #333333;
 border:solid #000000;	
 border-width:0 0 0 0px;
 text-align:left;
 }

#ftr {
 height:60px;
 background:#c0c0c0;
 background: url(images/footback.jpg) ;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:10px;
 color: #ffffff;
 border:solid black;
 border-width:0px 0 0 0;
 padding-top: 0px;
 }