/* Fertilizer Sale CSS Document */

body {
margin-top: 0;
padding-top: 0;
background-color: #D5EDB3;
}
#bodydiv {
background-color:#FFFFFF;
width: 800px;
margin-top: 0;
margin-right:auto;
margin-left:auto;
padding: 0px;
border: 1px #CCCCFF solid;
font-family: Helvetica, Verdana, Arial, sans-serif;
}

/* this is not working right in Firefox for some reason -- too much white space being added at the top (presumably it has something to do with the h2 that is present in the html, swapped out for an image by the CSS); but it's working fine in IE7. So I have added the negative margin in the following for Firefox, but it's not an IE problem this time */

#headerdiv {
margin-top: -20px;
padding: 0px;
width: 800px;
height: 153px;
}

.headertext {
padding-top: 153px;
height: 0px;
overflow: hidden;
background-image: url(../../photos/images/horiz_green_grass_and_blue_sky.jpg);
background-repeat: no-repeat;
}

#leftcolumn {
width: 160px;
float: left;
background-color: #006400;
}

#rightcolumn {
width: 140px;
float: right;
}

#maincolumn {
padding: 0px 170px 5px 170px;
margin: 0;
font-family: Helvetica, Verdana, Arial, sans-serif;
font-size: 14px;
color: #000000;
line-height: 1.3em;
}

.dropcap {
float: left;
margin-top: 0px;
color:#00CC00;
font-size: 54px;
line-height: 38px;
padding-top: 5px;
font-family: Helvetica, Verdana, Arial, sans-serif;
} 

h1, h2, h3, h4, h5, h6 {
font-family:Georgia, "Times New Roman", Times, serif;
color:#660000;
line-height:1.1em;
}

#separatordiv {
height: 2px;
width: auto;
margin: auto;
padding: 0px;
border-bottom: 1px #CCCCCC solid;
}

#navdiv {
width:auto;
padding-top: 82px;
min-height:550px;

}

#navlist {
list-style-type:square;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:14px;
color:#FFFFFF;
}

li.nav {
padding-bottom:25px;
}

a.mainnav {
color:#FFFFFF;
text-decoration:none;
}

a.mainnav:hover {
color:#FFFF00;
}

a.thispage {
color:#FFFF00;
}

#navseparatordiv {
height: 2px;
width: auto;
margin-top:-5px;
padding: 0px;
border-bottom: 1px #000000 solid;
}

.signin {
padding-top:5px;
list-style-type:circle;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:14px;
color:#FFFFFF;
}

.copyright {
padding-top:4px;
width:100%;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:10px;
}

#logos {
padding-top:5px;
width:auto;
margin:auto;
}
#logos.spacer {
padding-left:10px;
}

.legend_heading {
font-size:16px;
font-weight: bold;
color:#000033;
font-family: Helvetica, Verdana, Arial, sans-serif;
padding-bottom:0.5em;
}
.highlight {
color:#00CC00; 
font-weight:bold;
}

.orderpage {
font-size:10px;
}

#fert {
	margin-left: 125px; 
	width: 600px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 14px;
	line-height: 1.2em;
}

#fert th, td {
	padding: 2px;
	margin: 0px;
}

#fert a {
	text-decoration: none;
}
#fert a:visited {
	color: #0000FF;
}

#fertprods {
	font-size: 11px;
}

#blockquote {
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 30px;
	color: #993300;
	font-weight: bold;
}
#product_table {
	font: 12px sans-serif;
}

.title {
	font-weight: bold;
	color: #993300;
}

#mapContainer {
  height: 600px;
  width: 800px;
  }
  
.err {
color:#FF0000;
}