﻿@import url('template.css');

/*----------------------------------------
/ Layout
----------------------------------------*/

div#content {width: 100%; padding-top:0px; box-sizing: border-box; -moz-box-sizing: border-box;}
#main div#content {padding: 0; position: relative;}

/*----------------------------------------
/ Hero Slider
----------------------------------------*/
.carousel-contents, .html_carousel,
div.home-slider {z-index: 1; position: relative; top:-10px;}
div.home-slider h2 {display: none;}
div.home-slider dl dt a {display: none;}
.white-bar {position: absolute; bottom: 0; z-index: 3;height: 44px;}
div.home-slider img {width: 980px; height: 320px;}
.white-bar img {width: 980px; height: 44px;}
/* Left Right Nav Controls */
div.nav {position: absolute; top: 110px; z-index: 7;width:100%;}
div.nav a {float: left; text-indent: -9999px; display: block; height: 22px; width: 26px;}
div.nav a#prev2 {background: url('/Images/UserUploadedImages/11/panel-left-btn.png') no-repeat left top; position: absolute;left: 20px;cursor: pointer;}
div.nav a#next2 {background: url('/Images/UserUploadedImages/11/panel-right-btn.png') no-repeat left top; position: absolute;right: 20px;cursor: pointer;}

/* Numbered Controls */
#nav {position: absolute; bottom: 10px; left: 20px; z-index: 4;}
#nav a {background-color: #f2f0ec; display: block; width: 15px; height: 15px; color: #f2f0ec; float: left; margin-right: 2px; text-indent: 9px; line-height: 1.65em; font-size: 10%;}
#nav a.activeSlide {background-color: #898888; color: #898888;}

.html_carousel {height: 240px; width: 980px; overflow: hidden;position: relative;}
.html_carousel .slide {width: 980px; height: 240px;}
.html_carousel .slide a.image {width: 100%; height: 240px; background-size: cover !important;float: left;}
.html_carousel .slide a.text {position: absolute; top: 20%; right: 2%; font-size: 180%; color: #2e424e; width: auto;line-height: normal;padding: 15px;background: #eee; background: rgba(238, 238, 238, 0.5);}
.ie8 .html_carousel .slide a.text {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; top: calc(50% - 50px);}

/*----------------------------------------
/ Bottom Panels
----------------------------------------*/

div.home-about, div.home-quicklinks, div.home-news-widget {width: 340px; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline; margin-top: 10px;}

div.home-about {background: url('/images/UserUploadedImages/12/JoinAgreementHomePageIcon.png') no-repeat -13px 5px;}
div.home-about h2 {color: #96c93c;padding-bottom: 16px;padding-left: 60px;}

.rssfeed_link {margin-left: 20px;}
div.home-news-widget {width: 320px;}
div.home-news-widget h2 {color: #96c93c; padding: 0 0 17px 50px; background: url('/images/UserUploadedImages/12/NewsHomepageIcon.png') no-repeat -13px -8px;}
div.home-news-widget dl {margin: 5px 0;}
div.home-news-widget  span.WidgetMoreLink {font-size: 120%;}
div.home-news-widget a {color: #666; font-size: 80%;}
div.home-news-widget div.mainItem, div.home-news-widget div.subItem {background: url('/Images/UserUploadedImages/11/rhp-ql-dots.jpg') no-repeat 0 5px; padding-left: 15px;}
.rssfeed_link img {margin-top: 10px;}
div.home-news-widget .NewItemLine a {color: #008272; font-weight: bold;}
.NewItemTagText {color: #ef6b00; font: bold 12px Arial; padding-left: 5px;}

div.home-quicklinks {background: url('/images/UserUploadedImages/12/MembershipMultiHomePageIcon.png') no-repeat left 4px;  min-height: 200px; width: 180px;}
div.home-quicklinks h2 {color: #96c93c; padding-bottom: 15px;padding-left: 70px;}
div.home-quicklinks a {font-size: 100%;}
div.home-quicklinks ul {margin: 0; padding: 0;}
div.home-quicklinks ul li {background: url('/Images/UserUploadedImages/11/rhp-ql-dots.jpg') no-repeat 0 10px; list-style: none; 
padding: 5px 15px;
padding: 3px 15px;
}
div.home-quicklinks ul li a {font-size: 110%;}

div#content {padding: 5px 0 !important;}