/******************************************/
/*                                        */
/*  Author: Appnet                        */
/*  Author URI: http://www.appnet.com/    */
/*  Updated: 03/20/11                     */
/*                                        */
/******************************************/


/******************************************/
/*  reset / google fonts                  */
/******************************************/

@import url('css/reset.css');
@import url('//fonts.googleapis.com/css?family=Droid+Sans');
@import url('//fonts.googleapis.com/css?family=Goudy+Bookletter+1911');
@import url('//fonts.googleapis.com/css?family=Yanone+Kaffeesatz');


/******************************************/
/*  main elements                         */
/******************************************/

body {background:#447439 url('bg.jpg') center top no-repeat fixed; color:#000; font:14px/21px 'Droid Sans', Arial, Helvetica, sans-serif; margin:0; min-width:960px; padding:0; }
	div.container {margin:0 auto; width:960px;}
	
h1, h2, h3, #mainnav {font-family:'Yanone Kaffeesatz'; font-weight:normal;}
h4, h5, h6 {font-family:'Goudy Bookletter 1911'; font-weight:normal;}
	h1 {font-size:26px; background:url('bg-h1.png') top right no-repeat; height:100px; line-height:100px; padding:0 10px 0 40px; text-shadow:0 1px 0 #ffe9a1; width:590px;}
	h2 {font-size:24px;}
	h3 {font-size:22px;}
	h4 {font-size:16px;}
	h5 {font-size:14px;}
	h6 {font-size:20px; padding-bottom:20px;}

p, ul, ol {margin-bottom:15px;}
	ul li, ol li {margin:0 0 0 18px;}
	
#moreinfo {padding:10px 0;}
	#moreinfo p {margin-bottom:0;}


/** images **/
img.center {display:block; margin:5px auto;}
img.align-r {display:inline; float:right; margin:0 0 10px 10px;}
img.align-l {display:inline; float:left; margin:0 10px 10px 0;}

/** borders **/
iframe {background-color:#fff; border:1px solid #bbb; padding:4px;}
	#aside iframe {border:0; padding:0;}
.border {background-color:#fff; border:1px solid #bbb; padding:4px;}


/** forms **/

	/** comment form **/
	#commentForm {margin:0 0 15px 0; padding:0 0 15px 0;}
		#commentForm h3 {clear:both; padding:20px 0 5px 0;}
			#commentForm h3.first {padding:0 0 5px 0;}
		#commentForm h4 {clear:both; padding:20px 0 5px 0;}
		#commentForm div {clear:both; display:block;}
			#commentForm div.warning {font-size:13px; height:25px; line-height:25px; margin:0 0 0 10px; padding:0 0 0 35px; width:230px;}
			#commentForm span.star {color:#ff0000;}
		#commentForm label {float:left; height:26px; line-height:26px; margin:3px 0; width:130px;}
		#commentForm input, #commentForm textarea, #commentForm select {float:left; font:13px/18px 'Droid Sans', Arial, Helvetica, sans-serif; margin:3px 0; padding:5px; width:300px;}   
		#commentForm input.submit {cursor:pointer; margin:10px 0 0 130px; width:85px;}
			#commentForm input.reset {margin:10px 0 0 10px;}
		
	/** reach quickly form **/
	#reachQuickly td {font-size:12px;}
	#reachQuickly div.warning {clear:both; float:left; padding:0 0 0 36px; text-align:left; width:174px; text-shadow:0 0 0 #000;}
	#reachQuickly input, #reachQuickly textarea, #reachQuickly select {float:left; font:12px/16px 'Droid Sans', Arial, Helvetica, sans-serif; margin:3px 0; padding:5px; width:200px;}   
	#reachQuickly input.submit {cursor:pointer; margin:3px 0 0 0; width:212px;}

	/** form colors **/
	div.warning {background:#fbe3e4 url('css/images/error.gif') no-repeat 10px center; border:1px solid #fbc2c4; color:#900;}
	input, textarea, select {background:#f5f5f5; border:1px solid #ccc; color:#666;}   
	input:focus, textarea:focus, select:focus {background:#fff; border:1px solid #999; color:#333;}
	input.submit {background:#333; border:1px solid #222; color:#fff;}
		input.submit:hover {background:#444;}
		
	#reachQuickly input, #reachQuickly textarea, #reachQuickly select {background:#f5f5f5; border:1px solid #2a4823; color:#666;}   
	#reachQuickly input:focus, #reachQuickly textarea:focus, #reachQuickly select:focus {background:#fff; border:1px solid #000; color:#333;}
	#reachQuickly input.submit {background:#f9ee97; border:1px solid #2a4823; color:#000;}
		#reachQuickly input.submit:hover {background:#e0d369;}


/******************************************/
/*  content                               */
/******************************************/

/** links **/
a:active {position:relative; top:1px;}
	a:active img {position:relative; top:0;}

a:link, a:visited, a:active {color:#b95927; font-weight:bold; text-decoration:none;}
	a:hover {color:#b95927; font-weight:bold; text-decoration:underline;}
	
/** main content **/
#header {background:url('bg-head.jpg') 0 0 no-repeat; color:#fff; height:502px; margin:0 auto; width:940px;}
	#top-contact {font-size:13px; height:110px; line-height:16px; padding:40px 25px 0 25px; text-align:right; text-shadow:1px 1px 2px #1b0c02;}
		#top-contact a:link, #top-contact a:visited, #top-contact a:active {color:#fff; font-weight:normal; text-decoration:none;}
			#top-contact a:hover {color:#fff; font-weight:normal; text-decoration:underline;}
	#fader {height:294px; margin:0 auto; overflow:hidden; padding-right:1px; width:929px;}
	#nav-block {height:54px; padding:4px 0 0 0;}
		ul.navlist {list-style:none; margin:0; padding:0;}
			ul.navlist li {float:left; margin:0; padding:0;}
		ul.navlist a:link, ul.navlist a:visited, ul.navlist a:active {color:#fff; display:block; font-size:20px; font-weight:normal; line-height:52px; padding:0 17px; text-decoration:none;}
			ul.navlist li a:hover {color:#ffc815; font-weight:normal; text-decoration:none;}

#content {background:url('trans-white-75.png'); border-bottom:4px solid #375f2f; margin:0 auto 20px auto; padding-bottom:10px; width:940px;}
	#aside {float:right; margin:0 10px 0 20px; *margin:0 3px 0 0; width:290px;}
		#aside-cont {background:url('aside-bg.jpg');}
			#aside-content {background:url('aside-top.jpg') 0 0 no-repeat; padding:20px 20px 0 20px; position:relative;}
				#aside-content h2 {background:#683d1a; color:#fff; padding:10px;}
				#aside-content .box {background:url('trans-white-75.png'); font-size:13px; line-height:16px; padding:0 15px;}
					#aside-content .box h3 {border-bottom:1px dashed #444; line-height:20px; margin-bottom:10px; padding:10px 0; }
				#aside-content .shadow {background:url('shadow-right.png') top right no-repeat; height:20px; width:100%;}
		#aside-cont .contact-info {list-style:none; margin:0 0 15px 0; padding:0;}
			#aside-cont .contact-info li {margin:0; padding:0 0 7px 0;}
	.main {padding:0 40px; text-shadow:0 1px 0 #fff;}
		.main h2 {margin-bottom:5px;}
	
#callouts {margin:0 auto 30px auto; width:940px;}
	.col3 {border-bottom:4px solid #375f2f; float:left; width:300px;}
		.div2 {float:left; width:20px;}
		
#area-list {list-style:square; margin:0 0 10px 0; padding:0;}
	#area-list li {margin:0 0 7px 13px; padding:0;}
		#area-list li.first {padding-top:15px;}
		
.col5 {list-style:decimal; margin:0 0 15px 0; padding:0;}
	.col5 li {display:block; float:left; margin:0; padding:0; width:182px;}
	.amen li {padding-bottom:5px;}
	
.col3-explore {list-style:none; margin:0 0 15px 0; padding:0;}
	.col3-explore li {display:block; float:left; margin:0; padding:0; width:286px;}



/******************************************/
/*  footer                                */
/******************************************/

/** links **/
#footer a:link, #footer a:visited, #footer a:active {color:#fff; font-weight:normal; text-decoration:none;}
	#footer a:hover {color:#fff; font-weight:normal; text-decoration:underline;}

/** footer **/
#footer {background:#2a4823 url('shadow.png') center top no-repeat; color:#fff; font-size:12px; line-height:16px; margin:0; padding:0; text-shadow:1px 1px 2px #0f2609;}

	#fl {float:left; padding:30px 20px; width:280px;}
	#fr {float:right; width:640px;}
		#frl {background:url('trans-white-5.png'); float:left; height:250px; padding:30px 20px; width:280px;}
		#frr {float:right; padding:30px 20px; width:280px;}

	#footer ul.sitelinks {list-style:none; margin:0 auto; padding:0;}
		#footer ul.sitelinks li {display:inline; float:left; margin:0; padding:0; width:140px;}
	#footer ul.contact-info {list-style:none; margin:0 auto 15px 0; padding:0;}
		#footer ul.contact-info li {display:inline; float:left; font-size:11px; height:55px; margin:0; padding:0 0 7px 0; width:140px;}
	#footer p.copyright {clear:both; margin:15px 0;}