/* this stylesheet made for johnson farms inc. has been adapted from multiple sources
why reinvent the wheel? 

everything you need is here! 
http://www.dezwozhere.com/links.html

*/


/* B A S I C S */

body {
background-image:url(images/background_image_wtags.jpg);
background-position: top left;
background-repeat:repeat-y;
background-color:#c5f6a2;
font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#00343e;
line-height: 1.5em;
margin: 0px;
}
h1 {
font-size: 170%; font-weight:normal;
margin-bottom: 30px;
}
h2 {
font-size: 150%; font-weight:normal;
}
h3 {
font-size: 130%;
font-weight:normal
}
p {
margin-top: 0;
}
ul {
margin: 0 0 0 15px;
padding: 0;
list-style-type: square;
}
a {
text-decoration:underline;
} 
a:link {
color:#339900
} 
a:visited {
color:#339900
} 
a:hover,a:active {
text-decoration: none;
color: #FFF;
background-color:#00333e;
} 


/* H E A D E R */
#homeheader {
	background-image:url(images/johnsonfarms_header_static.jpg);
	background-repeat: no-repeat;
 	background-position: top left;
	width: 778px;
	height: 233px;
	margin: 0;
	padding: 0;	
}
#homeheader h1	{
	display: none;	
	text-indent: -9999px;
	margin: 0;
	padding: 70px 0 0 0;
	border: 0;
	}
#homeheader h1 a:link, h1 a:visited, h1 a:hover{
	display: none;	
	background: none;
	width: 197px;
	height: 82px;
	margin: 0;
	padding: 0;
	}

#headerSecondary {
	background-image:url(images/secondary_header.jpg);
	background-repeat: no-repeat;
 	background-position: top left;
	width: 778px;
	height: 110px;
	margin: 0;
	padding: 0;	
}
#headerSecondary h1	{
	text-indent: -9999px;
	margin: 0;
	padding: 0;
	border: 0;
	}
#headerSecondary h1 a:link, h1 a:visited, h1 a:hover{
	display: block;	
	background: none;
	width: 197px;
	height: 110px;
	margin: 0 0 0 0px;
	padding: 0;
	border: 0;
	}
	
/* N A V  */
div#navcontainer
{
	position:relative;
	left: 0px;
	height: 42px;
	width: 778px;
	background-image:url(images/nav_back_test.gif);
}
  
/* C O N T E N T */
div#wrapper
{
clear:left;
text-align: left;

width: 778px;
background-color:#c4f5a1;
border-bottom: 3px solid #7f999e;
}
div#content
{
float:left;
width: 778px;
background-image:url(images/main_content_back.gif);
background-repeat:repeat-y;
background-color:#c4f5a1;

}
div#contentGallery
{
float:left;
width: 778px;
background-color:#fff;

}
div#homeWelcome
{

float:left;
background-image:url(images/header_background_clouds.jpg);
background-position:left top;
background-repeat:no-repeat;
padding:20px 0px 20px 25px;
width: 468px;
}
div#johnsonpick
{
float:right;
width:235px;
margin: 10px 0 0 0px;
padding:0px;
}
#johnsonpick h2{
text-indent: -5000px;
background: url(images/johnson_pick_header.jpg);
background-repeat:no-repeat;
height: 63px;
margin:0;
}
	
#johnsonpick p{
font-size: 95%;
line-height: 1.5em;
padding:0px 30px 5px 15px;
}
#johnsonpick h3{
font-size: 16px;
line-height: 1.5em;
font-weight:normal;
padding:5px 25px 0px 15px;
margin:0;
}

div#membership
{
clear:right;
float:right;

width:235px;
margin: 5px 0 0 0px;
padding:0px;
}
#membership h2{
text-indent: -5000px;
background: url(images/membership_header.jpg);
background-repeat:no-repeat;
height: 63px;
margin:0;
}
#membership h3{
font-size: 16px;
line-height: 1.5em;
font-weight:normal;
padding:0px 25px 0px 15px;
margin:0;
}
	
#membership p{
font-size: 95%;
line-height: 1.25em;
padding:0px 30px 0px 15px;
}
 .floatright
{
float: right;
margin: 0 0 10px 10px;
border: 1px solid #ccc;
padding: 2px;
}
.floatimage {
float: right;
margin: 0 0 10px 10px;
}

/* S T A F F   P A G E */
#staff {
width: 100%;
}
#staff h3 {
margin: 0 0 5px 0;
font-size: 110%;
}
#staff p {
margin: 0;
}
#staff td{
width: 50%;
vertical-align:top;
}
#staff img{
margin-top: 20px;
}
#staff a img {
border: 0px;
}


/* F O O T E R */

div#footer
{
clear:both;
padding:5px 20px 10px 25px;
background: #7f999e;color: #FFF
}
#footer {
font-size: 90%;
}
div#footer a
{
color:#FFFFFF;
}
div#footer a:hover
{
color:#7f999e;
}
#footer p{
margin:0;
}

/* M I S C */

.johnsonpickPic{
margin: 10px 0 20px 0;
}

div#qTip {
  padding: 3px;
  border: 1px solid #CCC;
  display: none;
  background: #dbeefc;
  color: #000;
  font: normal 9px Verdana, Arial, Helvetica, sans-serif;
  text-align: left;
  position: absolute;
  z-index: 1000;
}

#GenTable {
width: 100%;
margin:0;
padding:0;
text-align:left;
border-style:none;
border: none;
border-width: 0px;
border-collapse:collapse;
}

#GenTable tr,td,th {
padding: 3px 0 0 3px;
}
 #GenTable td {
border-bottom: 1px solid #999999;
} 
#GenTable th {
background-color:#CCC;
border-bottom: 1px solid #999999;
border-top: 1px solid #999999;
border-left: 1px solid #999
}
#GenTable tbody th{font-size:120%; padding: 10px 6px}
#GenTable tr td {font-size:100%; padding: 3px 2px; border-left: 1px solid #999}

#Specials table{
width: 100%;
margin:0;
padding:0;
text-align:left;
border-style:none;
border: none;
border-width: 0px;
border-collapse:collapse;
font-size: 90%
}
 #Specials table td {
border-bottom: 1px solid #999
} 

#Specials tr {
background: url(images/table_back.gif);
background-repeat:no-repeat;
background-position: bottom left;
}
#Specials tbody {
}

 .clearboth { clear: both; }


/* F O R M S V.2 */
.sr {
	position: absolute;
	left: -9999em;
	top: 0;
	width: 1px;
	height: 1px;
	overflow: hidden;
	}



form.cmxform fieldset { margin-bottom: 10px; }
	
form.cmxform legend {
	padding: 0 2px;
	font-weight: bold;
	_margin: 0 -7px; /* IE Win */
	}
	
form.cmxform label {
	display: inline-block;
	line-height: 1.8;
	vertical-align: top;
	}
	
form.cmxform fieldset ol {
	margin: 0;
	padding: 0;
	}
	
form.cmxform fieldset li {
	list-style: none;
	padding: 5px;
	margin: 0;
	}
	
form.cmxform fieldset fieldset {
	border: none;
	margin: 3px 0 0;
	}
	
form.cmxform fieldset fieldset legend {
	padding: 0 0 5px;
	font-weight: normal;
	}
	
form.cmxform fieldset fieldset label {
	display: block;
	width: auto;
	}

form.cmxform em {
	font-weight: bold;
	font-style: normal;
	color: #f00;
	}

form.cmxform label { width: 120px; } /* Width of labels */
form.cmxform fieldset fieldset label { margin-left: 123px; } /* Width plus 3 (html space) */

/*\*//*/ form.cmxform legend { display: inline-block; } /* IE Mac legend fix */



form.cmxform {
	margin-top: 45px;
	width: 370px;
}
	
form.cmxform legend { padding-left: 0; }
	
form.cmxform legend,
form.cmxform label { color: #00343e; }

form.cmxform fieldset {
	border: none;
	border-top: 1px solid #C9DCA6;
	background: url(forms_temp/images/cmxform-fieldset.gif) left bottom repeat-x;
	}
	
form.cmxform fieldset fieldset { background: none; }
	
form.cmxform fieldset li {
	padding: 5px 10px 7px;
	background: url(forms_temp/images/cmxform-divider.gif) left bottom repeat-x;
	}