/* *************    the big stuff    ************* */
body{ background-color:#103334; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:small; color:#FFFFFF;}
.header{ width:754px; margin-left: auto; margin-right: auto; border:solid #FFFFFF 1px; background-color:#EF2400;}
.navigation{ background-color:#103334; width:754px; margin-left: auto; margin-right: auto; border-style:solid; border-width:0 1px; border-color:#FFFFFF;}
.imagepadding{ padding-left:40px;  padding-top:29px;}
.container{ width:754px; margin-left: auto; margin-right: auto; border-left:solid #FFFFFF 1px;  border-right:solid #FFFFFF 1px;  display: table; background-color:#EF2400;}



/* *************  pea green webdesign page    ************* */


.sidebar
{text-align: left;
  padding:0 ;
  width:150px; float:left;
  
}
.main
{text-align: left;
  padding:10px; 
  background:#999A0E;
  margin-left:150px; border-left:solid #FFFFFF 1px; min-height:170px;

}

a:link.nav, a:visited.nav
	{
	background-color: #103334;
	color: #ffffff;
	line-height: 12px;
	margin: 2px 2px 2px 2px;
	padding: 5px 2px 5px 2px;
	text-decoration: none;
	width: 142px;
	float:left;
	clear:both;
	border-bottom:solid #FFFFFF 1px;
	
	
}

a:hover.nav
	{
	background-color: #999A0E;
	color: #ffffff;
	line-height: 12px;
	margin: 2px 2px 2px 2px;
	padding: 5px 2px 5px 2px;
	text-decoration: none;
	border-bottom:solid #FFFFFF 1px;	
		
	
}
#hover.nav
	{  /* the # makes it an id identifier. using this for the php bit */
	background-color: #999A0E;
	color: #ffffff;
	line-height: 12px;
	margin: 2px 2px 2px 2px;
	padding: 5px 2px 5px 2px;
	text-decoration: none;
	border-bottom:solid #FFFFFF 1px;	
		
	
}

a:active.nav {
	background-color: #D8C008;
	color: #000000;
	margin: 2px;
	padding: 5px 2px 5px 2px;
	border-bottom:solid #FFFFFF 1px;
}

.title{ background-color:#A60000; width:754px; margin-left: auto; margin-right: auto;  border:solid #FFFFFF 1px; height:100px;}

.content{width:674px; background-color:#EF2400; padding:30px 40px 10px 40px; min-height:150px;float:left; }
 /* for Internet Explorer min-height hack*/
/*\*/
* html .content {
height: 170px; width:674px;
}
/**/
.leftcol{ width:320px;  padding-right:15px; float:left; margin:0; }
.rightcol{ width:320px; float:right; margin:0;}



.footerimagebar{border-left:solid #FFFFFF 1px;  border-right:solid #FFFFFF 1px; margin:auto; width:754px; background-image:url(http://www.sunnysidefarm.biz/images/footer.jpg);}

.footer{ clear:both;  background-color:#A60000; width:754px; margin-left: auto; margin-right: auto; border-style:solid; border-width:1px 1px 1px 1px; border-color:#FFFFFF; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#FFFFFF; line-height:24px;}


/* *************    footer email link    ************* */ 

.footeremail{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#FFFFFF; text-decoration:none;}
a:visited.footeremail{color:#FFFFFF; text-decoration:none;}
a:hover.footeremail{color:#FFFFFF; text-decoration:none; background-color: #0000CC;}
a:active.footeremail{color:#FFFFFF; text-decoration:none; background-color: #FF00CC;}

/* *************    navigation links    ************* */   

.navlink{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#FFFFFF; text-decoration:none; padding-left:10px; padding-right:10px; line-height:30px;}
a:visited.navlink{color:#FFFFFF; text-decoration:none;}
a:hover.navlink{color:#FFFFFF; text-decoration:none; background-color: #0000CC;}
a:active.navlink{color:#FFFFFF; text-decoration:none; background-color: #FF00CC;}

/* *************    body links (white)   ************* */   

.bodylink{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#FFFFFF; text-decoration:none;}
a:visited.bodylink{color:#FFFFFF; text-decoration:none;}
a:hover.bodylink{color: #FFFF00; text-decoration:none;}
a:active.bodylink{color:#FFFFFF; text-decoration:none; }

/* *************    dashed links    ************* */  

.dashlink{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:small; color:#FFFFFF; text-decoration:none; border-bottom: dashed 1px #FFFFFF;}
a:visited.dashlink{color:#FFFFFF; text-decoration:none;}
a:hover.dashlink{color:#FFFFFF; text-decoration:none; border-bottom: solid 1px #FFFFFF;}
a:active.dashlink{color:#FFFFFF; text-decoration:none;}

/* ***************  title in shop  *************** */
.shoptitle{ background-color:#A60000; padding:2px 0 2px 10px; font-weight:bold; color:#FFFFFF;}

.hide{ display:none;}

/* *************    contact form    ************* */ 

.contactform {  /* set width in form, not fieldset (still takes up more room w/ fieldset width */
  font:100% verdana,arial,sans-serif;
  margin: 0;
  padding: 0;
  width: 320px;
}

.contactform fieldset {
 
   margin: 0; border:dotted 1px #ffffff; padding:10px;
  
}

.contactform label { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 100px; 
	padding: 0; 
	margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right; 
}


.contactform fieldset legend {
	font-size:1.1em; font-weight:bold; color:#ffffff; /* bump up legend font size, not too large or it'll overwrite border on left */
                       /* be careful with padding, it'll shift the nice offset on top of border  */
					   background-color:#A60000; border:solid 1px #F46C53;
}

.contactform input, form textarea {
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	width:auto;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin:5px 0 0 10px; /* set margin on left of form elements rather than right of
                              label aligns textarea better in IE */
}

.contactform input#reset {
	margin-left:0px; /* set margin-left back to zero on reset button (set above) */
	
}

.contactform textarea { overflow: auto; }

.contactform small {
	display: block;
	margin: 0 0 5px 100px; /* instructions/comments left margin set to align w/ right column inputs */
	padding: 1px 3px;
	font-size: 88%;
}

.contactform br {
	clear:left; /* setting clear on inputs didn't work consistently, so brs added for degrade */
}