/* Nature's Cure CSS Document */


body {
	margin: 0; /* Gets rid of default margin on body that most browsers add. */
	padding: 0; /* Gets rid of default padding on body that Opera adds. */
	background: #BFD360;
	color: #000000; /* Sets default color of text. */
	font-family: Trebuchet MS, Geneva, sans-serif; /* Sets default font family options. */
	font-size: 100.1%; /* Sets default font size. This odd value compensates for several browser bugs. First, setting a default font size in percent (instead of em) eliminates an WinIE problem with growing or shrinking fonts out of proportion if they are later set in ems in other elements. Additionally, some versions of Opera will draw a default font-size of 100% too small compared to other browsers. Safari, on the other hand, has a problem with a font-size of 101%. Current "best" suggestion is to use the 100.01% value for this property. */
	}

	

/* Header.*/
#header {
	position: relative;
	background: url(images/bg.gif) repeat-y;
	margin: 0;
	padding: 0;
	width:787px;
	height:121px;
	}

/* Needed to hold link to main content in compliance with Section 508, rule o. */
#skipnav {
	position: absolute; /* Sets the div to be positioned in a precise spot in relation to its nearest postioned ancestor, #header. Also removes it from the flow, so it will not make the header expand. */
	top: 0; /* Places the div at the top of #header. */
	left: 0; /* Places the div at the left side of #header. */
	margin-left: -1000px; /* Moves the div off the left side of the screen, making it invisible to those using visual browsers but accessible to those using screen readers and other user agents. */
	}

/* Positioning for containters. */

#contentwrapper {
	margin: 0px auto;
	position: inherit;
	background: url(images/bg.gif) repeat-y #BFD360; /* Sets background image and tiles it vertically. Also sets a backup background color. */
	}
	
#bodyContent {
	padding-left: 20px;
	}

#inset {
	background: url(images/bgInset.gif) no-repeat;
	width: 196px;
	height: 276px;
	text-align: center;
	}

#footerContent {
	padding-left: 20px;
	}
	

	
/* Fonts for Nature's Cure */

#bodyContent .h1 {
	margin: 0;
	font-family: Trebuchet MS, Geneva, sans-serif; 
	font-size:x-large;
	font-weight:bold;
	color: #D37421;
	}
	
#bodyContent .h2 {
	margin: 0;
	font-family: Trebuchet MS, Geneva, sans-serif;
	font-size:large;
	font-weight:bold;
	color: #D37421;
	text-decoration: underline;
	}
	
#bodyContent .h3 {
	margin: 0;
	font-family: Trebuchet MS, Geneva, sans-serif; 
	font-size:large;
	text-decoration:underline;
	font-weight:bold;
	color: #9B325D;
	}
	
#bodyContent .h4 {
	margin: 0;
	font-family: Trebuchet MS, Geneva, sans-serif; 
	font-size:large;
	text-decoration:underline;
	font-weight:bold;
	color: #785A47;
	}
	
#bodyContent .p1 {
	font-family: Trebuchet MS, Geneva, sans-serif;
	font-size:medium;
	color: black;
	
	}
	
#bodyContent .p2 {
	font-family: Trebuchet MS, Geneva, sans-serif;
	font-size:medium;
	color: #9B325D;
	margin: 0;
	}
	
#bodyContent .p3 {
	font-family: Trebuchet MS, Geneva, sans-serif;
	font-size:medium;
	color: #785A47;
	margin: 0;
	}

#bodyContent .p4 {
	margin: 0;
	font-family: Trebuchet MS, Geneva, sans-serif; 
	font-size:medium;
	color: #00FFFF;
	}
	
#bodyContent .p5 {
	font-family: Trebuchet MS, Geneva, sans-serif; 
	font-size:small;
	color: #9B325D;
	}
	
#bodyContent ol {
	font-family: Trebuchet MS, Geneva, sans-serif; 
	font-size:medium;
	color: #D37421;
	}

#bodyContent ul {
	font-family: Trebuchet MS, Geneva, sans-serif;
	font-size:medium;
	color: black;
	}
	
#bodyContent a {
	font-family: Trebuchet MS, Geneva, sans-serif; 
	font-size:medium;
	color: #D2731F;
	}
	
#bodyContent a:hover {
	color: #BFD360;
	}
	
/* The footer and bottom links for Nature's Cure */

#footer1 {
	position: absolute;
	}

#footer1 ul {
	margin: 0px;
	padding: 0 0 0px 25px; /* Sets spacing between top and bottom edges of footer and the list; padding is used instead of margin because padding cannot escape out of divs like margins can. Padding is used instead of margin so that the content within the list will move over, not the list itself, so that the border will show in the gap between the trees. */
	}

#footer1 li {
	display: inline; /* Makes list items display horizontally */
	}

#footer1 a {
	color: #000000;
	margin: 0 0.2em; /* Sets spacing between links and pipe separators */
	font-size: 0.7em; /* Sets font size smaller for the links so the pipes are larger in comparison, making the separators more apparent. */
	}