
/* CSS Document - BC Farm Machinery Sale*/


html {
    overflow: scroll;  /*needed to help page not jump when scroll bar appears*/
} 


body {
background: #fff; 
color: #000;
font-size: 100%;
}

#container {
width:980px;
padding: 0px;
overflow:auto;
margin: 0 auto; /*auto marg will center the page*/
}


#wrapperright {
float: right;
margin: 0px;
background: #fff url(images/bluerightside250.jpg) repeat-y top right;
}

#header {
width: 980px;
height: 150px;
padding: 0;
}
/*table--for HEADER---------------------------------*/

.tableheder { 
   border-collapse: collapse; 
   width: 980px;
   background: #fff;
   margin: 0px;
} 
.tableheder tr { 
   padding: 0px;
} 
.tableheder td { 
   font-size: 16px;
   vertical-align: top;
   color: #ff0;     
}

.cellwidthleft {
width: 730px;
text-align: left;
}
.cellwidthright {
width: 240px;
background: #069;
padding: 10px 10px 45px 0px;
text-align: right;
}
.cellwidthright a:link {
color: #ff0;
text-decoration: none;
}



/*navigation.....*/
#topnav {
width: 705px;
margin: 0;
padding: 5px;
text-align: left;
}

#topnav ul { 
	margin: 0px; 
	padding: 5px; 
	list-style-type: none; 
	text-align: left;
} 
#topnav ul li { 
	display: inline;
	margin: 0px;
	padding: 15px;  
}
/*navigation-Company CURRENT PAGE........................................*/
 
#topnav ul li a { 
	text-decoration: none; 
	padding: 2px;
	color:  #069;  
} 
 
#topnav li a:hover { 
	border-bottom: 3px solid #000;
	background-color: #fff;
	 } 

#topnav li a#current { 
	color: #ff0; 
	background-color: #069; 
	padding: 4px;
} 



#content {
width: 730px;
margin: 0;
padding: 0;
float:left;
}
#content p {
margin: 5px;
padding: 5px;
}
.pboldcenter {
font-weight: bold;
text-align:center;
font-size:18px;
margin: 0px;
}
.justify {
text-align:justify;}

#content h5 {
color: #000;
background: #ccc;
margin: 0px;
padding: 3px;
text-align: left;
font-size: 18px;
}

#content h4 {
color: #000;
margin: 0px;
padding: 0px;
text-align: center;
font-size: 21px;

}
#content h3 {
font-size: 18px;
color: #fff;
background: #069 url(images/bluebar.jpg) no-repeat;
margin: 0px;
padding: 5px 0 5px 10px;
text-align: left;
}
#content img {
margin: 0 }
.antiquetractor {
margin: -200px 50px 0 10px;
float:right;
border:3px solid #666;
}

/*---LISTS------

#content ol { 
	width: 90%;
	margin: 10px 0px; 
	padding: 0px; 
	list-style-type: decimal;
	text-align: left;
	 
} 
#content ol li { 
	display: block;
	margin: 0px;
	padding: 4px;  
}
-*/

/*table--for Slideshows for Equipment---------------------------------*/

.gallery_equipment { 
   border-collapse: collapse; 
   width: 635px;
   background: #fff;
   margin: 0px 0 0 10px;
   border: solid 1px #ccc; 
} 
.gallery_equipment tr { 
   padding: 0px;
   
} 
.gallery_equipment td { 
   padding: 5px;
   font-size: 14px;
   text-align: left;
   vertical-align:top;
   border: solid 1px #ccc;
   width: 155px;
}







/*table--for Equipment Navigation---------------------------------*/

.tableequipment { 
   border-collapse: collapse; 
   width: 240px;
   background: #069;
   margin: 20px 4px 0 4px;
} 
.tableequipment tr { 
   padding: 0px;
} 
.tableequipment td { 
   padding: 5px 0;
   font-size: 14px;
   text-align: center;
   vertical-align: top;    
}

#rightcol {
width: 250px;
margin: -25px 0 0 0;
padding: 0;
float: right;
text-align: center;
color: #000;
background: #069;
}

#footer {
width: 980px;
float:left;
}

.tablefooter { 
   border-collapse: collapse; 
   width: 980px;
   margin: 0px;
   border: none;
   background-color: #fff;  
}  
.tablefooter tr { 
   padding: 0px;
} 
.tablefooter td { 
   padding: 5px 0px 5px 0px;
   font-size: 10px;
   text-align: left;
   vertical-align: top;
   border: none; 
}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-right: 20px;
	width: auto;
}	

.bgyellow {
background-color: #ff9;
}





