﻿/*::::::::::::::::::::::::::::::::::::::::::::
		Home CSS
		Design/HTML/CSS/JS by Brandon Kidd
		Copyright © 2010 McMurry
::::::::::::::::::::::::::::::::::::::::::::*/

#wrap{ background: transparent url(../Images/bg-wrap-home.jpg) repeat-x center top; }

/* Marquee */
#marquee-wrap{ background: transparent url(../Images/bg-marqueewrap.jpg) no-repeat center top; }
#marquee{ width: 960px; height: 300px; position: relative; margin: 0 auto; }
#marquee .slides{ width: 960px !important; height: 300px !important; position: relative; overflow: hidden; }
#marquee .marquee-pager{ position: absolute; right: 250px; top: 250px; z-index: 80; }
#marquee .marquee-pager a{ height: 20px; background: #fff; color: #4c87bf; display: inline; float: left; font-size: 11px; font-weight: bold; line-height: 20px; margin: 0 10px 0 0; padding: 0 7px; text-decoration: none; -webkit-box-shadow: 0 0 4px rgba(30,69,105,.25); -moz-box-shadow: 0 0 4px rgba(30,69,105,.25); box-shadow: 0 0 4px rgba(30,69,105,.25); }
#marquee .marquee-pager a.activeSlide{ background: #4c87bf; color: #fff; -webkit-box-shadow: 0 0 8px rgba(30,69,105,.5); -moz-box-shadow: 0 0 8px rgba(30,69,105,.5); box-shadow: 0 0 8px rgba(30,69,105,.5); }
#marquee .slide{ width: 960px !important; height: 300px !important; position: absolute; background: transparent no-repeat center top; }
#marquee .slide h2{ text-indent: -99999em; }
#marquee .slide p{ width: 190px; position: absolute; left: 515px; top: 120px; color: #3370aa; font-family: 'CenturyGothicRegular', Arial, Verdana, sans-serif; font-size: 12px; line-height: 16px; }
#marquee .slide .right-panel{ width: 180px; display: inline; float: right; margin: 0 10px 0 0; padding: 30px 30px 10px; }
#marquee .slide .right-panel .field{ margin: 0 0 10px; }
#marquee .slide .right-panel label{ color: #4c87bf; font-family: 'CenturyGothicRegular', Arial, Verdana, sans-serif; font-size: 12px; line-height: 24px; text-transform: uppercase; }
#marquee .slide .right-panel select{ width: 180px; }
#marquee .slide .right-panel input{ width: 174px; }
#marquee .slide .right-panel .button{ width: 30px; height: 24px; background: transparent url(../Images/btn-go.gif) no-repeat center top; display: inline; float: left; overflow: hidden; text-indent: -999999em; }
#marquee .slide .right-panel .button:hover{ background-position: center bottom; }
#marquee .find-a-physician{ background-image: url(../Images/marquee-findaphysician.jpg); }
#marquee .find-a-career{ background-image: url(../Images/marquee-findacareer.jpg); }

/* Content */
#content{ width: 960px; margin: 0 auto; }
#content .module{ position: relative; display: inline; float: left; }
#content .module h2{ background: #4b86be url(../Images/bg-module-h2.gif) repeat-x center top; color: #fff; display: inline; float: left; font-family: 'CenturyGothicRegular', Arial, Verdana, sans-serif; font-size: 1.8em; font-weight: normal; line-height: 1.5em; padding: .2em .56em .17em; text-transform: uppercase; }
#content .module .view-all{ color: #4c87bf; display: inline; float: left; font-size: 1.3em; margin: .65em 0 0 1em; text-decoration: none; }
#content .module .view-all:hover, #content .module .view-all:focus{ color: #6dbe79; text-decoration: underline; }
#content .module .left-arrow, #content .module .right-arrow{ width: 10px; height: 17px; position: absolute; background: transparent no-repeat center top; display: block; overflow: hidden; text-indent: -999999em; z-index: 20; }
#content .module .left-arrow:hover, #content .module .right-arrow:hover{ background-position: center bottom; }
#content .module .left-arrow{ background-image: url(../Images/arrow-left.gif); }
#content .module .right-arrow{ background-image: url(../Images/arrow-right.gif); }
#content .module .information{ height: 200px; border-top: solid 1px #4b86be; clear: both; display: inline; float: left; overflow: hidden; }
#content .module .information h3{ color: #000; font-size: 1.6em; line-height: 1.25em; margin: 0 0 5px; }
/*-- Module: Latest News --*/
#content .module-latest-news{ width: 340px; }
#content .module-latest-news h2{ padding-right: 2.25em; }
#content .module-latest-news h2 a{ width: 16px; height: 16px; position: absolute; left: 130px; top: 9px; background: transparent url(../Images/btn-rssfeed.gif) no-repeat center top; display: block; overflow: hidden; text-indent: -999999em; }
#content .module-latest-news h2 a:hover, #content .module-latest-news h2 a:focus{ background-position: center bottom; }
#content .module-latest-news .information{ width: 330px; overflow: hidden; padding: 0 10px 0 0; }
#content .module-latest-news .article{ background: transparent no-repeat left bottom; margin: 10px 10px 10px 0; padding: 0 0 10px; }
#content .module-latest-news .article small{ color: #666; display: block; font-size: 1.1em; line-height: 1.25em; margin: 0 0 10px; }
#content .module-latest-news .article img{ float: left; }
#content .module-latest-news .article p{ width: 195px; color: #333; display: inline; float: left; font-size: 1.3em; line-height: 1.5em; margin: 0 0 10px 10px; }
#content .module-latest-news .article a{ width: 74px; height: 24px; background: transparent url(../Images/btn-readmore.gif) no-repeat center top; display: inline; float: left; margin: 0 0 0 10px; overflow: hidden; text-indent: -999999em; }
#content .module-latest-news .article a:hover, #content .module-latest-news .article a:focus{ background-position: center bottom; }
#content .module-latest-news .btn-nextarticle{ right: 5px; top: 150px; }
/*-- Module: Career Center --*/
#content .module-career-center{ width: 420px; }
#content .module-career-center .information{ width: 398px; border-left: solid 1px #4c87bf; border-right: solid 1px #4c87bf; padding: 10px 10px 0; }
#content .module-career-center .information p{ color: #666; font-size: 1.1em; line-height: 1.75em; margin: 0 0 10px; }
#content .module-career-center .information .job-search{ width: 100%; border-bottom: dotted 1px #999; display: inline; float: left; margin: 0 0 10px; overflow: hidden; padding: 0 0 10px; }
#content .module-career-center .information .job-search select{ display: inline; float: left; margin: 2px 0; }
#content .module-career-center .information .job-search a{ width: 50px; height: 24px; background: transparent url(../Images/btn-search.gif) no-repeat center top; display: inline; float: left; margin: 0 0 0 5px; overflow: hidden; text-indent: -999999em; }
#content .module-career-center .information .job-search a:hover{ background-position: center bottom; }
#content .module-career-center .information .recent-jobs{ width: 398px; height: 30px; display: inline; float: left; overflow: hidden; }
#content .module-career-center .information .recent-jobs li{ width: 398px; background: #fff; color: #666; display: inline; float: left; font-size: 1.2em; line-height: 1.25em; }
#content .module-career-center .information .recent-jobs li strong{ color: #333; }
#content .module-career-center .information .recent-jobs li a{ color: #4c87bf; font-weight: bold; text-decoration: none; }
#content .module-career-center .information .recent-jobs li a:hover{ color: #6dbe79; text-decoration: underline; }
#content .module-career-center .information .recent-jobs li em{ color: #666; font-size: .9em; }
#content .module-career-center .information .recent-jobs-scroll{ width: 369px; position: relative; margin: 0 15px; }
#content .module-career-center .information .recent-jobs-scroll li{ position: absolute; }
#content .module-career-center .btn-prevjob{ left: 5px; top: 190px; }
#content .module-career-center .btn-nextjob{ right: 5px; top: 190px; }
/*-- Module: Resources --*/
#content .module-resources{ width: 200px; }
#content .module-resources h2{ margin-left: -1px; }
#content .module-resources .information{ width: 190px; padding: 10px 0 0 10px; }
#content .module-resources .information ul li{ background: transparent url(../Images/icon-quicklink.gif) no-repeat left .1em; font-size: 1.4em; line-height: 1.25em; margin: 0 0 .5em; padding: 0 0 0 1.5em; }
#content .module-resources .information ul li a{ color: #333; text-decoration: none; }
#content .module-resources .information ul li a:hover{ color: #4c87bf; text-decoration: underline; }
#content .module-resources .information ul li.resource627{ background-image: url(../Images/icon-billpay.gif); }
#content .module-resources .information ul li.resource628{ background-image: url(../Images/icon-ecard.gif); }
#content .module-resources .information ul li.resource629{ background-image: url(../Images/icon-nursery.gif); }
#content .module-resources .information ul li.resource630{ background-image: url(../Images/icon-forms.gif); }
#content .module-resources .information ul li.resource631{ background-image: url(../Images/icon-insurance.gif); }
#content .module-resources .information ul li.resource632{ background-image: url(../Images/icon-visitinghours.gif); }
/*-- Featured Services --*/
#content .featured-services{ width: 960px; height: 200px; position: relative; background: transparent url(../Images/bg-featuredservices.gif) no-repeat center top; }
#content .featured-services h2{ height: 0px; line-height: 0px; text-indent: -999999em; }
#content .featured-services .services{ width: 880px; height: 186px; position: relative; margin: 8px 40px 6px; overflow: hidden; }
#content .featured-services .services ul{ width: 999999em; position: absolute; }
#content .featured-services .services ul li{ width: 150px; height: 160px; background: transparent url(../Images/bg-service.jpg) no-repeat center top; cursor: pointer; display: inline; float: left; overflow: hidden; padding: 12px 14px 14px 12px; }
#content .featured-services .services ul li.hover{ background-position: center bottom; }
#content .featured-services .services ul li img{ margin: 0 0 5px; }
#content .featured-services .services ul li h3{ color: #000; font-size: 1.4em; line-height: 1.25em; }
#content .featured-services .services ul li p{ color: #666; font-size: 1.1em; line-height: 1.25em; margin: 0 0 .25em; }
#content .featured-services .services ul li.hover p{ color: #4c87bf; }
#content .featured-services .services ul li a{ color: #4c87bf; font-size: 1.1em; text-decoration: none; }
#content .featured-services .services ul li.hover a{ color: #6dbe79; text-decoration: underline; }
#content .featured-services .btn-prevservice, #content .featured-services .btn-nextservice{ width: 10px; height: 17px; position: absolute; top: 90px; background: transparent no-repeat center top; display: block; overflow: hidden; text-indent: -999999em; }
#content .featured-services .btn-prevservice:hover, #content .featured-services .btn-nextservice:hover{ background-position: center bottom; }
#content .featured-services .btn-prevservice{ left: 15px; background-image: url(../Images/arrow-left-w.gif); }
#content .featured-services .btn-nextservice{ right: 15px; background-image: url(../Images/arrow-right-w.gif); }
