/*This is the area that that contains sitewide styles*/

body {
	font-family: Verdana, Arial, Geneva, sans-serif;
	font-size: 12px;
	background-color:#006633;
	margin: 0px;
	padding: 0px;
	}
	
a {
	color: #006620;  
	font-family: Verdana, Arial, Geneva, sans-serif;	
	text-decoration: none;
	font-style: italic;
	border: none;
	padding: 0px;
	margin: 0px;
	}
	
a:hover {
	color: #000;
	text-decoration: underline;
	}
	
a img {
	border: none;
	margin: 0px;
	padding: 0px;
	}
	
	
a.techsheet {
	margin: 25px auto 25px auto;
	width: 250px;
	padding: 3px;
	padding-left: 0px;
	padding-right: 0px;
	display:block;
	background-color:#fffd9f;
	color:#000;
	font-size: 12px;
	text-decoration: none;
	border: 3px solid #be9242;
	text-align: center;
	font-weight: bold;
	font-style: normal;
	clear: both;
	}
	
a.removeClear 	{
	clear: none;
	}
	
a.techsheet:hover {
	background-color:#fffd9f;
	color:#060;
	}
	
h3 {
	color: #006633;
	font-size:14px;
	}
	
.iframeTooltip
{
	position: absolute;
	z-index: 1010;
	filter:alpha(opacity:0.1);
}

.tooltipContent
{
	background-color: #fff;
	width: 60px;
	padding: 2px;
	font-size: 10px;
}

.floatLeft {
	float:left;
	}
	
.floatRight {
	float:right;
	
	}
	
.alignLeft {
	text-align: left;
}

.alignRight {
	text-align: right;
	}

.emphasisCenter {
	font-weight: bold;
	text-align: center;
}

.emphasis {
	font-weight: bold;
	}

.emphasisUnderline {
	font-weight: bold;
	text-decoration: underline;
	}
	
.italisizeEmphasis  {
	font-style: italic;
	font-weight: bold;
	}
	
.italisize {
	font-style: italic;
	}
	
.center {
	text-align: center;	}

.centerImg {
	display: block;
	margin: 0px auto;
	}
	
.italicLargeBold {
	color:#000;
	font-style: italic;
	font-weight: bold;	
	font-size: 16px;
	}
	
	
.clearfloat { 
	clear:both;
	}

img.line {
	float: none;
	margin: 15px auto;
	display: block;
	}

/*Generic Table Styles*/

table {
	width: 300px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	border: 1px solid #000;
	border-collapse:collapse;
	background-color:#7fac71;
	}
	
table thead {
	font-size: 14px;
	font-weight: bold;
	color:#fff;
	text-align: center;
	}
	
table tbody {
	font-size: 12px;
	font-weight: normal;
	color: #000;
	}
	
table caption {
	font-size: 16px;
	font-weight: bold;
	text-align: left;
	padding-bottom: 10px;	
	}

table th {
	background-color: #006633;
	color:#FFF;
	text-align: left;
	vertical-align: bottom;
	padding: 3px;
	border: 1px solid #000;
	text-align: center;
}


table th.secondaryTableHeader {
	background-color:#7fac71;
	color: #000;
	font-size: 12px;
	}

table th.readData {
	background-color:#7fac71;
	color: #000;
	font-weight: normal;
	}

table th.readDataBold {
	font-weight: bold;
	text-align: left;
	background-color:#7fac71;
	color: #000;
	}
	
	
table th.readData a {
	color:#fff;
	}
	
table th.readData a:hover {
	color: #000;
	}	

table td {
	font-size: 12px;
	font-weight: normal;
	padding: 3px;
	text-align: center;
	border: 1px solid #000;
	}
	
table td.subHeader {
	font-size: 12px;
	font-weight: bold;
	font-style: italic;
	text-align: left;
	}

table tr.odd {
	background-color:#ffffcc;
	}


	
/*these are the general styles for smaller tables*/

table#smallTable {
	width: 160px;
	margin-top: 6px;
	margin-bottom: 30px;
	margin-left: 100px;
	border: 1px solid #000;
	background-color:#ffffcc;
	}
	
table#smallTable thead {
	font-weight: bold;
	color:#000;
	}
	
table#smallTable tbody {
	font-size: 12px;
	font-weight: normal;
	
	}
	
table#smallTable caption {
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	padding: 4px;
	color:#006633;
	}

table#smallTable th {
	text-decoration: underline;
	background-color: #ffffcc;
	color:#000;
	text-align: center;
	vertical-align: bottom;
	padding: 4px;
	border: 1px solid #ffffcc;
}

table#smallTable td {
	font-size: 12px;
	font-weight: normal;
	padding: 3px 6px ;
	text-align: left;
	border: 1px solid #ffffcc;
	}
	
table#smallTable td.subHeader {
	font-size: 12px;
	font-weight: bold;
	font-style: italic;
	}
	
/*Another Variation of the above smallTable*/	

table#smallTableSecond {
	width: 296px;
	margin-top: 6px;
	margin-bottom: 30px;
	margin-left: 30px;
	border: 1px solid #000;
	background-color:#ffffcc;
	}
		
table#smallTableSecond tbody {
	font-size: 12px;
	font-weight: normal;
	}
	
table#smallTableSecond caption {
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	padding: 3px;
	color: #006633;
	}

table#smallTableSecond th {
	background-color: #ffffcc;
	text-decoration: underline;
	color:#000;
	text-align: left;
	vertical-align: bottom;
	padding: 3px;
	border: 1px solid #ffffcc;
	width:90px;
}

table#smallTableSecond td {
	font-size: 12px;
	font-weight: normal;
	padding: 3px 5px;
	text-align: left;
	border: 1px solid #ffffcc;
	}
	
table#smallTableSecond td.subHeader {
	font-size: 12px;
	font-weight: bold;
	font-style: italic;
	}
	
table#smallTableSecond td.astrick {
	font-size: 10px;
	text-align: left;
	}
	
/*NOTE: To design a table different than the above default, simply give the table an "id" and then copy the following styles to the appropriate stylesheet, 
replacing "id" with the appropriate "id".

table#id {
	width:;
	background:;
	}
	
table#id thead {
	color:;
	}
	
table#id tbody {
	color:;
	}
	
table#id caption {
	color:;
	}

table#id th {
	background-color:;
	}

table#id td {
	color:;
	padding:;
	}
	
table#id tr.odd {
	background-color:;
	}

table#id tr:hover {
	background-color:;
	}
*/


/*This is the div that wraps around everything for positioning purposes*/

#wrapper {
	background-color:#006633;
	text-align: left;
	width: 100%;
	}
		
	
/*This is the next region that contains the SmithSeed logo header and contents*/
		
#header1Wrapper{
	width: 100%;
	min-width: 1307px;
	height: 130px;
	background: url(../images_and_loops/other%20images/backgrounds/header.png);
background-repeat: repeat-x;
/*	border-bottom: 5px solid #000;
*/	}	
	
#header1 {

margin: 0px auto;
width: 100%;	}
	
#header1 img.floatLeft {
	padding-top: 3px;
	padding-left: 4px;
	}
	
#header1 img.floatRight {
	}
	
#header1 h1{
	float: left;
	padding-top: 35px;
	padding-left: 25px;
	font-size: 30px;
	font-weight: 400;
	color: #006633;
	font-style: italic;
	}

/*This is the subheader region*/

#header2Wrapper{
	background-image:url(../images_and_loops/other%20images/bnrbg.gif);
	margin: 0px auto 20px auto;
	padding: 0px;
	width: 100%;
	min-width: 1292px;
	clear: both;
	}	

#header2 {
	background-image:url(../images_and_loops/other%20images/bnrbg.gif);
	color: #ffffcc;
	height:86px;
	padding: 0px;
	width: 1292px;
	margin: 0px auto;
	}
	
#header2 h1 {
	margin:0px;
	padding: 0px;
	padding-top: 27px;
	padding-left: 20px;
	float: left;
	}
	
#header2 img, #header2 #FlashID {
	border: 2px solid #000;
	}

	
#hiddenContent {
	width: 158px;
	height: 82px;
	background-color:#006633;
	border: 2px solid #003333;
	}
	
#hiddenContent p {
	font-size: 10px;
	text-align: center;
}

/*This is the div that wraps around the rest of the content on the page, including the subheader, nav, content and sidebar regions*/

#mainContentWrapper{
	
	width: 1292px;
	margin: 0px auto;
	padding: 0px;
	text-align: left;
	}


	
/*This is the main navigation region on the left*/
	
#greenBar {
height: 14px;
}
	
#mainNav {
	float:left;
	width: 175px;
	background-color:#fffffc;
	
	-webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.7);
	-moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.7);
	box-shadow: 0px 0px 4px rgba(0,0,0,0.7);
	}
	
#mainNav h3 {
	padding: 5px 10px;
	margin: 0px;
	display:block;
	background-color:#003333;
	color:#fff;
	font-size: 14px;
	width: 155px;
	height:20px;
	}
	
#mainNav h3 a {
	text-decoration: none;
	color:#fff;	
	font-style:normal;
	} 
	
#mainNav ul {
	list-style-type:none;
	margin: 0px;
	padding: 10px 0px 20px 0px;
	font-size: 12px;	
	font-weight:bold;
	width:175px;
	}
	
#mainNav ul a{
	text-decoration: none;
	width: 155px;
	height: 18px;
	display: block;	
	padding: 5px 10px;
	font-style:normal;
	}
	
#mainNav h3 a:hover {
	
	}

#mainNav ul a:hover, #mainNav  a.current {
	color: #fff;
	background-color:#73AF70;
	
	}

#mainNav ul a.menuSplit {

margin-top:0px;
	}
	
#mainNav img.menuSplitLine {
	margin: 10px 10px;
	}

/*This is the wrapper for the content below the subheader region*/

#mainContent {
	background-color:#fff;
	margin-right: 0em;
	margin-left: 16em;
	height: auto;
	width: 820px;
	padding: 15px; 
	
	}


/*This is the div that contains the text in the center region*/

	
#content {
	width: 800px;
	padding: 10px;
	margin: 0px auto;	
	background-color: #fff;
/*	border: 3px solid #000;
*/	}


	
/*This is the region for the secondary navigation which is under the text on the center of the page. The secondaryNavWrapper functions to contain the secondary navigation. It also acts as a border around the items.*/

#secondaryNavWrapper{
	height: 261px;
	width: 656px;
	padding: 0px;
	margin: auto;
	margin-bottom: 25px;
	border: 2px solid #000;
	}
	
	
	
#secondaryNav {
	width: 162px;
	display: block;
	margin: 0px;
	padding: 0px;
	float: left;
	background-color: #FFF;
	border: 1px solid #000;
	height: 260px;
	border-collapse: collapse;
	
	}
	
#secondaryNav a.link {
	display: block;	
	padding: 2px;
	margin-bottom: 2px;
	color: #fff;
	font-weight: bold;
	font-size: 14px;
	text-align: center;
	background-color:#006633;
	text-decoration: none;	
	border-top: 2px solid #000;
	border-bottom: 2px solid #000;
	font-style: normal;
	
	}


#secondaryNav img {
	text-align: center;
	height: 86px;
	width: 162px;
	margin: 0px;
	padding: 0px;
	}
	
#secondaryNav a {
	font-weight: bold;
	}
	
#secondaryNav a.link:hover {
	color: #fffd99;
	}
	
	
#secondaryNav p {
	color: #333333;
	margin: 4px;
	line-height: 1.2em;
	font-size: 12px;
	}
	
#secondaryNav ul {
	color: #333333;
	list-style: none;
	margin: 4px;
	padding: 3px;
	padding-bottom: 0px;
	text-align: left;
	}
	
#secondaryNav ul li {
	padding-bottom: 4px;
	}

/*These styles are used if a new row is needed for the SecondaryNavigatio. nIf the new row contains less than 4 sections, you will have to adjust the width of the wrapper to achieve the border effect. This is done with the given class, as it will allow you to determine the width of any row that is less than 4 sections.*/

#secondaryNavWrapper2{
	height: 302px;
	padding: 0px;
	margin: auto;
	margin-top: 20px;
	border: 2px solid #000;
	width: 328px;
	
	}
	
.widthHeightSNOddRow {
	width: 328px;
	}
	
/*This section applys to the Seed page. The styles are similar to the above with a couple minor changes.*/	



#secondaryNavWrapper.seed{
	height: 302px;
	width: 492px;
	padding: 0px;
	margin: auto;
	margin-bottom: 25px;
	border: 2px solid #000;
	}
	
	
	
#secondaryNav.seed {
	width: 162px;
	display: block;
	margin: 0px;
	padding: 0px;
	float: left;
	background-color: #FFF;
	border: 1px solid #000;
	height: 300px;
	border-collapse: collapse;
	
	}
	
	
/*This section applys to the Index page. The styles are similar to the above with a couple minor changes.*/


#secondaryNavWrapper.index {
	width: 492px;
	}	
	
#secondaryNavWrapper.index2 {
	width: 492px;
	}	
	
#secondaryNav.ContractProduction	{
		width: 656px;
		height: 90px;
		margin-left: -2px;
		border: 2px solid #000;
	}
	

#secondaryNav .linkContractProduction	{
	display: block;	
	padding: 2px;
	margin-bottom: 2px;
	color: #fff;
	font-weight: bold;
	font-size: 14px;
	text-align: center;
	background-color:#006633;
	text-decoration: none;	
	border-left: 1px solid #000;
	border-bottom: 2px solid #000;
	border-right: 1px solid #000;
	font-style: normal;
	height: 20px;
	}


		
/*This section applys to the Packaging page. The styles are similar to the above with a couple minor changes.*/

#secondaryNavWrapper.packaging {
	height: 514px;
	}
#secondaryNav.packaging {
	height: 512px;
	}
	
#secondaryNav.packaging h3 {
	padding: 4px;
	margin-top: 0px;
	margin-bottom: 2px;
	color: #fff;
	font-weight: bold;
	font-size: 12px;
	text-align: center;
	background-color:#006633;
	text-decoration: none;	
	border-bottom: 2px solid #000;
	border-top: 2px solid #000;
	height: 42px;
	}
		
/*This is the sidebar region on the right side of the page.*/
	
#sidebarWrapper{
	float: right;
	width: 220px;
	margin: 0px 15px;
	font-family:Verdana, Arial, Geneva, sans-serif;
	}

#sidebar {
	background-color:#fffffc;
	margin-bottom: 15px;
	padding-bottom: 10px;
	width:220px;
	
		-webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.7);
	-moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.7);
	box-shadow: 0px 0px 4px rgba(0,0,0,0.7);
	}
	
#sidebar h3 {
	padding: 7px;
	margin: 0px;
	display:block;
	background-color:#003333;
	color:#fff;
	font-size: 13px;
	text-align:center;
	}
	
#sidebar h4 {
	color: #003333;
    font-family: "Lucida Sans",sans-serif;
    font-size: 16px;
    font-weight: normal;
	padding-bottom: 10px;
	}
	
#sidebar p {
	font-size: 12px;
	text-align: center;
	margin: 10px 10px 0px 10px;
	line-height: 1.4em;
	
	}
	
#sidebar p.italisize {
	text-align: left;
	}
	
#sidebar img, #sidebar a img {
	margin: 10px auto;
	display: block;
	}
	
	
/*Home*/

#home {
	background-color:#006633;
	width: 690px;
	margin: 0px auto;
	margin-top: 35px;
	padding-top: 10px;
	text-align: center;
	}
	
#homeHeader {
	background-color: #FFF;
	border: 2px solid #000;
	width: 670px;
	margin: 0px auto;
	height: 125px;	
	}

#homeHeader img {
	padding-top: 5px;
	}

#homeTextOne {
	padding: 0px;
	width: 690px;
	margin: 0px auto;
	
	}	
	
#homeTextOne p {
	font-style: italic;
	color: #FF9;
	font-size:12px;
	}	
	
#homeTextOne .homeQuote	{
	width: 235px;
	float: left;
	padding-top: 5px;

	}

#homeTextOne .italicLargeBold {
	color: #FF9;
	font-style: italic;
	font-weight: bold;	
	font-size: 16px;
	}

#homeTextTwo {
	background-color:#FFF;
	width: 670px;
	margin: 0px auto;
	border: 2px solid #000;
	padding-bottom: 15px;
	margin-top: 20px;
	}	
	
#homeTextOne .largerFont {
	font-size: 16px;
	font-weight: normal;
	}
	
#homeTextTwo .largerFont {
	font-size: 16px;
	font-weight: normal;
	}

#homeImage {
	margin: 10px;
	border: 1px solid #000;
	}	
	
.copyright {
	padding-bottom: 10px;
	color: #FF9;
	}	
	
/* Planting Instructions */

#plantingInstructions #titleRegion {
	height: 140px;
	}

#plantingInstructions #titleRegion img {
	margin: 0px auto;
	display: block;
	}

#plantingInstructions #titleRegion h1 {
	font-size: 20px;
	margin: 0px;
	margin-left: 15px;
	padding:0px;
	text-align: center;
	padding-top: 10px;
	}


 #plantingInstructions h3 {
	margin-left:15px;
	margin-top: 25px;
	font-size: 16px;
	}

#plantingInstructions p {
	margin: 15px;
	margin-right: 25px;
	}
	

	
	
/*Bag Division*/

#content.bagDivision img {
	 padding: 5px;
	}

#content.bagDivision .italisizeEmphasis {
	text-align: center;
	}

#content.bagDivision img.bagHeader	{
	margin-left: 50px;
	}
	
#content.bagDivision li, #content.warehousing li  {
	padding: 7px;
	}	
	
/*Company*/


#content.company img.line {
	margin-top: 25px;
	margin-left: 25px;
	}
	
#content.company img {
	margin-left: 160px;
	}
	
#content.company img.floatRight {
	margin: 15px;
	}
	
#content.company h2 {
	font-style: italic;
	color:#003333;
	font-size:18px;
	font-weight: normal;
	font-family: "Lucida Sans", sans-serif;
	}
	
#content.company h3 {
	font-style: italic;
	color:#003333;
	font-size:18px;
	font-weight: normal;
	font-family: "Lucida Sans", sans-serif;
	margin-bottom: -15px;
	margin-top: 25px;
	}
	
#content.company #intro, #content.company #history {
	padding-left: 25px;
	padding-right: 25px;
	}
	
#sidebarTwo h4 {
	color:#003333;
	font-size:16px;
	font-weight: normal;
	font-family: "Lucida Sans", sans-serif;
	}	

/*Coating*/

#content.coating {
	
	padding: 0px;
	padding-bottom: 10px;
	}
	
#content.coating img.line {
	float: none;
	width: 700px;
	margin-left: 40px;
	margin-top: 5px;
	margin-bottom: 0px;
	}
	
#content #nitrocoatHeader {
	width: 700px;
	margin-left: 40px;
	}
	
#content #advantages {
	margin-bottom: 50px;
	width: 330px;
	margin-left: 40px;
	margin-top: 25px;
	float: left;
	}	
	
#content #advantages.advTwo	{
	margin-bottom: 25px;
	}
	
#content #advantages.advThree	{
	margin-bottom: 25px;
	float: none;
	width: 700px;
	margin-left: 40px;
	}	
	

	
#content.coating p {
	padding-left: 10px;
	padding-right: 10px;
	}	
	
#content.coating img.center {
	margin-left: 225px;
	padding-top: 25px;
	}	
	
.alignRightItalic {
	text-align: right;
	margin-left:10px;
	font-style: italic;
	}	

#coatingH1 {
	font-size: medium;
	font-weight: bold;
	color: #fff;
	background-color:#006633;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	margin-bottom: -15px;
}

.coatingH2 {
	font-size: 16px;
	font-weight: bold;
	color: #006633;
}

.coatingH3 {
	font-size: 18px;
	font-weight: bold;
	color: #006633;
}

.nitrocoatSubHeaderTxt {
	font-size: 14px;
	}

.nitrocoatWord {
	color: #006633;
	font-weight: bold;
	}
	
#coatingTextWrapper {
	width:330px;
	height: auto;
	}	


#coatingText {
	width: 310px;
	padding: 10px;
	margin-top: 15px;
	}	
	
#content #advantages.advThree #coatingTextWrapper {
	width: 700px;
	} 
	
#content #advantages.advThree #coatingText {
	width: 480px;
	float: left;
	margin-top: 15px;
	margin-left: 15px;
	} 
	
#content #advantages.advThree #nitrocoatHeader.coatingTxtSubHeader {
	width: 700px;
	float: none;
	margin: 0px;
	padding: 0px;
	margin-top: 30px;
	}		
	
#content #advantages.advThree #nitrocoatHeader.coatingTxtSubHeader p  {
	padding: 0px;
	font-size: 14px;
	margin: 0px;
	margin-left: 10px;
	}
	

	
.coating img {
	padding: 5px;
	}

#content.coating img.omniImg {
	float: right;
	padding: 10px;
	}
	
.coating #fillerImg {
	position: absolute;
	top: 1080px;
	left: 272px;
	width: 193px;
	height: 148px;
}
	
#coatingImages {
	width: 170px;
	padding-top:10px;
	}	
	
#coatingImages img {
	padding-top: 5px;
	margin-left: 13px;
	}	
	
#coatingImages.moreAdvImg {
	float: left;
	margin-top: -5px;
	margin-bottom: 25px;
	}





/*Warehousing*/

#content img.warehousingHeader {
	margin-left: 125px;
	}

/*ReasourceLibrary*/



#content.library ul {
	margin-top: 10px;
	}	
	
#content.library li {
	list-style: none;
	padding: 2px;
	}	

#content.library li a {
	font-weight: bold;
	}	
	
.googleSearchTextBox {
	margin: 10px;
	}
	
#content.library table#newsletters {
	width: 500px;
	text-align: left;
	background-color: #ffffcc;
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	}	
	
table#newsletters caption#newslettersHeader{
	font-size: 20px;
	text-align: center;
	}

table#newsletters th {
	font-size: 16px;
	}
	
	
table#newsletters ul  {
	padding: 0px;
	margin: 0px;
	text-align: left;
	padding-left: 10px;
	font-size: 14px;
	padding-bottom: 10px;
	font-style: normal;
	font-weight: bold;
	}	


	
table#newsletters tr:hover {
	background-color: #ffffcc;
	}	
	
	
	
	
	
/*This is the footer region*/
	
#footer{
	float: left;
	width: 100%;
	min-width: 1292px;
	background-color:#006633;
	text-align: center;
	color:#ffffcc;
	padding: 0px;	
	height: 35px;
	}
#sidebar p.alignRight {
	text-align: right;
}