@import url(reset.css);
@import url(typography.css);

html {
	margin: 0;
	padding: 0;
	}

body {
	margin: 0;
	padding: 0;
	background: #5D964F;
	font-family: Georgia, "Times New Roman", serif;
	text-align: center;
	
	}

a:link {
	color: #AF1D2D;
	}

a:visited {
	color: #397C2B;
	}

a:hover {
	color: #999999;
	}

th {
	background: #E5E5E5;
	font-family: Arial, Helvetica, sans-serif;
	}

table.fd-table {
	border: 1px solid #E5E5E5;
	}
	
	table.fd-table td {
		padding: 5px;
		vertical-align: top;
		}
		
		table.fd-table .date {
			text-align: right;
			}
	
	table.fd-table tr {
		background: #f6f6f6;
		}
		
	table.fd-table .fd-alt {
		background: #ffffff;
		}
	
	table.fd-table a {
		text-decoration: none;
		}
		
		table.fd-table a:hover {
			text-decoration: underline;
			}
		
	table.fd-table a.fd-delete {
		display: block;
		float: right;
		}
	

#wrapper {
	width: 960px;
	margin: 0 auto;
	text-align: left;
	background: #ffffff url(images/body-frame-sides.png) top left repeat-y;
	position: relative;
	}
	
	#wrap-inner {
		background: transparent url(images/nav-background.png) 14px 0 no-repeat;
		padding: 0 21px 0 14px;
		}

	#banner {
		position: relative;
		background: #D2E8CC url(images/banner.png) 0 0 no-repeat;
		color: #397C2B;
		padding: 30px 190px 10px;
		height: 35px;
		}
		
		#banner h1 {
			font-size: 1.1667em;
			font-family: Arial, Helvetica, sans-serif;
			line-height: 1.2857;
			margin: 0;
			font-weight: bold;
			text-transform: uppercase;
			color: #397C2B;
			}
	
		#banner p.tag {
			font-style: italic;
			text-transform: capitalize;
			margin: 0;
			}

	#secondary-nav {
		padding: 14px 0 10px;
		background: transparent url(images/banner.png) bottom left no-repeat;
		font-family: Arial, Helvetica, sans-serif;
		height: 12px;
		line-height: 1;
		overflow: hidden;
		}
		
		#secondary-nav ul {
			list-style: none;
			background: #E5E5E5;
			float: left;
			display: inline;
			margin: 0 0 0 190px;
			padding: 0;
			}
			
			#secondary-nav ul li {
				float: left;
				margin: 0 2em 0 0;
				}
				
			#secondary-nav ul a:link,
			#secondary-nav ul a:visited {
				text-decoration: none;
				color: #AF1D2D;
				}
				
			#secondary-nav ul a:hover {
				color: #999999;
				text-decoration: underline;
				}
			
			#secondary-nav ul li.active a:link,
			#secondary-nav ul li.active a:visited {
				color: #000000;
				font-weight: bold;
				}
	
	#content-wrap {
		margin-top: 30px;
		padding: 0 24px;
		width: 677px;
		float: right;
		background: transparent url(images/content-body-dots-vertical.png) 500px 0 repeat-y;
		}
	
		#content {
			width: 456px;
			float: left;
			margin: 0 24px 0 0;
			}
			
			#content-body {
				float: left;
				width: 244px;
				}
			
			#content .main-image {
				width: 200px;
				height: 200px;
				float: left;
				margin: 0 1em 1em 0;
				position: relative;
				}
				
				#content .main-image .frame {
					background: transparent url(images/frame-square.png) top left no-repeat;
					position: absolute;
					top: 0;
					left: 0;
					width: 200px;
					height: 200px;
					}
				
			#content #buttons {
				clear: both;
				margin-bottom: 1.5em;
				}
				
				#content #buttons h2 {
					}
				
				#content #buttons .button {
					width: 136px;
					font-family: Arial, Helvetica, sans-serif;
					font-size: 1.083em;
					line-height: 1.1;
					color: #AF1D2D;
					float: left;
					background: #E5E5E5 url(images/button-right.png) top right no-repeat;
					}
					
					#content #buttons a {
						display: block;
						}
					
					#content #buttons a:link,
					#content #buttons a:visited {
						color: #AF1D2D;
						text-decoration: none;
						}
					
					#content #buttons a:hover {
						color: #397C2B;
						}
					
					#content #buttons .button .button-inner {
					background: transparent url(images/button-left.png) top left no-repeat;
					padding-top: 10px;
					}
					
						#content #buttons .button .button-inner .bi2 {
							background: transparent url(images/button-left.png) bottom left no-repeat;
							padding-left: 9px;
							}
							
							#content #buttons .button .button-inner .bi3 {
								background: transparent url(images/button-right.png) bottom right no-repeat;
								padding: 0 10px 10px 1px;
								}
					
					#content #buttons .button.button-2 {
						margin: 0 24px;
						}				
				
			#content-extra {
				clear: both;
				}
		
		#secondary-content {
			width: 173px;
			margin: 0 0 0 24px;
			float: right;
			}
			
			#secondary-content .info {
				color: #666666;
				font-family: Arial, Helvetica, sans-serif;
				font-style: italic;
				}
				
				#secondary-content .info a#videolink {
					display: block;
					width: 164px;
					height: 124px;
					overflow: hidden;
					text-indent: -9999em;
					background: transparent url(images/video.jpg) top left no-repeat;
					}
					
					#secondary-content .info a#videolink:hover {
						background-position: 0 -125px;
						}
			
			#secondary-content .story {
				background: transparent url(images/gray-dots.png) top left repeat-x;
				padding-top: 1.5em;
				margin-top: 1em;
				}
				
				#secondary-content .story h2 {
					color: #AF1D2D;
					font-family: Arial, Helvetica, sans-serif;
					font-size: 1.2em;
					font-weight: bold;
					font-style: italic;
					}
				
				#secondary-content .story blockquote {
					color: #AF1D2D;
					font-size: 1.2em;
					line-height: 1.25;
					font-weight: bold;
					margin: 0;
					padding: 0;
					font-style: normal;
					font-family: Arial, Helvetica, sans-serif;
					}
		
	#primary-nav {
		font-family: Arial, Helvetica, sans-serif;
		width: 136px;
		padding: 0 40px 0 24px;
		position: relative;
		left: 0px;
		top: -102px;/**/
		float: left;
		}
		
		#primary-nav img {
			margin: 30px 0; 
			}
	
		#primary-nav ul.nav {
			list-style: none;
			margin: 0;
			padding: 0;
			background-color: #3A7C2B;
			text-transform: uppercase;
			}
			
			#primary-nav ul.nav li {
				margin: 0;
				padding: 0;
				border-bottom: 1px solid #3A7C2B;
				}
			
			#primary-nav ul.nav a {
				display: block;
				padding: .5em 0;
				}
			
			#primary-nav ul.nav a:link,
			#primary-nav ul.nav a:visited {
				color: #ffffff;
				text-decoration: none;
				}
			
			#primary-nav ul.nav a:hover {
				text-decoration: underline;
				}
			
			
			#primary-nav ul li.active a:link,
			#primary-nav ul li.active a:visited {
				color: #000000;
				font-weight: bold;
				}
		
		#primary-nav #email-join,
		#primary-nav #contact {
			color: #ffffff;
			background: #3A7C2B url(images/white-dots.png) top left repeat-x;
			margin-top: 18px;
			padding-top: 18px;
			
			}
			
			#primary-nav #email-join h3 {
				color: #ffffff;
				font-weight: bold;
				text-transform: uppercase;
				font-size: 1em;
				margin: 1em 0 .5em;
				line-height: 1.5;
				}
			
			#primary-nav #email-join a:link,
			#primary-nav #email-join a:visited {
				color: #ffffff;
				text-decoration: none;
				}
			
			#primary-nav #email-join a:hover {
				color: #000000;
				}
			
			#primary-nav #email-join input#email-submit {
				margin-right: 0;
				float: right;
				}
			
			#primary-nav #email-join input#email-address {
				width: 130px;
				}
		
		#primary-nav #contact {
			font-size: .9em;
			}

	#footer {
		padding: 10px 240px 30px 220px;
		}
		
		#footer p {
			margin-bottom: 0;
			}
	
	#body-frame-top {
		background: transparent url(images/body-frame-top.png) top left no-repeat;
		width: 960px;
		height: 36px;
		overflow: hidden;
		position: absolute;
		top: 0;
		left: 0;
		}

	#body-frame-bottom {
		background: transparent url(images/body-frame-bottom.png) top left no-repeat;
		width: 960px;
		height: 44px;
		overflow: hidden;
		position: absolute;
		bottom: 0;
		left: 0;
		}

#content h1,
#content h2,
#content h3,
#content h4,
#content h5, 
#content h6 {
	font-family: Arial, Helvetica, sans-serif;
	}

#content h1 {
	font-size: 1.5em;
	line-height: 1;
	margin: 1em 0 .5em;
	font-weight: bold;
	color: #AF1D2D;
	}

#content h2 {
	font-size: 1.333em;
	line-height: 1.1;
	color: #3a7c2b;
	font-weight: bold;
	margin: .9em 0 .1;
	}

#content h3 {
	font-size: 1.1667em;
	line-height: 1.2857;
	color: #AF1D2D;
	font-weight: bold;
	margin: .9em 0 .1em;
	}

#content ul, 
#content ol {
	}
	
	#content li {
		margin-left: 1.5em;
		}

#content dl.newsletter dt,
#content dl.newsletter dd {
	margin: 0;
	}

#content dl.newsletter dt {
	color: #3a7c2b;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 1.333em;
	line-height: 1.1;
	margin: .9em 0 1.1em;
	clear: both;
	}
	
	#content dl.newsletter.issue dt {
		font-family: Georgia, "Times New Roman", serif;
		font-size: 1em;
		font-weight: normal;
		line-height: 1.5;
		}
	
	#content dl.newsletter dt.hasImage {
		width: 336px;
		float: right;
		}
	
	#content dl.newsletter dt a:link,
	#content dl.newsletter dt a:visited  {
		color: #3A7C2B;
		text-decoration: none;
		}

	#content dl.newsletter dt a:hover {
		color: #AF1D2D;
		}
	
		#content dl.newsletter.issue dt a:link,
		#content dl.newsletter.issue dt a:visited  {
			color: #AF1D2D;
			}

		#content dl.newsletter.issue dt a:hover {
			color: #3A7C2B;
			}
		
	#content dl.newsletter dd {
		margin: 0 0 0 120px;
		}
		
		#content dl.newsletter dd.image {
			float: left;
			margin-left: 0;
			}
	
.clearfix, #content dl.newsletter { display: inline-block; }   
.clearfix:after, #content dl.newsletter:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}
* html .clearfix, #content dl.newsletter { height: 1%; }
.clearfix, #content dl.newsletter { display: block; }