.home-page h2 { font-size: 1.3em; color: #005533; font-weight: normal; margin: 0 0 0.6em 0;}
.home-page h2 a { font-size: 1em; color: #005533; font-weight: normal; text-decoration: none; }
.home-page h2 a:hover { color: #D77127; }

.home-page a.more { padding: 0.4em 1em; background: #005533; color: #FFF; text-decoration: none; font-weight: 600; }
/* #FFF4BF */
.content-top { /*background: #FFF4BF;*/ padding-bottom: 20px; }
.content-middle { background: #FFF; border-top: solid 0.5em #58865e; }
.content-middle-orange { border-top: solid 0.5em #D77127; }
.content-bottom { background: #FFF4BF; padding-bottom: 20px; border-top: solid 0.5em #58865e; }

/* Banner */
.banner { float: left; width: 69.791%; /*height: 287px;*/ margin: 20px 0 0 0; background: #00303F; display: inline; }
.banner h1 { color:#FFF; }
.banner h2 a:hover {color:#053;}
.banner .main_image h2 a {color:#FFF; font-weight: bold;}
.banner .main_image h2 a:hover {color:#D77127;}
.banner .main_image a.readMore { color: #D77127; }
.banner .main_image img {width: 100%;}

/* Support */
.support { float: left; width: 30.209%; margin-top: 20px; display: inline; }
.support .padding { padding: 10px 20px 20px 20px; }
.support p { color: #333; line-height: 1.4em; margin: 1em 0;  }
.support p.button { margin-bottom: 0; }
.support .support-btn { 
	display: block; 
	width: 197px; 
	height: 42px; 
	background: url(/assets/images/template/support-btn.png) left top no-repeat; 
	text-indent: -9999em;
	margin: 0 10px; 
}
.support img { border: 0; }

/* Middle */

.bucket_divider {
    background: #D77127;
    clear: both;
    height: 6px;
}

.bucket { float: left; width: 33.3333%; }
.bucket .padding { padding: 6.25%; }
.bucket p { font-size: 1em; color: #333; line-height: 1.4em; margin-bottom: 1em;  }
.bucket img {border: 0; width: 100%}

/* News & Events */
.events ul.articles li { margin: 6px 0; }
.events ul.articles li a { display: block; padding: 6px 0 4px 30px; }


/* Bottom */
.home-page .content-bottom h2 { float: left; padding: 0.4em 1em; background: #005533; color: #FFF; text-decoration: none; font-weight: 600; }
.home-page .content-bottom h2.sub { margin-top: 20px; }

.spotlight-item { clear: both; padding-top: 12px; }
.spotlight-item  img { float: left; margin-right: 10px; }
.spotlight-item  h4 { font-weight: normal; color: #5AA4C9; font-size: 1.1em; margin-bottom: 8px; }

.social-item { clear: both; padding-top: 12px; }
.social-item a.icon { display: block; float: left; margin-right: 10px; }
.social-item a.icon img { border: 0; }
.social-item p { font-size: 0.7em; }
.social-item p a { display: block; }

.twtr-widget { clear: left; }

.contact form { clear: both; padding: 20px; background: #efd39a; }
.contact form label { display: block; font-size: 0.8em; font-weight: bold; }
.contact form input[type="text"], .contact form textarea { width: 220px; padding: 5px; margin-bottom: 1em; border: solid 1px #A9CBE4; }
.contact form textarea { height: 100px; }
.contact form input[type="submit"] { clear: left; float: left; font-size: 1.2em; padding: 0.4em; cursor:pointer; }
.contact form input[type="text"]:focus, .contact form textarea:focus { border-color: #AAA; }

.g_event { display: none; }
#facebox span { display: block; }
#facebox h2 { font-size: 2em; }
#facebox .g_date { font-size: 1.1em; font-weight: bold; margin-top: 10px; color: #053; }
#facebox .g_where {margin: 10px 0;}
#facebox .g_desc {margin: 20px 0;}

/* Slideshow */
.container {
	overflow: hidden;
	margin: 0 auto;
}
#main {
	padding: 10px;
	background: #f0f0f0;
	border: 1px solid #ccc;
}
/*a {color: #fff;}*/

/*--Main Image Preview--*/
.main_image {
	width: 450px; 
	height: 265px;
	float: left;
	background: #333;
	position: relative;
	overflow: hidden;
	color: #fff;
	background-repeat: no-repeat;
	background-position: left top;
}
.main_image h2 {
	color: #FFF;
	font-size: 1em;
	font-weight: bold;
	margin: 0;	
	padding: 10px 10px 4px 10px;
}
.main_image p {
	font-size: 0.8em;
	padding: 0 10px 10px 10px;	
	margin: 0;
	line-height: 1.6em;
}
.block small { 
	padding: 0px; 
	/*background: url(icon_calendar.gif) no-repeat 0 center;*/
	font-size: 0.8em; 
}
.main_image .block small {margin-left: 10px; display: none;}
.main_image .desc {
	position: absolute;
	bottom: 0;	left: 0;
	width: 100%;
	display: none;
}
.main_image .block {
	width: 100%;
	background: #111;
	border-top: 1px solid #000;
}
.main_image a.collapse {
	background: url(/assets/images/home/btn_collapse.gif) no-repeat left top;
	height: 27px; width: 93px;
	text-indent: -99999px;
	position: absolute; 
	top: -27px; right: 20px; 
}
.main_image a.show {background-position: left bottom;} 

.image_thumb {
	float: left;
	width: 196px;
	background: #f0f0f0;
	border-top: 1px solid #ccc;
}
.image_thumb img { display: none; }

.image_thumb ul {
	margin: 0; padding: 0;
	list-style: none;
}
.image_thumb ul li{
	margin: 0; 
	padding: 0;
	background: #f0f0f0 url(/assets/images/home/nav_a.gif) repeat-x;
	width: 195px;
	height: 64px;
	float: left;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #fff;
	border-left: 1px solid #ccc;
}
.image_thumb ul li.hover {
	background: #ddd;
	cursor: pointer;
}
.image_thumb ul li.active {
	background: #fff;
	cursor: default;
}
html .image_thumb ul li h2 {
        font-size: 13px;
	font-weight: bold;
	margin: 0; padding: 0;
}
.image_thumb ul li .block {
        padding: 5px 10px;
}	
.image_thumb ul li p{display: none;}

/*  Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

@media (max-width: 956px) {
	div.support { display: none; }
	.wrapper { width: 100%; }
	.banner { width: 100%; background-color: transparent; }
	#main { border: 0; display: table; }
}

@media (max-width: 800px) {
	.content-top { padding-bottom: 10px; }
	.banner { width: 100%; margin: 10px auto !important; }
}
@media (max-width: 680px) {
	.main_image { width: 68%; }
	.main_image {background-size: cover;}
	.image_thumb { width: 32%; }
	.image_thumb ul li { width: 100%; }
	.bucket h2 { font-size: 1.2em; }
}
@media (max-width: 640px) {
	.content-top { padding-bottom: 0px; }
	.bucket { width: 50%; }
	.bucket_divider { display: none; }
	.banner .main_image h2 { margin-top: 0; padding: 5px 10px; }
}
@media (max-width: 600px) {
	div.image_thumb { display: none !important; }
	div#main { display: block; }
	div.main_image {width: 100%; height: 100%; }
}
@media (max-width: 480px) {
	.bucket { width: 50%; }
	.bucket h2 { font-size: 1.1em; }
	.bucket_divider { display: none; }
	.block p { display: none; }
}
@media (max-width: 320px) {
	div.bucket { width: 100%; }
}