/*-----------------------------------------
	Basics
-----------------------------------------*/

html, body {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #666;
}	


h1 {
	font-size: 22px;
	line-height: 24px;
	margin: 0px 0 15px 0;
	font-weight: normal;
	color:#304078;
}

h2 {
	font-size: 16px;
	line-height: 18px;
	margin: 20px 0 13px 0;
	font-weight: bold;
	color:#304078;
}

h3 {
	font-size: 14px;
	line-height: 16px;
	margin: 18px 0px 10px 0px;
	font-weight: bold;
	color:#304078;
}

h4 {
	font-size: 13px;
	line-height: 15px;
	margin: 16px 0px 10px 0px;
	font-weight: bold;
	color:#304078;
}

h5 {
	font-size: 12px;
	line-height: 14px;
	margin: 15px 0px 10px 0px;
	font-weight: bold;
	color:#304078;
}

h6 {
	font-size: 12px;
	line-height: 14px;
	margin: 15px 0px 10px 0px;
	font-weight: normal;
	color:#304078;
	text-transform:uppercase;
}

p {
	font-size: 12px;
	margin: 8px 0px;
}

a {
	color:#6ebb1f;
	text-decoration: underline;
}

a:hover {
	color:#666;
	text-decoration: none;
}

ul,
ol {
	margin:10px 30px;
}

	ul li { list-style: disc; }
	ol li { list-style: decimal; }
		
		li ul,
		li ol {margin:0 30px;}
		li ul li { list-style: circle; }
		li ol li { list-style: lower-alpha; }
		
table {
	width: 100%;
	margin: 20px 0;
}		

	th {
		width: 25%;
		padding: 10px 20px;
		color: #304078;
		line-height: 16px;
		border-top: 1px solid #ccc;
		background: url(images/bkgrd_gradient-down.gif) 0 0 repeat-x;
	}
	
		th a {
			color: #304078;
			text-decoration: none;
		}
			th a:hover {
				color: #333;
				text-decoration: underline;
			}
	
	td {
		width: 75%;
		padding: 10px 20px;
		color: #333333;
		font-size: 11px;
		line-height: 16px;
		border-top: 1px solid #ccc;
		background: url(images/bkgrd_gradient-down.gif) 0 0 repeat-x;
	}
	
.floatLeft {float: left;}
.floatRight {float: left;}


/*-----------------------------------------
	Misc stylings
-----------------------------------------*/

.subhead {
	color: #333;
	font-weight: normal;
	font-style: italic;
}

/*-----------------------------------------
	Sidebar Content
-----------------------------------------*/

.column1 h4 {
	float: left;
	width: 100%;
	padding-top: 12px;
	border-top: 2px solid #6db621;
}

.column1 .box {
	float: left;
	width: 100%;
}	

	.column1 ul {
		margin: 0;
	}
	
		.column1 ul li {
			margin: 3px 0;
			padding: 0 0 0 13px;
			list-style: none;
			background: url(images/bullet_sm.gif) 0 5px no-repeat;
		}
	
	.column1 .author {
		color: #666666;
		text-align: right;
		font-size: 11px;
		font-weight: bold;
		line-height: 14px;
	}
	
		.column1 .author em {
			font-weight: normal;
		}

		
/*-----------------------------------------
	Marquee Styles
-----------------------------------------*/

.marquee {
	position: relative;
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

	.marquee ul,
	.marquee ul li {
		float:left;
		width:100%;
		margin: 0;
		padding: 0;
		list-style: none;
	}
		
	.marquee .slides {
		z-index: 0;
		float: left;
		width: 100%;
		background: #000 url(images/marquee_bkgrd.png) 0 0 repeat-x;
	}
	
	.fullcolumn .marquee .slides {width:982px;height: 300px;}	
	
		.marquee .slides a {
			float: left;
			width: 100%;
			height: 100%;
			line-height: 0;
		}


	.marquee .slide_nav {
		position: absolute;
		right:0px;
		bottom: 0px;
	}
		
		.marquee .slide_nav a {
			float: left;
			margin: 0 0 0 2px;
			padding: 0px 6px 0 6px;
			height: 23px;
			font-family: Arial;
			font-size: 10px;
			line-height: 23px;
			color: #fff;
			text-decoration: none;
			background: url(images/marquee_slidenav_off.gif) 0 bottom repeat-x;
		}
		
		.marquee .foot .slide_nav a {
			padding: 0px 12px 0 12px;
			height: 40px;
			font-size: 15px;
			line-height: 40px;
		}
	
			.marquee .slide_nav a:hover {
				color: #c3fc89;
				background: url(images/marquee_slidenav_on2.gif) 0 bottom repeat-x;
			}
		
		.marquee .slide_nav a.activeSlide {
			color: #c3fc89;
			background: url(images/marquee_slidenav_on.gif) center bottom no-repeat;
		}
		
		.marquee .foot .slide_nav a.activeSlide {
			padding-top: 9px;
			margin-top: -9px;
		}


	.marquee .foot {
		position: relative;
		float: left;
		width: 100%;
		height: 40px;
		color: #fff;
		background: url(images/marquee_foot_bkgrd.gif) 0 bottom repeat-x;
	}

		.marquee .foot .news {
			float: left;
			width: 800px;
		}
		
		.marquee .foot .news .news_btn {
			margin: 0;
		}
		
			.marquee .foot .news .news_btn a {
				float: left;
				padding: 0px 13px;
				height: 40px;
				font-family: Helvetica;
				font-size: 14px;
				line-height: 40px;
				/*color: #8f8f8f;*/
				color: #c3fc89;
				text-transform: uppercase;
				text-decoration: none;
				background: url(images/marquee_slidenav_on2.gif) 0 bottom repeat-x;
			}
			
				.marquee .foot .news .news_btn a:hover {
					/*color: #c3fc89;*/
					background: url(images/marquee_slidenav_on2.gif) 0 0 repeat-x;
				}
			
			.marquee .foot .news .news_nav {
				float: left;
				margin: 10px 0 0 8px;
			}
			
				.marquee .foot .news_nav a {
					float:left;
					width: 16px;
					height: 19px;
					text-indent: -9999px;
					overflow: hidden;
					background-position: 0 0;
					background-repeat: no-repeat;
				}
				
					.marquee .news_nav a.btn_prev { background: url(images/news_nav-prev.gif); }
					.marquee .news_nav a.btn_next { background: url(images/news_nav-next.gif); }
					.marquee .news_nav a.btn_pause { background: url(images/news_nav-pause.gif); }
					.marquee .news_nav a.btn_play { background: url(images/news_nav-play.gif); display: none; }
				
						.marquee .foot .news .news_nav a:hover {
							background-position: 0 -19px;
						}

			.marquee .foot .news ul.news_items {
				float: left;
				width: 650px;
				margin: 0 0 0 10px;
				height: 40px;
				overflow: hidden;
			}
			
				.marquee .foot .news ul.news_items li {
					line-height: 40px;
					height: 40px;
					width: 640px;
					background: url(images/marquee_foot_bkgrd.gif) 0 bottom repeat-x;
				}
				
					.marquee .foot .news ul.news_items li a {
						font-size: 11px;
						margin-left: 5px;
					}
		
/*-----------------------------------------
	Homepage Featured Area
-----------------------------------------*/

.featureNav {
	float: left;
	width: 100%;
	background: url(images/featured_bkgrd.png) center top repeat-y;
}

	.featureNav .featureBox {
		position: relative;
		float: left;
		width: 205px;
		padding: 24px 20px;
		background: url(images/bkgrd_gradient-down.gif) 0 0 repeat-x;
	}

	.featureNav .featureSlides {
		position: relative;
		float: left;
		margin: 0 2px;
		width: 448px;
		padding: 24px 20px;
		overflow: hidden;
		background: url(images/bkgrd_gradient-down.gif) 0 0 repeat-x;
	}

	.featureNav .featureSlides .featureSlideNav {
		position: absolute;
		z-index: 2;
		float: left;
		bottom:10px;
		right:19px;
	}
	
		.featureSlideNav a {
			float: left;
			width: 20px;
			height: 21px;
			text-indent: -9999px;
			overflow: hidden;
			background: url(images/featured_prevnext.gif) 0 0 no-repeat;
		}
		
			.featureSlideNav a.btn_feature-next {
				background-position: -20px 0;
			}
		
				.featureSlideNav a:hover {
					background-position-y: -21px;
				}
	
	.featureNav .featureSlides .featureSlideshow {
		position: relative;
		z-index: 0;
		float: left;
		width: 448px;
		padding: 0;
	}

	.featureNav h3 {
		font-size: 12px;
		line-height: 16px;
		font-weight: bold;
		color:#21326e;
		margin: 0;
	}
	
	.featureNav p,
	.featureNav ul li {
		margin: 5px 0;
		font-size: 11px;
		line-height: 15px;
		color:#3b3b3b;
	}

	.featureNav ul {
		margin-left: 10px;	
	}

		.featureNav ul li {
			margin: 2px 0;
			padding: 0 0 0 13px;
			list-style: none;
			background: url(images/bullet_sm.gif) left 4px no-repeat;
		}

	.featureNav .featureBox img,
	.featureNav .featureSlides img {
		float: left;
		margin: 0 20px 0 0;
	}
	
	.featureNav .featureSlides .floatLeft {
		width: 305px;
	}

	a.lnk_learnMore {
		padding: 0 0 0 13px;
		line-height: 15px;
		font-size: 12px;
		text-decoration: none;
		background: url(images/bullet_med.gif) left 2px no-repeat;
	}
	
	.featureNav .featureSlides a.lnk_learnMore {
		display: block;
	}


/*-----------------------------------------
	Article Lists
-----------------------------------------*/

.articles {
	margin: 10px 0 30px 0;
}

	.articles li {
		margin: 15px 0;
		padding: 0;
		list-style: none;
	}

		.articles li.article h5,
		h4.date {
			margin: 0;
			color: #999;
			font-weight: normal;
			font-style: italic;
			font-size: 10px;
		}
		
		.articles li.article h4 {
			margin: 0;
			font-weight: normal;
		}
		
			.articles li.article h4 a {
				color: #304078;
				text-decoration: none;
			}
			
				.articles li.article h4 a:hover {
					color: #6ebb1f;
					text-decoration: underline;
				}
				
			.articles li.article h4 a.cta,
			.articles li.article h4 a:visited.cta {
				color: #6ebb1f;
				text-decoration: underline;
			}
			
				.articles li.article h4 a:hover.cta {
					color: #666;
					text-decoration: none;
				}
			
		.articles li.article p {
			margin: 2px 0;
			color: #666;
		}	
		
		.articles li.article .link {
			font-size: 11px;
			margin: 0;
		}
		
		.articles li.view_all a {
			display: inline;
			text-decoration: none;
			border: 1px solid #dfdfdf;
			padding: 4px 6px;
		}

			.articles li.view_all a:hover {
				color: #333;
				background: #f1f1f1;
			}


/*-----------------------------------------
	Pagination
-----------------------------------------*/

ul.pagination {
	margin: 40px auto 20px auto;
	width: 500px;
	text-align: center;
}

	ul.pagination li {
		display: inline;
		list-style: none;
		margin: 0 3px;
	}
	
	ul.pagination li.current {
		padding: 4px 6px;
		color: #333;
		cursor: default;
	}

		ul.pagination li a {
			display: inline;
			text-decoration: none;
			border: 1px solid #dfdfdf;
			padding: 4px 6px;
		}

			ul.pagination li a:hover {
				color: #333;
				background: #f1f1f1;
			}
			
		ul.pagination li.off a {
			color: #ccc;
		}

			ul.pagination li.off a:hover {
				cursor: default;
				color: #ccc;
				background: #fff;
			}


/*-----------------------------------------
	About Section Misc Styling
-----------------------------------------*/

ul.listing {
	margin: 0;
	padding: 0;
	overflow: auto;
}

	ul.listing li {
		float:left;
		list-style: none;
		width: 200px;
		padding: 0 0 15px 0;
	}


ul.leadership {
	margin: 0;
	padding: 0;
	overflow: auto;
}

	ul.leadership li {
		float: left;
		width: 320px;
		padding-right: 10px;
		margin: 0 0 15px 0;
		list-style: none;
	}
	
		ul.leadership li img {
			float: left;
		}
		
		ul.leadership li .info {
			float: left;
			width: 235px;
			padding-left: 15px;
		}

		ul.leadership li h4 {
			margin: 15px 0 4px 0;
		}
		
		ul.leadership li p {
			margin: 0;
			line-height: 14px;
		}

			ul.leadership li h4 a {
				color: #304078;
				text-decoration: none;
			}
			
				ul.leadership li h4 a:hover {
					color: #6ebb1f;
					text-decoration: underline;
				}


ul.events,
ul.locations {
	margin: 20px 0;
	padding: 0;
	overflow: auto;
}

	ul.events li,
	ul.locations li {
		float: left;
		width: 100%;
		min-height: 60px;
		margin: 0 0 15px 0;
		list-style: none;
	}
	
		ul.events li img,
		ul.locations li img {
			float: right;
			margin: 0 0 10px 10px;
		}
		
		ul.events li h4 {
			margin: 0 0 4px 0;
		}
		
		ul.events li p {
			margin: 0;
			line-height: 14px;
		}

			ul.events li h4 a {
				color: #304078;
				text-decoration: none;
			}
			
				ul.events li h4 a:hover {
					color: #6ebb1f;
					text-decoration: underline;
				}


/*-----------------------------------------
	Forms
-----------------------------------------*/


div.form_error {
	margin: 20px 15px 0 15px;
	padding: 10px 15px;
	background: url(images/bkgrd_gradient-down.gif) 0 0 repeat-x;
}

	div.form_error h4,
	div.form_error p {
		margin: 0;
		color: #ff0000;
	}

div.form_success {
	margin: 20px 15px 0 15px;
	padding: 10px 15px;
	background: url(images/bkgrd_gradient-down.gif) 0 0 repeat-x;
}

	div.form_success h4,
	div.form_success p {
		margin: 0;
		color: #6ebb1f;
	}

ul.form {
	overflow: auto;
	margin: 20px 0;
}

	ul.form li {
		float: left;
		width: 100%;
		margin: 5px 0;
		padding: 0;
		list-style: none;
	}
	
	ul.form li.required {
		text-indent: 145px;
		font-size: 11px;
		color: #ff0000;
	}
	
		ul.form li label {
			float: left;
			width: 120px;
			text-align: right;
			margin: 5px 25px 0 0;
			line-height: 14px;
		}
		
			ul.form li label em {
				color: #ff0000;
				margin: 0 -8px 0 0;
			}
			
		ul.form li.error label {
			color: #ff0000;
		}
		
		ul.form li input {
			float: left;
			margin: 0 10px 0 0;
		}
		
		ul.form li p {
			font-size: 11px;
			margin: 5px 0 0 0;
			line-height: 14px;
			color: #999;
		}

		ul.form li .btn_submit {
			margin: 0 0 0 145px;
		}