/* CSS Document */


* {margin:0; padding:0;}

/*------------ DEFAULT STYLES FOR MAIN BODY AND LINKS ------------------*/

		body
		{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px; color:#666666; background-color:#F4FFE4; line-height:1.3em; max-width:1280px; margin-left:auto; margin-right:auto;
		}
		
		a:link { color:#003366; font-size:1em; }
		a:visited { color:#993399 }
		
		a:hover, a:active
		{
			color: #fff;
			background-color:#FF0000;
		}
		
		.small_font{
		color:#999999;
		font-size:1em;
		line-height:1.5}
		


/*------- BANNER STYLE(S) -----------------*/

/* Top Banner */
		div#banner
		{
			
			background-color: #CFE079;;
			border-left: 1px solid #999;
			border-right: 1px solid #999;
		}

/* Dark green strip holds bottam half of tractor and text */
#top_strip {width:99.9%; 
		height:28px; 
		background-color:#084e43;
		border-left:#CCCCCC solid 1px;
		margin-top:0; padding-top:0; text-decoration: none; overflow:hidden; padding-bottom:0px; margin-bottom:0px; border-left:1px solid #999; border-right:1px solid #999;}
		


/* bottom half of tractot */
div#top_strip #lft_img{float:left; clear:none;}


/* Banner Image - samco & shrim logo */
		div#banner #ss_img{
		float:right;
		padding-right:2em; padding-bottom:0px; border:none;
		}

		div#banner #hdr_img { margin-bottom:-3px; padding-bottom:0px; border:none; font-weight:normal;}


/* 	CONTAINERS----------------------------------------------------------------------------------*/


/* Main Container with left Faux column image */		
		div#container
		{
/*			background-image:url(navigation/left_base.jpg); */
			background-image:url(images/more_col_base.jpg);
			background-repeat: repeat-y;
			border-left:#999 1px solid; min-height:477px;
		}

/* Main Container with right Faux column image */		
		div#container2
		{
			background-image:url(images/more_col_base.jpg);
			background-repeat: repeat-y; border-right:#999 1px solid;
			background-position: right; z-index:1; text-align:center; min-height:477px;
			
		}


		div#container3
		{ 	background-image:url(images/map_col_base.jpg);
			background-repeat: repeat-y; border-right:#999 1px solid;
			background-position: right; z-index:1; text-align:center; min-height:477px;
	     	
		}
	

/* member login center container */
div#centre_login{ border:#999999 1px solid; height:200px; width:500px; margin-left:auto; margin-right:auto;}

/* ----------  NAVIGATION STYLES -------------------*/

/* Default Navigation Style */
		div#navigation
		{
			float: left;
			width: 207px;
			margin-left:0px; margin-right:0px; margin-top:-2em; list-style-type:none;
		}

/* Navigation Un-ordered List */
		div#navigation ul
		{	margin-top:2em;
			list-style-type: none;
			padding: 0;
			margin-left:0px; padding-left:0px; float:left; width:207px;
		}

/* Navigation Un- ordered List Element */
		div#navigation ul li { 
		margin-top: 0px;
		font-size:11px; color:#084e43; letter-spacing:0.1em; border-right:#084e43 solid 1px; font-weight:bold;
		margin-left:0px; padding-left:0px; float:left; width:207px; position:relative;
		}

/* Navigation link - this control appearance, text and text position of the main navigation */		
		#navigation ul li a
		{
			display: block;
			width: 207px;
			padding: 4px 0px 4px 0px;
			text-decoration: none;
			color:#084e43; border-bottom:#084e43 solid 1px; float:left; margin-left:0px;
		}
		

/* Default ID Navigation hover - determines rollover on mouse-over */
		#navigation ul li a:hover
		{
	color:#993300;
	background-color:#FFF;
	border-right:#993300 solid 1px;
	width:207px;
	border-bottom:#993300 solid 1px;
	float:left;
	margin-left:0px;
	padding-left:0px; display:block;
		}
	
/* sub menu pop-out menu  */

div#navigation ul ul
		{	margin-top:0em;
			list-style-type: none;
			padding: 0;
			margin-left:0px; padding-left:208px; float:left; width:207px; border-bottom:#084e43 solid 1px; border-top:none; 
			}


/* sub menu pop-outs */
 #navigation ul ul li {
	position:relative;
	background-color:#f4ffe4; 
	display:block; border-left:#084e43 solid 1px; border-top:#084e43 solid 1px; 
	}

/* sub menu pop-outs */
 #navigation ul ul li:hover ul, li.over ul { 
	display: block; 
	}



/* Default image position within Images column */
		.image_lft{ padding-left:0px; padding-right:0px;
		padding-top:0px; padding-bottom:0px; margin-top:0px; padding-top:0px;
	     }





/*----------- IMAGES COLUMN ON RIGHT ----------------*/

/* Default settings for Images column */
		div#images
		{
			float: right;
			width: 210px;
			margin: 0;
			font-size:11px;
			color:#993300; letter-spacing:0.1em; text-align:center; margin-bottom:0px; padding-bottom:0px;
	    	}
		
		/* Default settings fortext on right of contact us */
		div#map_text
		{ padding-top:30px; float: right;
			width: 250px;
			margin: 0;
			font-size:13px; font-weight:bold;
			color:#993300; text-align:center; margin-bottom:0px; padding-bottom:0px;
	    	}
		
		
/* Default image position within Images column */
		div#images img{ padding-right:3px;
		padding-bottom:10px;
		padding-top:10px;
	     }
		

		

/* ------------------MAIN CONTENT ------------------------------ */

		div#content
		{
			margin-left: 220px;
			margin-right: 220px;
			padding: 0 1em 0 1em;
			margin-left:0px;
			line-height: 130%;
		font-size:1em; overflow:hidden; max-width:860px; text-align:left;
		}

		div#content ul { list-style-type:none; list-style-position:inside; display:block;}
		div#content li {margin-left:10px; text-align:left; float:left; color:#666666; width:auto;}


/* Default position as liquid centre - variation in list used in WhatWeBuy */
		div#content1
		{
			margin-left: 220px;
			margin-right: 220px;
			padding: 0 1em 0 1em;
			margin-left:0px;
			line-height: 130%;
		font-size:1em; overflow:hidden; max-width:860px;
		}
		
		div#content1 ul {
	list-style-image:url(images/dot.gif);
	list-style-position:inside;
	display:block;
}
		div#content1 li {margin-left:10px; text-align:left; float:left; color:#666666; min-width:140px; max-width:180px; text-align:left;}


/* Default position as liquid centre */
		div#content_map
		{
			margin-left: 220px;
			margin-right: 320px;
			padding: 0 1em 0 1em;
			line-height: 130%;
		font-size:1em;
		width:auto; text-align:left;		}
		
		
/* Default position as liquid centre */
		div#content_members
		{
			margin-left: 220px;
			margin-right: 220px;
			padding: 0 1em 0 1em;
			line-height: 130%;
		font-size:1em;
		width:auto; text-align:left;		}		
		


/* Default position as liquid centre */
		div#content_admin
		{
			margin-left: 220px;
			margin-right: 20px;
			padding: 0 1em 0 1em;
			line-height: 130%;
		font-size:1em;
		width:auto; text-align:left;}
				

/* CONTENT FONT STYLES */

/* Content default text style */ 		
		div#content .base_img {
	vertical-align:baseline;
	padding:0 0 0 0;
	overflow:hidden;
	padding-right:0px;
		  }
		

/* base image */


/* Content Heading Styles - defined as classes for re-use within the content section */

/* H1 Double size font - dark green as per h2 but no top padding */

h1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:15px;
	font-style:italic;
	font-weight:bold;
	color:#084e43;
	margin-top:0px; margin-bottom:9px;
	white-space: normal;
	padding: 0px;
}

h2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:15px;
	font-style:italic;
	font-weight:bold;
	color:#084e43;
	margin-top:8px; margin-bottom:9px;
	white-space: normal;
	padding: 0px;
}

h3 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	font-style:italic;
	font-weight:bold;
	color:#993300;
	margin-top:0px; margin-bottom:9px;
	white-space: normal;
	padding: 0px;
}



/* prevent images butting up to text */ 
		
		div#content img{
	padding-bottom:0em;
	padding-top:0.5em;
	margin-right: -20px;
}

/* clip images on smaller sreen */
.imgClip{overflow:hidden}

/* used on table in WhatWeBuy to improve defenition */
.tbl_b{border-left:#993300 1px solid; padding-left:8px;}




.lg_green{	font-family:Verdana, Arial, Helvetica, sans-serif;
		color:#084e43;
		font-weight:bold; }
		
.lg_orange{ font-family:Verdana, Arial, Helvetica, sans-serif;
		color:#993300;
		font-weight:bold; font-size:13px;}
		
.gr_font{font-family:Verdana, Arial, Helvetica, sans-serif;
		color:#666;
		font-size:13px; line-height:1.3em}


/* ----------- CLEARS FLOATS ----------------*/
		#cleardiv
		{
			clear: both;
			height: 1em;
		}
		
/* ------------FOOTER STYLES ----------------*/
		div#footer
		{
			clear: both;
			padding: .5em 1em;
			border-top: 1px solid #999;
			text-align:center;
			color:#993300;
			line-height:1.5em;
		}
		
		div#footer ul
		{
			padding: 0;
			margin: 0;
			list-style-type: none;
		}
		
		div#footer li
		{
			display: inline;
			margin-right: 1em;
		}
		
#banner #top_strip h4 {
	color: #F4FFEA;;
	letter-spacing:.1em;
	font-size:13px;
	text-align:right;
	padding-right:2.5em;
	font-weight:normal;
}

/* text in dk green strip 
h4{
	color: #F4FFEA;
	letter-spacing:.1em;
	font-size:13px;
	text-align:right;
	padding-right:2.5em;
	font-weight:normal;
}*/

#trickyweb{ color:#999; float:right;font-family:Georgia; line-height:22px; font-size:10px;}
#trickyweb a{text-decoration:none; color:#999}
#trickyweb a:hover{background-color:#F4FFE4; text-decoration:underline; color:#666}


