/*
	Here is the stylesheet for the site. If you change the name of this file you will also have to change the corrosponding line
	in the html file. I have documented the things that you will probably want to change which is mainly color and font styles.
	If you are completely unfamiliar with CSS you should definitely visit http://w3schools.com for a brush up on how things
	work. Also I often times use a 3 digit color format which some people may not be familiar with. It's just a shorthand
	way of writing colors. You just duplicate each number and you will get the 6 digit hex code.
	Examples:
	#fff = #ffffff
	#000 = #000000
	#43f = #4433ff
*/

/*
	body
	This is the body tag. The main items you may want to change are background, font, line-height, and color.
	In the background tag change the hex code to the color of your background that you figured out.
	DO NOT change the font size from 0px. It is set that way to fix a design issue, the size of the text for each
	panel is set later in this document. If you change the color tag it will set the default color for text.
*/
body                { color: #333; font: 0/200% Arial, Tahoma, sans-serif; background: #339 repeat-x center; text-align: center; margin: auto; padding: 0; position: absolute; float: none }
#header                       { background-color: transparent; background-image: url(http://www.pinehilltreefarm.com/top-nav.jpg); background-repeat: no-repeat; background-position: center top; width: 800px; height: 140px }
#menu  { color: #339; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal; font-weight: 600; background-image: url(http://www.pinehilltreefarm.com/menu.jpg); background-repeat: no-repeat; text-align: center; padding-top: 12px; width: 800px; height: 27px }
a:hover { color: #09f; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: 600 }
a { color: #339; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal; font-weight: 600 }
#container       { color: #666; font-size: 12pt; font-family: Verdana, Arial, Helvetica, sans-serif; font-variant: normal; font-weight: normal; line-height: 18px; background-image: url(http://www.pinehilltreefarm.com/container.jpg); background-repeat: no-repeat; background-position: left 0; text-align: center; margin-top: auto; margin-right: auto; margin-bottom: auto; padding-left: 20px; z-index: 0; width: 800px; height: 800px }
#container2        { color: #666; font-size: 16px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; line-height: 20px; background-image: url(http://www.pinehilltreefarm.com/container.jpg); background-repeat: no-repeat; text-align: center; width: 800px; height: 800px }
#layer1   { position: absolute; float: right }
#block        { color: #666; font-size: 12pt; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 18px; position: relative; top: -520px; left: 280px; width: 410px }
#block1    { color: #666; font-size: 12pt; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 18px; text-align: left; padding-left: 100px; position: fixed; left: 250px; width: 510px; float: none }
#block3  { color: #666; font-size: 12pt; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 18px; text-align: left; padding-left: 20px; z-index: 2; float: none; vertical-align: top }
#block4 { color: #666; font-size: 12pt; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 18px; text-align: left; padding-left: 20px; position: relative; z-index: 2; top: -360px; right: -390px; width: 310px; float: none; vertical-align: top }
#block5 { color: #666; font-size: 12pt; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 18px; text-align: left; padding-left: 20px; position: relative; z-index: 2; top: -170px; right: -200px; width: 410px; float: none; vertical-align: top }
#block2    { color: #666; font-size: 12pt; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 18px; text-align: left; top: 180px; left: 110px; width: 600px; float: none }
element { }
#pic-block      { position: absolute; top: 180px; left: 50px; float: right }
#pic-block2      { position: absolute; top: 420px; left: 50px; float: right }
#layer2 { top: 100px; left: 65px; float: right }
/*
	#mainMenu
	Here you can change the font size and face of the text for the menu items.
	If you change the color tag, it will change the color of the seperator characters which is a pipe | by default.
*/
#bodyContainer a  { color: #c5c270 }
#bodyContainer a:hover  { color: #c5c270 }
/*
	#bodyContainer
	You can change the font here. This will change the font for the left panel and the body panel.
*/
#bodyContainer                    { color: #999; font: 12px Arial, Tahoma, sans-serif; background: #000 url(http://www.fellswoopband.com/images/09-home.jpg) no-repeat left 0; text-align: center; margin: auto auto auto 15px; padding: 650px 0 0; z-index: 0; width: 790px }
#bodyContainer2   { color: #c5c270; font: 12px Arial, Tahoma, sans-serif; background: #000 url(http://www.fellswoopband.com/images/09-news-dog.jpg) no-repeat left 0; text-align: left; margin: auto auto auto 44px; padding: 45px 0 0 350px; z-index: 0; width: 750px; height: 790px }
#bodyContainer3 { color: #c5c270; font: 12px Arial, Tahoma, sans-serif; background: #000 url(http://www.fellswoopband.com/images/09-schedule.jpg) no-repeat left 0; text-align: left; margin: auto auto auto 44px; padding: 45px 50px 0 390px; z-index: 0; width: 730px; height: 790px }
#bodyContainer4 { color: #c5c270; font: 12px Arial, Tahoma, sans-serif; background: #000 url(http://www.fellswoopband.com/images/09-bio.jpg) no-repeat left 0; text-align: left; margin: auto auto auto 44px; padding: 45px 200px 0 390px; z-index: 0; width: 730px; height: 790px }
#bodyContainer5 { color: #c5c270; font-size: 12px; font-family: Arial; font-style: normal; font-weight: normal; line-height: normal; background: #000 url(http://www.fellswoopband.com/images/09-media.jpg) no-repeat left 0; text-align: left; margin: auto auto auto 44px; padding: 45px 200px 0 390px; z-index: 0; width: 730px; height: 790px }
#bodyContainer6 { color: #c5c270; font-size: 12px; font-family: Arial; font-style: normal; font-weight: normal; line-height: normal; background: #000 no-repeat left 0; text-align: left; margin: auto auto auto 44px; padding: 45px 200px 0 290px; z-index: 0; width: 730px; height: 790px }
#bodyContainer6 a { color: #fff; font-family: Verdana, Arial, Helvetica, sans-serif }
#bodyContainer6 a:hover { color: #999; font-family: Arial, Helvetica, sans-serif }
#bodyContainer5 li { color: #fff; font-family: Verdana, Arial, Helvetica, sans-serif; text-indent: 12px }
#bodyContainer5 li a { color: #c5c270; font-family: Arial }
#bodyContainer5 a:hover { color: #999; font-family: Verdana, Arial, Helvetica, sans-serif }
bodyContainer5 a { color: #fff; font-size: 12px; font-family: Arial }
#bodyContainer5 p { color: #c5c270; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: left }
#bodyContainer3 li { font-size: 9px; font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal; font-weight: normal; font-stretch: ultra-condensed; text-align: left; letter-spacing: 0; list-style-type: circle; display: compact }
#bodyContainer3 a:hover { color: #9cf }
#bodyContainer3 a { color: #999 }
/*
	#leftPanel
	The font for this left panel is inherited from the #body id. However if you want to have a different color or font
	text here, you may add the color or font tags.
*/
#rightPanel  { color: #633; font-size: 14px; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: left; margin: 0 0 0 140px; padding: 5px; width: 235px; float: right }

/*
	#bodyPanel
	The font for this body panel is inherited from the #body id. However if you want to have a different color or font
	text here, you may add the color or font tags.
*/
#bodyPanel {
	float: right;
	margin: 0px 0px 0px auto;
	padding: 5px;
	width: 485px;
}

#footer       { color: #ccc; font-size: 10px; font-family: Verdana; line-height: 14px; background: #000 no-repeat left center; text-align: left; text-indent: 300px; list-style-type: none; list-style-position: inside; padding-top: 44px; top: 12px; right: 500px; bottom: 200px; width: 725px; height: 145px; outline: solid 1px #ccc }
#footer a:hover { color: #9cf }
#footer a { color: #999 }
/*
	#copyright
	You can change the font or color of the copyright text by modifying those tags here.
*/
#copyright {
	margin: 0px;
	padding: 17px;
	color: #fff;
	font: 10px "Century Gothic", Courier, monospace;
}