/* Screen styles for longhollow.com v8.0 - Coded with love by Eric Murrell */

html {
	margin: 0;
	padding: 0;
	height: 100%;
}

body {
	margin: 0;
	padding: 0;
	font-family: Lucida Grande, Lucida Sans, Arial, Helvetica, sans-serif;
	background-color: #c5c3b4;
	color: #3e3c2f;
	height: 100%;
}

h1, h2, h3, h4, h5, h6, h7, p, form, ul, ol, li, blockquote { /* resets most browser styles to enhance cross-browser compatibility */
	margin: 0;
	padding: 0;
}

a:link {color: #975a18; text-decoration: underline;}
a:visited {color: #975a18; text-decoration: underline;}
a:hover {color: #975a18; text-decoration: none;}
a:active {color: #975a18; text-decoration: underline;}

/* ----- HOMEPAGE MAIN STRUCTURE ----- */

#container { /* only for the sticky footer to work */
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -256px auto;
}

#header {
	height: 151px;
	background: url(../images/header_logo.jpg) no-repeat;
	background-position: top center;
	margin: 4px 0 0 0;
}

#spotlight-content {
	height: 371px;
	width: 680px;
	margin: 0 auto;
	padding: 23px 0 0 5px;
}

#news-events {
	width: 680px;
	margin: 0 auto;
	padding: 23px 0 23px 5px;
}

#footer {
	border-top: 6px solid #a8a395;
	background-color: #2b454e;
	height: 250px;
}

.footer-padding {
	height: 186px;
}

/* ----- FEATURES AND PROMOS ON HOME PAGE ----- */

.feature-box {
	width: 667px;
	height: 348px;
	padding: 4px;
	background-color: #fff;
	margin: 0 0 23px 0;
	overflow: hidden;
}

.feature-box img {
	border: 1px solid #6d6e64;
}

#sub-feature1 { /* Promo #1 */
	padding: 4px;
	background-color: #fff;
	width: 199px;
	height: 117px;
	margin: 0 27px 0 0;
	float: left;
}

#sub-feature1 img {
	border: 1px solid #6d6e64;
}

#sub-feature2 { /* Promo #2 */
	padding: 4px;
	background-color: #fff;
	width: 199px;
	height: 117px;
	margin: 0 27px 0 0;
	float: left;
}

#sub-feature2 img {
	border: 1px solid #6d6e64;
}

#sub-feature3 { /* Promo #3 */
	padding: 4px;
	background-color: #fff;
	width: 199px;
	height: 117px;
	float: left;
}

#sub-feature3 img {
	border: 1px solid #6d6e64;
}


/* ----- HOMEPAGE NEWS ITEMS ----- */

/* Top News Item */

.top-news-item {
	width: 661px;
	min-height: 94px;
	padding: 0 12px 0 0;
}

.top-news-item h4 {
	padding: 0 0 3px 0;
}

.top-news-item h4 a:link {font-size: 1em; color: #975a18; text-decoration: none;}
.top-news-item h4 a:visited {font-size: 1em; color: #975a18; text-decoration: none;}
.top-news-item h4 a:hover, .top-news-item h4 a.hover {font-size: 1em; color: #975a18; text-decoration: underline;}
.top-news-item h4 a:active {font-size: 1em; color: #975a18; text-decoration: none;}


.top-news-item p {
	font-size: .75em;
	height: 44px;
}

.top-news-item img {
	border: 4px solid #fff;
	float: left;
	margin: 0 12px 0 9px;
}

.news-item-odd a:link.more-link, .news-item a:link.more-link, .top-news-item a:link.more-link {display: block; width: 52px; height: 19px; text-indent: -7000px; background: url(../images/btn_newsfeed_more.png) no-repeat; float: right;}
.news-item-odd a:visited.more-link, .news-item a:visited.more-link, .top-news-item a:visited.more-link {display: block; width: 52px; height: 19px; text-indent: -7000px; background: url(../images/btn_newsfeed_more.png) no-repeat; float: right;}
.news-item-odd a:hover.more-link, .news-item-odd a.hover.more-link, .news-item a:hover.more-link, .news-item a.hover.more-link, .top-news-item a:hover.more-link, .top-news-item a.hover.more-link {display: block; width: 52px; height: 19px; text-indent: -7000px; background: url(../images/btn_newsfeed_more.png) no-repeat; background-position: 0 -19px; float: right;}
.news-item-odd a:active.more-link, .news-item a:active.more-link, .top-news-item a:active.more-link {display: block; width: 52px; height: 19px; text-indent: -7000px; background: url(../images/btn_newsfeed_more.png) no-repeat; background-position: 0 -38px; float: right;}

/* Odd and Even News Items */

.news-item {
	width: 661px;
	min-height: 110px;
	border-top: 1px dashed #a2a093;
	padding: 0 12px 0 0;
}

.news-item-odd {
	width: 661px;
	min-height: 110px;
	border-top: 1px dashed #a2a093;
	background-color: #dbd8c9;
	padding: 0 12px 0 0;
}

.news-item h4, .news-item-odd h4 {
	padding: 16px 0 3px 0;
}

.news-item h4 a:link, .news-item-odd h4 a:link {font-size: 1em; color: #975a18; text-decoration: none;}
.news-item h4 a:visited, .news-item-odd h4 a:visited {font-size: 1em; color: #975a18; text-decoration: none;}
.news-item h4 a:hover, .news-item h4 a.hover, .news-item-odd h4 a:hover, .news-item-odd h4 a.hover {font-size: 1em; color: #975a18; text-decoration: underline;}
.news-item h4 a:active, .news-item-odd h4 a:active {font-size: 1em; color: #975a18; text-decoration: none;}


.news-item p, .news-item-odd p {
	font-size: .75em;
	height: 44px;
}

.news-item img, .news-item-odd img {
	border: 4px solid #fff;
	float: left;
	margin: 16px 12px 0 9px;
}



/* Feature Nav Experement */

.feature-nav {
	position: absolute;
	z-index: 100;
	padding: 0 0 0 10px;
	margin: 141px 0 0 0;
	display: none;
}

.feature-nav a#back:link {display: block; width: 40px; height: 70px; text-indent: -9000px; background: url(../images/featureleft2.png) no-repeat; float: left;}
.feature-nav a#back:visited {display: block; width: 40px; height: 70px; text-indent: -9000px; background: url(../images/featureleft2.png) no-repeat; float: left;}
.feature-nav a#back:hover {display: block; width: 40px; height: 70px; text-indent: -9000px; background: url(../images/featureleft2.png) no-repeat; float: left;}
.feature-nav a#back:active {display: block; width: 40px; height: 70px; text-indent: -9000px; background: url(../images/frontend/featureleft2.png) no-repeat; float: left;}

.feature-nav a#forward:link {display: block; width: 40px; height: 70px; text-indent: -9000px; margin: 0 0 0 610px; background: url(../images/featureright2.png) no-repeat; background-position: 0 -70px;}
.feature-nav a#forward:visited {display: block; width: 40px; height: 70px; text-indent: -9000px; margin: 0 0 0 610px; background: url(../images/featureright2.png) no-repeat; background-position: 0 -70px;}
.feature-nav a#forward:hover {display: block; width: 40px; height: 70px; text-indent: -9000px; margin: 0 0 0 610px; background: url(../images/featureright2.png) no-repeat; background-position: 0 -70px;}
.feature-nav a#forward:active {display: block; width: 40px; height: 70px; text-indent: -9000px; margin: 0 0 0 610px; background: url(../images/featureright2.png) no-repeat; background-position: 0 -70px;}