@charset "utf-8";
/* CSS Document */


body {
  margin: 0px;
  padding-left: 20%;
  padding-right: 10%;
  padding-top: 80px;
  width: auto;
  overflow-x: hidden;
}

body { 
  background-color: #ffffff;
  font-family:      'Trebuchet MS', sans-serif;
  
  background-image:url('_images/bgTile.gif');
  font-size: small;
}



/* --- For easy textures: http://www.grsites.com  ---- */

/* ---------------------------Header & Logo----------------------------- */

#headerbg {
width: 100%;
height: 90px;
left:0px;
right: 0px;
background-color: rgb(47, 151, 48);
z-index:-1;
position:fixed;
top: 0px;

}

#header {
border: none;
  background-image:	url('ComfreyHeader%20with%20type.jpg');
  background-size: 578px 90px;
  background-repeat: no-repeat;
  background-color: rgb(47, 151, 48);
  top: 			0px;
left:15%;

  height:      	90px;
  width: 		100%;
  position:		fixed;
  z-index:	1;
  
}



/* -------------------------Navigation Menu--------------------------- */

#menu {
width: 100%;

height: auto;
max-height: 67px;
	left: 15%;
	
margin-top: 90px;

	position: fixed;
	text-decoration: none;
	z-index:	1;
	font-size: 100%;
   background: rgb(235, 179, 13);
text-align: center;
font-family: "Optima Bold", "Optima", "Trebuchet MS", sans-serif;
font-weight: bold;
line-height: 25px;

}

#nav, #nav ul {
	padding: 0;
	margin: 0;
	margin-top: 5px;
	margin-left: 4%;
	list-style: none;
text-align: center;	

}

#nav a {
	
	width: auto;
	color:	#000000;
	text-align: center;
	max-height: 40px;
	
	
}

#nav a:hover {
	color:	#FFFFFF;

	
}

#nav li {
	float: left;
	width: auto;
	
	text-align: center;
max-height: 40px;
background: rgb(235, 179, 13);


}


#comfrey a#comfreyLink, #grow a#growLink, #use a#useLink, #order a#orderLink, #download a#downloadLink, #testimonial a#testimonialLink, #about a#aboutLink {	
text-decoration: none;
	color:	#FFFFFF;
	font-weight: bold;

}

 
#comfrey li#comfreyBox, #grow li#growBox, #use li#useBox, #order li#orderBox, #downloadlog li#downloadBox, #testimonial a#testimonialBox, #about li#aboutBox

{	float: left;
	width: auto;
	font-weight: bold;
	
	text-align: center;


text-decoration: none;
}


#notice {
text-align: center;
font-size: 120%;
padding-left:10%;
padding-right:10%;
background: #c5ebb8;	
}

#share {
	top:20px;
	right:0px;
	position: fixed;
}


/* ---------------------------Sidebar---------------------------- */

#sidebar {
	background: #c5ebb8 left top repeat-y; 
	top: 158px;
	bottom:30px;
	z-index: 0;
	position: fixed;
	left: 0px;
	
	top: 90px;
	height: 100%;
	width: 15%;
	padding: 1% 0 1% 0;
	line-height: 17px;
	
	font-size: 86%;
	overflow: visible;
text-align: center;
}




#sidebar hr {
color: rgb(47, 151, 48);
background-color: rgb(47, 151, 48);
width: auto;
height: 6px;
}

#sidebar li {
font-size: 110%;

}

#sidebar h1, #sidebar h2, #sidebar h3, #sidebar h4 {
	letter-spacing: 2px;
	line-height: 200%;
	text-align: center;
	color: rgb(47, 151, 48);
	font-family: "Optima Bold", "Optima", "Trebuchet MS", serif;
	font-weight: bold;
	font-size: 90%;
}

#sidebar a{
text-decoration: underline;
}

#sidebar a:visited { 
	color: #000000;
	}

/*----------------------------Container------------------------- */
 
 .container {
	width: auto;
max-width: 867px;
height: auto;
	right:auto;
	z-index: -1;
top: 200px;

	
	}
	
.inner-container {
	width: auto;
max-width: 867px;

	position: absolute;
	z-index: -1;
	}
 
/* ----------------------------Main Body------------------------- */
 
#main {
  background:       #ffffff;
  font-size:        105%;
  padding:          25px 25px 25px 45px;
  height:	    auto;
  width: 85%;
  z-index: 0;
  margin:           100px 15% 60px 0px;
  line-height: 150%;
  float:	    left;
  top: 200px;
  
}

#comfrey #main li {
list-style-type: square;
color: #2f9730;
font-family: 		"Optima Bold", "Optima", "Trebuchet MS", sans-serif;
}

#comfrey #main li p {
color: #000000;
font-weight: bold;
}

p.quote {
	text-indent: 0px hanging; 
	padding-left: 5%;
	padding-right: 15%;
	padding-top: 3%;
	padding-bottom: 3%;  
	font-size:80%;
}

#profile {
margin-top: -10px;
margin-left: 20px;
margin-right: 20px;

float: left;
position: relative;
z-index:	0;
}

#body {
float: left;

margin-right: 15%;
width:	500px;



}
 



/*---------------------------Footer-------------------------- */

#footer {
 		background: rgb(47, 151, 48)  center repeat-x;
		font-family: "Optima Bold", "Optima", "Trebuchet MS", sans-serif;
		color: #FFF;
		text-align: center;
		
		line-height: 10px;
				
		right: 0px;
		bottom: 0px;

		height: 30px;
		width: 100%;
		position: fixed;
}

#footer a {
color: #FFFFFF;
}

#left {


	left: 100px;
	height:20px;
	width: auto;
	bottom:0px;
	position: absolute;
	text-align: center;
}

#right {

	
	
	right: 50px;
	padding-right: 6%;
	font-weight: bold;
	height:20px;
	width: auto;
	bottom:0px;
	position: absolute;
	text-align: center;
	
}

/* -------------------------Heading/Paragraph-------------------------- */



h1 {
  font-size:        170%;
  color:            #2f9730;
font-family: 		"Optima ExtraBlack", "Optima Bold", "Optima", "Trebuchet MS", sans-serif;
clear: both;
}

h2 { 
font-size: 150%; 
font-family: 		 "Optima Bold", "Optima", "Trebuchet MS", sans-serif;
color:            #2f9730;
clear: both;
}

h3 { 
font-size: 120%; 
font-family: 		 "Optima Bold", "Optima", "Trebuchet MS", sans-serif;

}






/* -------------------------Lists, Lines, & Other Features-------------------------- */



.picture { 

border: 0px; 
font-family: "Optima Bold", "Optima", "Trebuchet MS", sans-serif;
font-weight: bold;
width:auto;
height: auto;
text-align: center;


}


#essay .picture   {
color: #F93;
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif
}

.picture img { 
border: 0px;
vertical-align:middle; margin-bottom: 30px; 
padding: 15px;
}
.right { 
padding: 3px;
float: right;
clear: right;
 overflow: hidden;
 margin-left: auto;
	margin-right: auto;

 
}
.left { 
padding: 3px;
float: left;
clear: left;
 overflow: hidden;
 margin-left: auto;
	margin-right: auto;
	
}

.center {	
padding: 3px;
clear: both;

 overflow: hidden;
 margin-left: auto;
	margin-right: auto;
	m
	
}

.picture figure {
float: left;
	 margin-left: auto;
	margin-right: auto;
	margin-top: auto;
	
}

.end {

float: center;
clear: both;
overflow: hidden;
	
}


/* --------------------------General Links--------------------------- */

a {
	text-decoration: none;
	}

a:link {
	text-decoration: none; 
	color: #000000;
	}


a:visited {
	text-decoration: none; 
	color: #000000;
	}

	

a:hover {
	text-decoration: none;
	color: #FF8C00;
	}

	

a:active {
	text-decoration: none; 
	color: #FF8C00;
	}

#essay #content a:link, #essay #sidebar a:link{
	color: #00C;
	text-decoration: none;
}

#essay #content a:hover, #essay #sidebar a:hover {
	color: #9CF;
}


a.back {
	font-family:'Courier New', Courier, monospace;
}

/* ---------------------------Font Embed------------------------ */

@font-face
{
font-family: "Optima ExtraBlack", "Optima Bold", "Optima";
src: url('_fonts/Optima.ttc')
     
} 

/* ----------------------Coe's Comfrey Import-------------------*/
/* -------------------------------------------------------------*/

.paragraph_style {
    color: rgb(0, 0, 0);
    font-family: 'Optima-Regular', 'Optima', 'Trebuchet MS', sans-serif;
    font-size: 14px;
    font-stretch: normal;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 17px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    opacity: 1.00;
    padding-bottom: 0px;
    padding-top: 0px;
    text-align: left;
    text-decoration: none;
    text-indent: 0px;
    text-transform: none;
}
.style {
    font-family: 'Optima-Bold', 'Optima';
    font-size: 14px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 700;
    line-height: 17px;
}
.paragraph_style_1 {
    color: rgb(0, 0, 0);
    font-family: 'LucidaGrande', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
    font-size: 12px;
    font-stretch: normal;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 15px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    opacity: 1.00;
    padding-bottom: 0px;
    padding-top: 0px;
    text-align: left;
    text-decoration: none;
    text-indent: 0px;
    text-transform: none;
}
.style_1 {
    font-family: 'Optima-Bold', 'Optima';
    font-size: 14px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 700;
    line-height: 17px;
}
.style_2 {
    font-family: 'Optima-BoldItalic', 'Optima';
    font-size: 14px;
    font-stretch: normal;
    font-style: italic;
    font-weight: 700;
    line-height: 17px;
}
.paragraph_style_2 {
    color: rgb(255, 255, 255);
    font-family: 'Optima-Bold', 'Optima';
    font-size: 16px;
    font-stretch: normal;
    font-style: normal;
    font-variant: normal;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 23px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    opacity: 1.00;
    padding-bottom: 0px;
    padding-top: 0px;
    text-align: left;
    text-decoration: none;
    text-indent: 0px;
    text-transform: none;
}
.style_3 {
    color: rgb(0, 0, 0);
    line-height: 23px;
    opacity: 1.00;
}
.paragraph_style_3 {
    color: rgb(47, 151, 48);
    font-family: 'Optima-ExtraBlack', 'Optima';
    font-size: 20px;
    font-stretch: normal;
    font-style: normal;
    font-variant: normal;
    font-weight: 800;
    letter-spacing: 0;
    line-height: 39px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    opacity: 1.00;
    padding-bottom: 0px;
    padding-top: 0px;
    text-align: center;
    text-decoration: none;
    text-indent: 0px;
    text-transform: none;
}
.paragraph_style_4 {
    color: rgb(47, 151, 48);
    font-family: 'Optima-ExtraBlack', 'Optima';
    font-size: 24px;
    font-stretch: normal;
    font-style: normal;
    font-variant: normal;
    font-weight: 800;
    letter-spacing: 0;
    line-height: 39px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    opacity: 1.00;
    padding-bottom: 0px;
    padding-top: 0px;
    text-align: left;
    text-decoration: none;
    text-indent: 0px;
    text-transform: none;
}
.paragraph_style_5 {
    color: rgb(0, 0, 0);
    font-family: 'Optima-Bold', 'Optima';
    font-size: 14px;
    font-stretch: normal;
    font-style: normal;
    font-variant: normal;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 20px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    opacity: 1.00;
    padding-bottom: 0px;
    padding-top: 0px;
    text-align: left;
    text-decoration: none;
    text-indent: 0px;
    text-transform: none;
}
.style_4 {
    font-family: 'Optima-BoldItalic', 'Optima';
    font-size: 14px;
    font-stretch: normal;
    font-style: italic;
    font-weight: 700;
    line-height: 17px;
}
.style_SkipStroke_2 {
    background: transparent;
    float: none;
    margin: 0px;
    opacity: 1.00;
}
.style_SkipStroke_3 {
    background: rgb(235, 179, 13);
    opacity: 1.00;
}
.style_SkipStroke {
    background: transparent;
    opacity: 1.00;
}
.style_SkipStroke_1 {
    background: transparent;
    float: none;
    margin: 0px;
    opacity: 1.00;
}
.style_SkipStroke_4 {
    background: transparent;
    opacity: 1.00;
}
.style_SkipStroke_5 {
    background: transparent;
    opacity: 1.00;
}
.style_SkipStroke_6 {
    background: rgb(47, 151, 48);
    opacity: 1.00;
}
.paragraph_style_6 {
    color: rgb(255, 255, 255);
    font-family: 'Optima-Bold', 'Optima';
    font-size: 15px;
    font-stretch: normal;
    font-style: normal;
    font-variant: normal;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 22px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    opacity: 1.00;
    padding-bottom: 0px;
    padding-top: 0px;
    text-align: left;
    text-decoration: none;
    text-indent: 0px;
    text-transform: none;
}
.paragraph_style_7 {
    color: rgb(0, 0, 0);
    font-family: 'Optima-Bold', 'Optima';
    font-size: 15px;
    font-stretch: normal;
    font-style: normal;
    font-variant: normal;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 22px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    opacity: 1.00;
    padding-bottom: 0px;
    padding-top: 0px;
    text-align: left;
    text-decoration: none;
    text-indent: 0px;
    text-transform: none;
}
.style_SkipStroke_7 {
    background: transparent;
    opacity: 1.00;
}
.Body {
    color: rgb(169, 169, 169);
    font-family: 'HelveticaNeue-Bold', 'Helvetica Neue', 'Arial', sans-serif;
    font-size: 14px;
    font-stretch: normal;
    font-style: normal;
    font-variant: normal;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 20px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    opacity: 1.00;
    padding-bottom: 0px;
    padding-top: 0px;
    text-align: left;
    text-decoration: none;
    text-indent: 0px;
    text-transform: none;
}
.Free_Form {
    color: rgb(169, 169, 169);
    font-family: 'HelveticaNeue', 'Helvetica Neue', 'Arial', sans-serif;
    font-size: 14px;
    font-stretch: normal;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 19px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    opacity: 1.00;
    padding-bottom: 0px;
    padding-top: 0px;
    text-align: left;
    text-decoration: none;
    text-indent: 0px;
    text-transform: none;
}
.graphic_image_style_default_SkipStroke {
    background: transparent;
    opacity: 1.00;
}
.graphic_shape_layout_style_default {
    padding: 4px;
}
.graphic_shape_layout_style_default_External_128_35 {
    position: relative;
}
.graphic_shape_layout_style_default_External_1141_28 {
    position: relative;
}
.graphic_shape_layout_style_default_External_1024_28 {
    position: relative;
}
.graphic_shape_style_default_SkipStroke {
    background: rgb(247, 246, 246);
    opacity: 1.00;
}
.graphic_textbox_layout_style_default {
    padding: 4px;
}
.graphic_textbox_layout_style_default_External_475_44 {
    position: relative;
}
.graphic_textbox_layout_style_default_External_576_44 {
    position: relative;
}
.graphic_textbox_layout_style_default_External_115_27 {
    position: relative;
}
.graphic_textbox_layout_style_default_External_119_27 {
    position: relative;
}
.graphic_textbox_layout_style_default_External_387_60 {
    position: relative;
}
.graphic_textbox_layout_style_default_External_126_27 {
    position: relative;
}
.graphic_textbox_layout_style_default_External_675_42 {
    position: relative;
}
.graphic_textbox_layout_style_default_External_475_122 {
    position: relative;
}
.graphic_textbox_layout_style_default_External_99_27 {
    position: relative;
}
.graphic_textbox_layout_style_default_External_259_44 {
    position: relative;
}
.graphic_textbox_layout_style_default_External_417_25 {
    position: relative;
}
.graphic_textbox_layout_style_default_External_621_25 {
    position: relative;
}
.graphic_textbox_layout_style_default_External_386_25 {
    position: relative;
}
.graphic_textbox_layout_style_default_External_484_28 {
    position: relative;
}
.graphic_textbox_layout_style_default_External_118_27 {
    position: relative;
}
.graphic_textbox_layout_style_default_External_284_28 {
    position: relative;
}
.graphic_textbox_layout_style_default_External_665_29 {
    position: relative;
}
.graphic_textbox_layout_style_default_External_769_59 {
    position: relative;
}
.graphic_textbox_layout_style_default_External_266_25 {
    position: relative;
}
.graphic_textbox_layout_style_default_External_780_1865 {
    position: relative;
}
.graphic_textbox_style_default_SkipStroke {
    background: transparent;
    float: none;
    margin: 0px;
    opacity: 1.00;
}
a {
    color: rgb(169, 169, 169);
    text-decoration: underline;
}
a:visited {
    color: rgb(121, 121, 121);
    text-decoration: underline;
}
a.class1 {
    color: rgb(0, 0, 0);
}
a.class1:visited {
    color: rgb(0, 0, 0);
}
a.class1:hover {
    color: rgb(47, 151, 48);
}
a.class2 {
    color: rgb(0, 0, 0);
}
a.class2:visited {
    color: rgb(0, 0, 0);
}
a.class2:hover {
    color: rgb(47, 151, 48);
}
a.class3 {
    color: rgb(0, 0, 0);
    text-decoration: none;
}
a.class3:visited {
    color: rgb(0, 0, 0);
    text-decoration: none;
}
a.class3:hover {
    color: rgb(255, 255, 255);
    text-decoration: none;
}
a.class4 {
    color: rgb(0, 0, 0);
    text-decoration: none;
}
a.class4:visited {
    color: rgb(0, 0, 0);
    text-decoration: none;
}
a.class4:hover {
    color: rgb(255, 255, 255);
    text-decoration: none;
}
a.class5 {
    color: rgb(0, 0, 0);
    text-decoration: none;
}
a.class5:visited {
    color: rgb(0, 0, 0);
    text-decoration: none;
}
a.class5:hover {
    color: rgb(255, 255, 255);
    text-decoration: none;
}
a.class6 {
    color: rgb(0, 0, 0);
    text-decoration: none;
}
a.class6:visited {
    color: rgb(0, 0, 0);
    text-decoration: none;
}
a.class6:hover {
    color: rgb(255, 255, 255);
    text-decoration: none;
}
a.class7 {
    color: rgb(0, 0, 0);
}
a.class7:visited {
    color: rgb(0, 0, 0);
}
a.class7:hover {
    color: rgb(47, 151, 48);
}
a.class8 {
    color: rgb(255, 255, 255);
    text-decoration: none;
}
a.class8:visited {
    color: rgb(255, 255, 255);
    text-decoration: none;
}
a.class8:hover {
    color: rgb(255, 255, 255);
    text-decoration: none;
}
a:hover {
    color: rgb(255, 38, 0);
    text-decoration: underline;
}
#widget5 a {
    color: rgb(169, 169, 169);
    text-decoration: underline;
}
#widget0 a {
    color: rgb(169, 169, 169);
    text-decoration: underline;
}
#widget1 a {
    color: rgb(169, 169, 169);
    text-decoration: underline;
}
#widget2 a {
    color: rgb(169, 169, 169);
    text-decoration: underline;
}
#widget3 a {
    color: rgb(169, 169, 169);
    text-decoration: underline;
}
#widget4 a {
    color: rgb(169, 169, 169);
    text-decoration: underline;
}
#widget4 a:visited {
    color: rgb(121, 121, 121);
    text-decoration: underline;
}
#widget2 a:hover {
    color: rgb(255, 38, 0);
    text-decoration: underline;
}
#widget2 a:visited {
    color: rgb(121, 121, 121);
    text-decoration: underline;
}
.bumper {
    font-size: 1px;
    line-height: 1px;
}
#widget0 a:visited {
    color: rgb(121, 121, 121);
    text-decoration: underline;
}
#widget5 a:hover {
    color: rgb(255, 38, 0);
    text-decoration: underline;
}
.spacer {
    font-size: 1px;
    line-height: 1px;
}
#widget1 a:hover {
    color: rgb(255, 38, 0);
    text-decoration: underline;
}
#widget4 a:hover {
    color: rgb(255, 38, 0);
    text-decoration: underline;
}
#widget5 a:visited {
    color: rgb(121, 121, 121);
    text-decoration: underline;
}
#widget3 a:visited {
    color: rgb(121, 121, 121);
    text-decoration: underline;
}
#widget1 a:visited {
    color: rgb(121, 121, 121);
    text-decoration: underline;
}
#widget0 a:hover {
    color: rgb(255, 38, 0);
    text-decoration: underline;
}
.tinyText {
    font-size: 1px;
    line-height: 1px;
}
#widget3 a:hover {
    color: rgb(255, 38, 0);
    text-decoration: underline;
}
body { 
    -webkit-text-size-adjust: none;
}
div { 
    overflow: visible; 
}
img { 
    border: none; 
}
.InlineBlock { 
    display: inline; 
}
.InlineBlock { 
    display: inline-block; 
}
.inline-block {
    display: inline-block;
    vertical-align: baseline;
    margin-bottom:0.3em;
}
.inline-block.shape-with-text {
    vertical-align: bottom;
}
.vertical-align-middle-middlebox {
    display: table;
}
.vertical-align-middle-innerbox {
    display: table-cell;
    vertical-align: middle;
}
div.paragraph {
    position: relative;
}
li.full-width {
    width: 100%;
}