/* BEGIN Special -------------------------   */
/* @group Special */
.noline {text-decoration: none;}
/* @end */
/* END Special -------------------------   */
/* BEGIN Site Basics -------------------------  */
/* @group The Basics */
html {
	}
body {
	background: url(../images/header_bg_full.jpg) no-repeat top center #afb19a;
 	font-size: .9em; 
	font-family: arial;
	line-height: 130%;
 	margin-bottom: 40px;
	font-family: Verdana, Lucida, sans-serif; 
	}
h1 {
	text-decoration:none;
	padding-top: 20px;
	font-family: 'courier new';
	font-size: 2.2em;
	}

h2 {
	text-decoration:none;
	padding: 5px;
	font-family: 'courier new';
	font-size: 1.2em;
	font-weight: bold;
	}


h3 {
	text-decoration:none;
	padding: 5px;
	font-size: 1em;
	font-weight: bold;
	}

p {
	padding: 5px 5px 5px 5px;
	margin-top: 5px;
	}

ul {
	padding: 2px;
	}

li {
	list-style: disc;
	list-style-position: inside;
	padding: 2px;
	border-bottom: 1px dotted #bababa;
	margin-left: 10px;
	}

.caption {
	padding-bottom: 7px;
	padding-top: 7px;
	font-size: .85em;
	line-height: 1.3em;
	font-style: italic;
	}
	
.clear{
	clear:both;
	}
* {
	margin: 0;
	padding: 0;
	}
.dotted {
	border-top: 1px dotted #bababa;
	}
/* @end */
/* END Site Basics -------------------------  */
/* BEGIN Links -------------------------  */
/* @group Links */

a:link              { color:#425144; }
    a:visited           { color:#425144; }
    a:hover             { color:#a2a48f; }
    a:active            { color:#a49b6f; }
    
    a.otherLink:link    { color:#425144; }
    a.otherLink:visited { color:#425144; }
    a.otherLink:hover   { color:#a2a48f; }
    a.otherLink:active  { color:#a49b6f; }


/* @end */
/* END Links -------------------------  */
/* BEGIN Forms -------------------------  */
/* @group Forms */
.right {
	font-family: arial;
	font-size: .9em;
	font-style: italic;
	}

.left {
	font-family: arial;
	font-size: .9em;
	font-style: italic;		
	}
#MemberLoginForm_LoginForm {
	font-family: Arial, verdana; 
	font-size: .9em; 
	padding: 5px; 
	border: 0px solid #bababa;
	}
	
form .field.nolabel {
	float: left;
	}
INPUT, TEXTAREA {
	font-family: Arial, verdana; 
	font-size: .9em; 
	padding: 5px; 
	border: 1px solid #bababa;
	}
.action {
	background: #afb19a; 
	margin-left: 2px;
	}

/* @end */
/* END Forms -------------------------  */
/* BEGIN Tables -------------------------  */
/* @group Tables */
table {
	border-collapse: collapse;
	border-spacing: 0;
	}

caption, th, td {
	text-align: left;
	font-weight: normal;
	}

/* @end */
/* END Tables -------------------------  */
/* BEGIN Typography -------------------------  */
/* @group Typography */
.typography {
	font-family: 'arial';
	color: #4c4d43;
	}	

.typography ul li {
	font-family: 'arial';
	color: #4c4d43;
	}

/* @end */
/* END Typography -------------------------  */
/* BEGIN Image and Caption -------------------------  */
/* @group Image and Caption */
#image {
	padding-top: 7px;
	text-align: center;
	background: #f3f3d6;
	border-width: 1px;
	margin-left: -1px;
	margin-right: -1px;
	border-style: solid;
	border-color: #afb19a;
	}

#image p {
	margin-top: -3px;
	text-align: left;
	font-family: arial;
	font-size: .8em;
	font-style: italic;
	}

.imageright {
	background: #f3f3d6;
	float: right;
	margin: 7px;
	padding: 7px;
	border-style: solid;
	border-width: 1px;
	border-color: #afb19a;
	font-family: arial;
	font-size: .8em;
	font-style: italic;
	}

.imageleft {
	background: #f3f3d6;
	float: left;
	margin: 7px;
	padding: 7px;
	border-style: solid;
	border-width: 1px;
	border-color: #afb19a;
	font-family: arial;
	font-size: .8em;
	font-style: italic;		
	}

#flowerfloat {
	z-index: 2;
	position: absolute;
	margin-left: -130px;
	}
#topcorner {
	background: url(../images/search_bg.png) top left no-repeat;
	}
/* @end */
/* END Image and Caption -------------------------  */
/* BEGIN Image Gallery -------------------------  */
/* @group Image Gallery */
#main_image, #thumbnails, #image_title, #image_description {
	float: left;
	width: 380px;
	margin-bottom: 20px;
	font-size: .875em;
}

#main_image {
	background: #bababa;
	height: 300px;
	margin: 0 auto 20px auto;
	text-align: center;
	overflow: hidden;
	position: relative;
}
	#main_image img {
		height: 100%;
		margin: auto;
	}

#thumbnails, #image_description {
	width: 300px;
	margin-left: 20px;
}

#image_description, #image_title {
	margin-top: 0px;
}

#thumbnails {
	height: 300px;
}

#gallery_list {
	width: 480px;
	margin-right: -10px;
}

#gallery_list .gallery {
	float: left;
	width: 220px;
	margin-right: 20px;
}

#gallery_text p {
	color: gray;
	font-size: .875em;
	line-height: 1.429em;
}

#thumbnails li, #thumbnails div {
	width: 60px;
	height: 60px;
	display: block;
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
}

#right_arrow {
	background: transparent url('http://www.historyandnature.org/images/gallery/next.png') no-repeat scroll top left;
	
}

#left_arrow {
	background: transparent url('http://www.historyandnature.org/images/gallery/back.png') no-repeat scroll top left;
	margin-bottom: 0px;
}

#thumbnails li img {
	width: 100%;
	height: 100%;
}

.nl_thumb {
	margin:0;
}

.title, .description {
	display: none;
}

#main_image #loader {
	position: absolute;
	bottom: 10px;
	right: 10px;
	width: 43px;
	height: 11px;
}

/* @end */
/* END Image Gallery  -------------------------  */



/* BEGIN Container -------------------------  */
/* @group Container */
#Container{
	}

/* @end */
/* END Container  -------------------------  */


/* BEGIN Header -------------------------  */
/* @group Header */
#Header {
	background: url(../images/header/rotate.php) no-repeat top center;
	position: relative;
	height: 150px;
	width: 960px;
	}

/* @end */
/* END Header -------------------------  */
/* BEGIN Navigation - Tabs -------------------------  */
/* @group Navigation - Tabs */
#Navigation {
	background: url(../images/header_bg_02.jpg) no-repeat;
	height: 25px;
	padding-top: 8px;
	padding-left: 190px;
	margin-left: 0px;
	word-spacing: 20px;
	font-family: 'courier new';
	font-size: 14px;

	}
	#Navigation ul { 
 		float: right; 
		margin-right: 10px;
	}
		#Navigation ul li { 
	 		list-style: none; 
			margin: 0 2px; 
			float: left;
			line-height: 2.8em;
			display: block;
		}
  			#Navigation ul li a { 
				float: left;
				text-decoration: none;
				display: block; 
				height: 2.3em; 
				font-size: 1.2em; 
				padding: 0 0 0 10px;
				color: #fff;
			}
				#Navigation ul li a span {
					text-decoration: none;
					text-align: center;
	        		float: left;
					padding-right: 10px;
					height: 2.3em;
				}
					#Navigation ul li a:hover { 
						text-decoration: none;
						color: #fff;
						cursor: pointer;
					}
					#Navigation ul li a:hover span {
						text-decoration: none;
						cursor: pointer;
					}
					
    			#Navigation ul li a.current,
	    		#Navigation ul li a.section,
	    		#Navigation ul li a.section:hover,
	    		#Navigation ul li a.current:hover { 
 					text-decoration: none;
				 	color: #444;
					}
				#Navigation ul li a.current span,
				#Navigation ul li a.section span,
	    		#Navigation ul li a.section:hover span,
				#Navigation ul li a.current:hover span {
					text-decoration: none;
					color: #444;
				}
				
				#childmenu {
					margin-top: -5px;
					margin-bottom: -10px;
					background: transparent;
					font-family: 'courier new';
					font-size: 1.0em;
					font-weight: bold;
					word-spacing: 20px;
				
			
				}

/* @end */
/* END Navigation - Tabs -------------------------  */
/* BEGIN Sidebar LEFT ------------------------- */
/* @group Sidebar LEFT */
/* @group Search Results */
#SearchResults {
	}

#SearchResults h2 {
	font-weight: bold;
	font-size: 1em;
	}

#SearchResults h3 {
	font-size: .8em;
	font-weight: normal;
	font-style: italic;
	padding-left: 40px;
	}

#SearchResults p {
	font-size: .9em;
	margin: 0;
	}
	
#SearchResults li {
	background: url(../images/search_bg.png) top left no-repeat;
	border-top: 1px solid #ffffff;
	padding: 5px 5px 20px 5px;
	}

/* @end */
/* @group Sidebar Generic */
.sidebarBox {
	margin: 0 10px 0 10px;
	}
.sidebarBottom {
	margin: 0 10px 0 10px;
	}

.sidebarHeaderLeft {	
	}

.sidebarHeaderRight {
	}

/* @end */
/* @group Sidebar Left */
#SideBarLeft {
	font-size: .9em;
/*	margin-right: -10px; */
	margin-top: 10px;
	}

#sidebarleft h2 {
	padding: 3px 0 3px 0;
	margin-right: -10px;
	font-family: 'courier new';
	font-size: 1.2em;
	font-weight: bold;
	text-align: center;
	background: url(../images/sidebar_header_bg-left.jpg);
	}

#sidebarleft h3 {
	font-size: .9em;
	font-weight: bold;
	margin-bottom: 0;
	margin-top: 10px;
	padding: 0 0 0 10px;
	}

#sidebarleft p {
	margin-top: 0;
	padding: 0 10px 2px 10px;
	font-family: arial;
	font-size: .3em;	
	}
	
/* #leftsidebar ul{
	padding: 2px 2px 2px 20px;
	}

#leftsidebar ul li{
	font-size: .6em;
	padding: 5px;
	} */

/* @end */
/* @group sidebarleftContent box */
#sidebarleftContent {

	}
#sidebarleftContent h2 {
	padding: 0px 0 3px 0;
	margin-top: 20px;
	font-family: 'courier new';
	font-size: 1.4em;
	font-weight: bold;
	text-align: center;
	background: url(../images/sidebar_header_bg-left.jpg);
	}

#sidebarleftContent h3 {
	font-size: .9em;
	font-weight: bold;
	margin-bottom: 0;
	margin-top: 20px;
	padding: 0 0 0 10px;
	}
	
#sidebarleftContent p {
	font-size: .8em;
	padding: 0 0 0 20px;
	}
	
#sidebarleftContent ul{
	margin-left: 10px;
	}

#sidebarleftContent ul li{
	font-size: .85em;
	list-style-position: inherit;
	list-style-type: disc;
	margin-left: 20px;
	border-bottom: 1px solid #bababa;
	}

/* @end */
/* @group Park Sidebar Left */
#ParkSideBarLeft {
	font-size: .9em;
	}

#Parksidebarleft h2 {
	padding: 3px 0 3px 0;
	margin-right: -10px;
	font-family: 'courier new';
	font-size: 1.2em;
	font-weight: bold;
	text-align: center;
	background: url(../images/sidebar_header_bg-left.jpg);
	}

#Parksidebarleft p {
	margin-top: 10px;
	margin-bottom: 15px;
	font-family: arial;
	font-size: .9em;	
	}

/* @end */
/* @group Mission Sidebar Left */
#mission {
	background: url(../images/mission_bg.jpg) top left no-repeat;
	margin-left: 10px;
	margin-top: 20px	;
	}

#mission h2 {
	padding: 10px 0 3px 0;
	font-family: 'courier new';
	font-size: 1.2em;
	font-weight: bold;
	text-align: center;
	}
	
#mission p {
	margin-bottom: 10px;
	padding: 0 10px 2px 10px;
	font-family: arial;
	font-size: .9em;
	}
.postcard {
	background: url(../images/postcard_bg.jpg) top right no-repeat;
	}
/* @end */
/* @group Testimonial Sidebar Box Left */
#testimonial {
	margin-left: 10px;
	margin-right: -10px;
	margin-top: 20px	;
	}

#testimonial h2 {
	background: url(../images/sidebar_header_bg-left.jpg) left;
	padding: 10px 0 3px 0;
	font-family: 'courier new';
	font-size: 1.2em;
	font-weight: bold;
	text-align: center;
	margin-left: -10px;
	}
	
#testimonial p {
	margin-bottom: 10px;
	padding: 0 10px 2px 10px;
	font-family: arial;
	font-size: .9em;
	}

/* @end */
/* @group EventList Sidebar Box Left */
#eventlist {
	margin-left: 10px;
	margin-right: -10px;
	margin-top: 10px	;
	}
	
#eventlist h2 {
	padding: 10px 0 3px 0;
	font-size: 1.2em;
	font-weight: bold;
	text-align: center;
	background: url(../images/sidebar_header_bg-left.jpg) left;
	margin-left: -10px;
	}
	
#eventlist h3 {
	font-size: .9em;
	font-weight: bold;
	margin-bottom: 0;
	margin-top: 10px;
	padding: 0 0 0 10px;
	}
	
#eventlist p {
	margin-top: 0;
	padding: 0 10px 2px 10px;
	font-family: arial;
	font-size: .9em;
	}
	
#eventlist li{
	}

#eventlist ul{
	padding: 2px 2px 2px 20px;
	}

/* @end */
/* @group NewsBox Sidebar Left */
#newsbox {
	background: url(../images/notebook_bg.jpg) no-repeat top left;
	}
	
#newsbox h2 {
	word-spacing: -8px;
	text-align: center;
	font-family: 'courier new';
	font-weight: bold;
	font-size: 1.8em;
	}
	
#newsbox p {
	font-size: .8em;
	padding-left: 60px;
	padding-right: 30px;
	border: 0px solid #bababa;
	}
	
#newsbox ul {
	padding: 2px;
	}

#newsbox li {
	list-style: disc;
	list-style-position: inside;
	padding: 2px;
	padding-left: 50px;
	border-bottom: 0px dotted #bababa;
	margin-left: 10px;
	}
	
.newsboxbottom {
	background: url(../images/pencil_bg.jpg) top left no-repeat;	
	height: 50px;
	}

/* @end */

/* @end */
/* END Sidebar LEFT -------------------------  */
/* BEGIN Sidebar Right -------------------------  */
/* @group Sidebar RIGHT */
/* @group Twitter */
#twitter_update_list {
	font-family: arial;
	color: #807d71;
	}

#twitter_div {
	}

#twitter_update_div a.time {
	font-size: 85%;
	}
	
#twitter_update_list li{
	margin-bottom: 5px; 
	border-bottom: 1px #d5d2c4 solid;
	}

/* @end */
/* @group Social box */
#SideBarRight {
	font-size: .9em;
	}

#SidebarRight {
	}

#social-right {
	padding-top: 10px;
	}

#social-right h2 {
	margin-left: -15px;
	margin-right: -10px;
	background: #FFFFFF;
	background: url(../images/sidebar_header_bg-right.jpg);
	font-family: 'courier new';
	font-size: 1.2em;
	font-weight: bold;
	text-align: center;
	}

#social-right p {
	margin: 0 10px 0 -5px;
	font-family: arial;
	font-size: .9em;
	}

/* @end */
/* @group Donate Box */
#donate {
	background: #FFFFFF ;
	padding: 3px 0 3px 0;
	margin-left: -10px;
	margin-right: -10px;
	background: url(../images/donate_bg.png) top left no-repeat;
	}

#donate h2 {
	font-family: 'courier new';
	font-size: 1.2em;
	font-weight: bold;	
	text-align: center;	
	}

#donate p {
	padding-left: 10px;
	padding-right: 10px;
	font-family: 'courier new';
	font-family: arial;
	font-size: .9em;
	margin-top: -6px;
	}

/* @end */

/* @end */
/* END Sidebar RIGHT -------------------------  */
/* BEGIN Layout ------------------------- */
/* @group Layout */
#Layout {
	background: url(../images/paper_bg.jpg) no-repeat top center #e9e5d6;
	padding-bottom: 5px;
	padding-top: 10px;
	}
/* @group Blog */
.blogSummary {
	padding-bottom: 0px;
	border-style: solid;
	border-width: 1px;
	border-color: #d6cda6;
	background: #ffffff;
	margin-bottom: 10px;
	margin-top: 10px;
	font-size: 11px;
	}

.blogVitals {
	background: #f4f5ec;
	margin: 5px;
	}

.authorDate {
	background: #f4f5ec;
	font-family: arial;
	font-size: 1.1em;
	margin-top: 0;
	}

.tags {
	background: #f4f5ec;
	font-family: arial;
	font-size: 1.1em;
	}

.blogTitle {
	border-bottom: solid #8b856c 1px;
	border-left: solid #ffffff 1px ;
	border-right: solid #ffffff 1px ;
	border-top: solid #ffffff 1px ;
	padding: 5px;
	background: #b8baa2;
	font-family: 'courier new';
	font-size: 1.4em;
	font-weight: bold;
	}
.blogEntry {
	}

/* @end */
/* @group Membership Form */
.memberform {
	font-family: arial;
	font-size: .8em;
	}

.memberform h1 {
	padding: 3px;
	font-weight: bold;
	font-size: 1.4em;
	}

.memberform h2 {
	padding: 3px;
	font-weight: bold;
	font-family: arial;
	}
	
.memberform p {

	}
.memberform ul {
	margin-left: 10px;
	padding: 2px 2px 2px 20px;
	}

.memberform  ul li {
	padding: 2px;
	}

.memberform label {
	font-weight: normal;
	font-style: normal;
	}

.memberform input textarea {
	font-family: Arial, verdana; 
	font-size: .9em; 
	padding: 5px; 
	border: 0px solid #000000;
	}

/* @end */

/* @end */
/* END Layout -------------------------  */
/* BEGIN Footer -------------------------  */
/* @group Footer */
#footerbox1 {
	background: url(../images/contact.png) bottom center no-repeat #d3d5ba;
	margin: 20px;
	padding: 2px;
	border: solid 1px #adaf99;
	}
	
#footerbox1 h2 {
	margin: 2px;
	padding: 2px;
	font-family: 'courier new';
	font-size: .9em;
	font-weight: bold;
	}
	
#footerbox1 p {
	margin: 2px;
	padding: 2px;
	font-size: .8em;
	}
	
#Footer {
	background: url(../images/footer_bg.jpg) center bottom no-repeat;
	width: 960px;
	height: 140px;
	
	}
#nslogobox {
	height: 75px;
	background: transparent;
	border: solid 1px #ffffff;
	}


#footerbox2 {
	background: transparent;
	padding-right: 40px;
	}

#accessibilitybox {
	text-align: center;
	margin-top: 5px;
	font-size: .7em;
	}

#accessibilitybox h2 {
	}

#accessibilitybox p {
	padding: 5px;
	}
/* @end */
/* END Footer -------------------------  */
/* BEGIN Print -------------------------  */
/* @group Print */
.print {visibility:visible;}

/* @end */
/* END Print -------------------------  */