/* 
*	Daniel Allegrucci
*	Treebanding.com
*/

body{ font-family: Tahoma, Arial, Verdana, sans-serif; color: #453e36; font-size: 14px; margin: 0; text-align:center; padding: 0; background:url(../images/bg.jpg) repeat-x #7f9c57; }
a { color:#FFF; }
h2 { color: #102e53; font-weight: normal;  }
h3 { color:#78361f; font-size:14px;  }

#corner { position:absolute; top: 0; left: 0; }

h1.hHome { text-indent: -99999px; }
h2.hHome { text-indent: -99999px; }

#container { width: 960px; margin: 0 auto; margin-top: 17px; text-align: left; }
#topPanel { background:url(../images/bg-top.jpg) no-repeat; position: relative; height: 418px }
#topPanel.sub { background:url(../images/bg-top.jpg) no-repeat; position: relative; height: 150px }
	#logo { width: 247px; height: 82px; background:url(../images/logo.gif) no-repeat; position:absolute; left: 20px; text-indent: -99999px; }
	#contactInfo { color: #453e36; font-size: 14px; line-height: 14px; position: absolute; top: 10px; right: 20px; text-align: right; }
	#contactInfo a { color: #453e36; text-decoration: none; }
	#navBox { width: 424px; height: 30px; position: absolute; top: 62px; left: 306px; }
	#facebook { position: absolute; right: 212px; top: 13px; }
	
	
	.subHeader h1 { display: block; text-indent: -99999px; height: 45px; position: absolute; top: 104px; left: 20px; }
	.subHeader#hCanker h1 { background:url(../images/h-canker.jpg) no-repeat; width: 203px; }
	
	
	#nav { width: 400px; height: 30px; position: absolute; bottom: 0; left: 306; padding: 0; }
	#nav li { float: left; margin-right: 5px; }
	#nav li.last { margin-right: 0; }
	#nav a.mainNav { height: 30px; overflow: hidden; margin:0; display:block; outline: none; text-indent: -99999px; }
	#nav a.mainNav:hover {background-position: 0 -30px; }
	#nav a.mainNav.selected, #nav a.mainNav:active {background-position: 0 -30px; }
	
	#nHome { background:url(../images/nav-home.gif) no-repeat; width: 61px;}
	#nCanker { background:url(../images/nav-canker.gif) no-repeat; width: 146px; }
	
	#flashPanel { position: absolute; top: 111px; left: 8px; outline: none; }
	#welcomeMsg { width: 270px; position: absolute; top: 110px; left: 440px; padding-top: 14px; }
		#welcomeMsg h1 { display: block; background:url(../images/h-welcome.gif) no-repeat; width: 247; height: 26px; text-indent: -99999px; }
		#welcomeMsg p { padding: 2px 0 10px 0; margin: 0; }
		#welcomeMsg ul {}
		#welcomeMsg ul li { background:url(../images/bullet.gif) no-repeat 2px 0; padding: 0 0 10px 25px; font-weight: bold; font-size: 14px; line-height: 16px; }
	#formBox { color: #FFF; font-size: 12px; line-height: 15px; width: 225px; height: 335px; background:url(../images/bg-form.jpg) no-repeat; position: absolute; top: 48px; right: 10px; width: 185px; height: 385px; padding: 16px 15px 0 20px; }
	#formBox.sub { background:url(../images/bg-form-sub.jpg) no-repeat; }

#midPanel { background: #FFF; margin: 0; padding: 10px 0 20px 0; }
	#overviewText { background:url(../images/bg-midHeader.jpg) no-repeat; margin: 0 0 0 20px; width: 690px; display: inline; float: left; }
		#overviewText.sub { background-image: none; margin: 0 0 0 20px; width: 638px; display: inline; float: left; padding-left: 52px }
		#overviewText.sub h3 { color: #4b5e34; font-size:18px }
		#overviewText .listBox { width: 340px; display: inline; float: left; }
		#overviewText ul {}
		#overviewText ul li { background:url(../images/bullet-error.gif) no-repeat 0 4px; padding-left: 14px; }
		#overviewText ul.home { width: 340px; }
		
		
	#overviewText h2 { text-indent: -99999px; display: block; height: 50px; }
	#cankerWorm { width: 220px; float: right; display: inline; margin: 0 10px 0 0; padding-top: 10px; }
	#cankerWorm img { margin-bottom: 8px; }
	#cankerWorm img.last{ margin-bottom: 0; }

#main { background: #FFF; margin: 0 10px; }
	#presentation { width: 620px; height: 415px; float: left; margin: 10px 0 10px 10px; background: #000; outline: none; display: inline; }

#footer{ background:url(../images/bg-footer.jpg) no-repeat; height: 40px; color: #d9cfc3; font-size: 12px; }
#footer a { color: #d9cfc3; }
#footer a.last { margin-right: 0;  }

#footerLeft { width: 200px; float:left; text-align:left; margin: 10px 0 0 20px; display: inline;}
#footerRight { width: 700px; float:right; text-align:right; margin: 10px 20px 0 0; display: inline; }

form#contactForm { margin-top: 0 }

h2#schedule { background:url(../images/h-schedule.gif) no-repeat; width: 180px; height: 22px; display: block; text-indent: -99999px; margin-bottom: 10px; }
form p { margin: 0; padding: 0; }
form label { font-weight: normal; font-size: 11px; color: #f3eabf; font-weight: bold; }
form .field85, form .field85 input { width: 85px; display: inline; float: left; margin: 0 12px 4px 0; }
form .field85.last { margin-right: 0; }

form .fTextArea { width: 180px; height: 50px; margin: 0 0 16px 0; border: none; }
textarea, form .textInput input, .textInput select  { font-family: Tahoma, Arial, Verdana, sans-serif; font-size: 11px; border: none; }
	form .textInput input { height: 16px; }
	form .textInput select { margin: 0 12px 10px 0; height: 18px; width: 181px; }

form .submitButton { margin: 14px 0 0 0; }
