@media screen, projection {

body {margin:0; padding:0; font-family:Arial, sans-serif; font-size:12px; background:#848036 url(../i/bg.jpg) top center no-repeat;}
	
a {color:#1c3b02; outline:none;}
a:hover {color:#848036; outline:none;}

.clear {clear:both;}
.indent {text-indent:-10000px;}
.print {display:none;}
.flush {margin:0; padding:0;}

.error, .req {color:#f00;}
.form-error {border:1px solid #f00; color:#f00;}

#container {width:940px; margin:0 auto; background:url(../i/container.gif);}
	/*#header {height:145px; background:url(../i/header.jpg);}
	*/
	#header {height:122px; background:url(../i/header-2.jpg);}
		#top {height:108px; position:relative;}
			#logo {display:block; width:452px; height:77px; position:absolute; text-indent:-10000px; top:17px; left:249px;}
			#top-nav {list-style:none; margin:0; padding:0;}
			#top-nav li {}
			#top-nav li a {display:block; position:absolute; top:79px; height:25px; text-indent:-10000px;}
				#top-home {width:47px; left:700px;}
				#top-contact {width:99px; left:53px;}
				#top-donate {width:98px; left:785px;}
				#top-facebook {width:26px; left:751px;}
			
			
		#header-nav {list-style:none; margin:0; padding:0; text-align:center; width:100%;}
		.header-nav-main {display:inline; margin:0; padding:0 20px; background:url(../i/header-nav-arrow.gif) 4px 4px no-repeat; position:relative;}
		a.top-nav-main {color:#fff; text-transform:uppercase; text-decoration:none; font-family:"Century Gothic", Arial, sans-serif;}
		a.top-nav-main:hover {color:#848036;}
		a.top-nav-selected {color:#848036; text-transform:uppercase; text-decoration:none; font-family:"Century Gothic", Arial, sans-serif;}
		
		div.nav-dropdown {display:none; background:#6d3613; z-index:100; position:absolute; top:16px; left:-5px;}	
			div.nav-dropdown-content {float:left; width:180px; padding:4px 10px 10px 10px;}
				div.nav-dropdown-content ul {list-style-type:none; margin:0; padding:0;}
					div.nav-dropdown-content li {width:100%; background:#55270d; padding:1px 3px; border-bottom:2px solid #6d3613;}
					div.nav-dropdown-content li a {display:block; color:#fff; font-size:12px; text-decoration:none; width:100%; overflow:hidden; padding:2px 4px; text-align:left;}
					div.nav-dropdown-content li a:hover {color:#848036;}
					div.nav-dropdown-content li div {clear:both; margin:16px auto 6px auto; width:90%; height:2px; background:#fff;}
				div.nav-dropdown-bottom {clear:both; height:13px;}


				
	#index-top {height:276px; background:url(../i/index-top.jpg); position:relative;}
		#index-text {position:absolute; top:48px; left:55px; border-top:3px solid #fff; border-bottom:3px solid #fff; width:226px; color:#fff; line-height:1.5; padding:8px 4px;}
			#index-text h1 {text-indent:-10000px; width:219px; height:20px; background:url(../i/summer-camps.png);}
		#index-main-image {position:absolute; border:9px solid #fff; top:20px; left:332px;}
		#index-flash {position:absolute; border:9px solid #fff; top:20px; left:332px; width:559px; height:219px;}
	
	.camps {background:url(../i/camps-bg.jpg); position:relative;}
		.camps-index {height:141px;}
		.camps-inner {height:135px;}
		#img-nav {list-style:none; margin:0; padding:0;}
		a.main-img-nav {display:block; position:absolute; top:19px; height:93px; text-indent:-10000px;}
			#camp-get {width:223px; left:19px;}
			#camp-summer {width:220px; left:242px;}
			#camp-adult {width:220px; left:470px;}
			#camp-plan {width:226px; left:690px;}
			
			.img-nav-dropdown-content {position:absolute; z-index:10; top:100px; margin:0; padding:0; border:1px solid #664f23; display:none;} 
			#sub-camp-get {width:205px; left:28px;}
			#sub-camp-summer {width:204px; left:252px;}
			#sub-camp-adult {width:203px; left:477px;}
			#sub-camp-plan {width:206px; left:700px;}
			
			.img-nav-dropdown-content ul {margin:0; padding:10px 0 0 0; background:#efedde; list-style:none;}
			.img-nav-dropdown-content li {margin:0; padding:4px 0; border-bottom:1px solid #dbdbb9;}
			.img-nav-dropdown-content a {text-decoration:none; padding:0 10px;}
			
	#page-title-container {height:72px; background:url(../i/page-title.jpg);}
		#page-title-container h1 {color:#fff; font-family:Georgia, "Times New Roman", Times, serif; text-transform:uppercase; font-size:24px; margin:0; padding:16px 0 0 58px;}
	
	#left {float:left; width:638px; margin:44px 0 30px 32px;}
		#social {height:44px; text-align:center;}
		
		#sidebar-content {float:right; width:160px; margin:0 0 16px 16px; padding:8px 8px 20px 8px; background:#dbdbdb; border:1px solid #210f01;}
			#sidebar-content h3 {margin:20px 0 6px 0; font-size:16px;}
			
			#sidebar-content ul {list-style-type:none; padding:0;}
			#sidebar-content li {padding:0 0 4px 0;}
				
			#blog-subscribe {padding-left:26px; background:url(../i/rss.gif) 0 50% no-repeat;}
		
	
	#right {float:right; width:245px; background:url(../i/right-bg.jpg) top left no-repeat;}		
		#nav {list-style:none; width:204px; margin:0 auto; padding:20px 0; text-align:center;} 
			.main-item {border:4px solid #6da41c; background:#fff; padding:1px; margin-bottom:8px;}
				.main-item-link {display:block; width:194px; text-align:center; padding:3px 0; font-size:17px; font-weight:bold; color:#fff; background:#6da41c; font-family:"Times New Roman", Times, serif;}
				.main-item-link:hover {color:#000;}
					.sub-nav {margin:0; padding:2px 0 14px 0; list-style:none;}
					.sub-nav a {display:block; font-size:12px; color:#848036; font-family:Arial, Helvetica, sans-serif;}
					.sub-nav a:hover {color:#000;}
				#nav a {text-decoration:none;}
				
		.callout {width:189px; margin:0 auto 20px auto;}
		.callout-link {display:block; text-indent:-10000px;}
			#callout-events {height:105px; background:url(../i/callout-events.jpg);}
			#callout-update {height:90px; background:url(../i/callout-update.jpg);}
			
		#callout-signup {height:144px; background:url(../i/callout-signup.jpg); position:relative;}
			#email-address {width:146px; border:1px solid #73480e; background:#fff; text-align:center; color:#73480e; position:absolute; top:75px; left:21px; padding:2px 0;}
			#email-submit {text-indent:-10000px; width:78px; height:24px; background:url(../i/submit.gif); border:none; position:absolute; top:102px; left:55px;}
			#email-submit:hover {background-position:0 -24px;}
				

#bottom {width:940px; margin:0 auto; height:80px; background:url(../i/bottom.gif) top no-repeat; color:#dfdda3;}
	#bottom p {margin:0; padding:40px 0 0 30px; float:left;}

	#bottom ul {list-style:none; float:right; margin:0; padding:40px 30px 0 0;}
		#bottom li {float:right; margin:0; padding:0 10px;}
		#bottom-home {border-left:1px solid; border-right:1px solid;}
		
	#bottom a {color:#dfdda3; text-decoration:none;}
	#bottom a:hover {text-decoration:underline;}	
}



