/* reset */ h1,h2,h3,h4,h5 {margin: 0; padding: 0;} ul {padding: 0; margin: 0; list-style: none;} ul li {list-style: disc; padding: 0; margin: 0;} html { background: overflow-y: scroll; overflow: -moz-scrollbars-vertical; } html {background: url(images/html-bg.png) scroll 0 0;} body {font-size: small; font-family: Verdana, sans-serif; background: url(images/body-bg.png) scroll repeat-x 0 0; margin-bottom: 40px; } table, tr, td {border: 0; padding: 0; margin: 0;} a {outline: none;} /* Misc */ .clear {clear: both;} .left {float: left;} .right {float: right;} .txtC {text-align:center;} .txtR {text-align:right;} .noUnder {text-decoration: none;} .gMap code {display: none;} /* theme */ h1 {display: block; padding-bottom: 4px; margin: 0 0 .5em 0; font-size: 1.5em; font-weight: normal; font-family: Verdana, Sans-Serif; background: url(images/title-hr.png) scroll no-repeat left bottom;} h2 {font-family: Verdana, san-serif; background: url(images/line.jpg) left bottom no-repeat; padding: 8px 0; margin: 5px; font-size: 1.25em; font-weight: normal;} .clearable {color: #999;} .accentTxt {font-family: Verdana, Sans-Serif;} .accent {color: #bd1713;} .accent a {color: #bd1713;} a.accent {padding-left: 10px; background: url(images/redArrow.gif) 0 7px no-repeat; text-decoration: none; height: 20px; display: inline-block;} a.accent:hover {text-decoration:underline;} .border {border: solid #baaf91 2px;} ul.accent {padding: 3px;} ul.accent li {background: url(images/redArrow.gif) 3px 6px no-repeat; padding-left: 17px; line-height: 20px;} ul.accent li a {text-decoration: none;} ul.accent li a:hover {text-decoration: underline;} ul.bulleted-item li {list-style: disc inside none;} /* Global */ .page-wrapper {width: 970px; margin: 0 auto; background: url(images/page-wrapper-bg.png) scroll no-repeat center bottom; _background: none;} .page {width: 960px; margin: 0 auto;} #primary {height: 42px; width: 100%; text-align: center; background: url(images/primary-nav-bg.png) scroll no-repeat center center; font-family: Verdana, Arial, Sans-Serif; font-size: 1.15em; color: #fff;} #primary a {color: #fff; text-decoration: none; display: inline-block; } #primary li li a:hover {background: #7D6A51; } #primary ul {height: 42px;} #primary li {float: left; position: relative; list-style-type: none; height: 42px; line-height: 40px; background: url(images/menu-item-divider.png) scroll no-repeat left center;} #primary>ul>li.first {background: none; padding: 0 20px;} #primary li.first {_background: none;} #primary li li.first {_background: url(images/primary-nav-bg.png) -1000px -1000px no-repeat;} #primary li li, #primary li li {background-position: -100px -100px;} #primary ul a {padding: 0 3.0em; _padding: 0 3.45em; height: 42px; line-height: 40px;} #primary ul li:hover {cursor: pointer;} .primary-child-wrapper {display: none; height: auto; z-index: 10; position: absolute; top: 42px; left: 0; width: 100%; _width: 175px; font-size: .8em;} #primary ul ul {display: block; height: auto; background: #7E6E58 url(images/primary-nav-child-bg.png) scroll repeat-x 0 bottom;} #primary ul ul li {display: block; float: none; height: 25px; line-height: 25px; border-top: #fff 1px solid; } #primary ul ul li.first {border: none;} #primary ul ul li.last a {padding-bottom: 3px;} #primary ul ul a {display: block; height: 15px; line-height: 15px; padding: 5px 0;} #primary ul li:hover .primary-child-wrapper, #primary ul li.selected .primary-child-wrapper, #primary ul li:hover .cap, #primary ul li.selected .cap {display: block;} #primary .cap {display: none; height: 8px; width: 100%; padding-left: 8px; bottom: 0; background: url(images/cap-left.png) scroll no-repeat left top; _background: url(images/cap-left-ie.gif) scroll no-repeat left top; } #primary .cap-inner {display: block; height: 8px; margin-right: 8px; background: url(images/cap-right.png) scroll no-repeat right top; _background: url(images/cap-right-ie.gif) scroll no-repeat right top;} /*#primary .cap-inner {display: block; height: 8px; width: 8px; float: right; background: url(images/cap-right.png) scroll no-repeat 0 0;}*/ #secondary li {list-style-type: none;} #secondary {background: url(images/secondary-nav-bg.jpg) scroll no-repeat center top; padding: 15px 10px; font-family: Verdana, Sans-Serif;} #secondary a {display: block; text-decoration: none; padding: 5px 0; color: #000; font-weight: bold;} #secondary a:hover {text-decoration: underline;} #secondary h3 a {margin: 0 20px 8px 20px; color: #000; font-size: 1.3em; text-decoration: none; } #secondary h3 a.active {color: #197691; text-decoration: underline;} #secondary ul {display: block; margin: 0 20px; border-top: 2px #ccc dotted;} #secondary li {display: block; border-bottom: 2px #ccc dotted; font-size: .9em;} #secondary .active {border: none;} #secondary .active a {padding-left: 15px; font-size: 1.05em; font-weight: bold; color: #197691; border-bottom: 2px #ccc dotted; text-decoration: underline; background: url(images/redArrow.gif) scroll no-repeat left center;} #secondary .childActive {border: none;} #secondary .childActive a {font-size: 1.05em; font-weight: bold; border-bottom: 2px #ccc dotted;} #secondary .active li a, #secondary .childActive li a {padding-left: 15px; border: none; text-decoration: none; background-position: -1000px -1000px;} #secondary .childActive .active li {border-bottom: 2px #ccc dotted;} #secondary .childActive .active a {padding-left: 30px; background: url(images/redArrow.gif) scroll no-repeat 15px center; font-weight: bold; text-decoration: underline; border-bottom: 2px #ccc dotted;} #secondary .childActive .childActive li a {padding-left: 30px;} #secondary .childActive .childActive .active a {padding-left: 45px; background-position: 30px center;} #secondary .childActive li a {border-bottom: 2px #ccc dotted;} #secondary .childActive li, #secondary .childActive li li {border: none; font-weight: normal;} #secondary .childActive li a {font-weight: bold;} #secondary .childActive .active {border: none;} #secondary .childActive .active li a {background: none; text-decoration: none; border: none;} #secondary .active li a:hover, #secondary .childActive li a:hover {text-decoration: underline;} #secondary ul ul {margin: 0; border: none;} #secondary ul ul ul .active {border-bottom: 2px #ccc dotted;} #secondary ul .active ul li a {font-size: 1em; color: #000;} .childSecondary {margin-top: 25px;} .childSecondary a {color: #27798E !important; background: url(images/blueArrow.gif) 0 4px no-repeat; padding-left: 13px; text-decoration: none;} .childSecondary a:hover {text-decoration: underline;} .childSecondary h4 {text-transform:uppercase; color: #bd1713; margin-bottom: 5px;} .childSecondary ul li {list-style: none !important;} #crumb-container {font-size: .85em; font-family: Verdana, Sans-Serif; margin-bottom: 10px; } #crumb a {color: #1b7992;} #crumb a:hover {text-decoration: none;} #crumb li {list-style-type: none;} #crumb ul li {float: left;} #content {width: 620px; background: #fff; font-size: .9em; line-height: 1.7em; min-height: 400px;} #content a {color: #bd1713;} #content h2 a {color: #000; text-decoration: none;} #content ul {padding: 0 20px;} #content .divider {margin-top: 10px;} #content .banner-divider {background: url(images/divider.jpg) top center no-repeat; height: 15px; margin: 30px 3px;} .content-banner-frame {width: 238px; height: 119px; padding: 6px 8px 9px 8px; _padding: 9px 8px 6px 8px; background: url(images/content-banner-bg.jpg) scroll no-repeat center center; margin: 0 auto;} .content-banner-frame a {display: block;} .fmd-summary {padding-top: 20px;} .fmd-article-title {display: block; font-size: 1.4em; font-weight: bold; line-height: 1.9em; color: #BD1713; float: left; margin-right: 15px; background: url(images/rail-title-hr.png) scroll no-repeat left bottom;} .fmd-summary-item {padding-bottom: 20px; margin-bottom: 20px; background: url(images/divider.jpg) scroll no-repeat center bottom;} .fmd-summary-item a {display: block;} .fmd-summary-item a img {display: block; float: left; margin-right: 15px;} .fmd-summary-item p {margin-bottom: 0;} .fmd-summary-item .read-more {display: block; text-align: right; padding-right: 45px; float: right;} .fmd-summary-item .read-more a {float: right;} .fmd-summary-item .read-more a:hover {text-decoration: underline;} #header {height: 148px; background: url(images/header-bg.png) scroll repeat-x 0 0; position: relative; z-index: 21; } #logo {width: 382px; text-align: center;} #logo td {height: 106px; } #header-links { position: absolute; top: 0; right: 0; _width: 362px; min-height: 22px; height: auto !important; height: 22px; font-family: Verdana, Sans-Serif; font-size: .85em; color: #7a6842; } #header-links a { text-decoration: none; padding: 0 5px 0 4px; color: #7a6842; background: url(images/header-links-separator.png) scroll repeat-y right top; } #header-links .last a {background: none; padding-right: 0;} #header-links a:hover { text-decoration: underline; } #header-links ul { display: block; text-align: right; min-height: 22px; height: auto !important; height: 22px; margin-right: 20px; } #header-links li { display: block; float: left; line-height: 22px; } #header-links li.last { margin-right: 0; } #header-rep-contact {position: absolute; top: 27px; right: 0; margin-right: 20px;} #header-rep-contact ul {display: block;} #header-rep-contact li {display: block; float: left;} #header-rep-contact img {display: block; } #header-rep-contact .contact-info { margin-right: 5px; position: relative; height: 70px;} #header-rep-contact .contact-info {text-align: right;} #header-rep-contact .name {font-size: 1.3em; color: #197691; font-weight: bold; padding-bottom: 3px; font-family: Arial, Sans-Serif;} #header-rep-contact .phone {font-size: 1.1em; font-weight: bold; font-family: Arial, Sans-Serif;} #header-rep-contact .button {position: absolute; bottom: 0; right: 5px; height: 20px; width: 88px; background: url(images/header-contact-me-button.gif) scroll no-repeat center center; text-align: center;} #header-rep-contact .button a {color: #fff; text-decoration: none; line-height: 19px; font-size: .9em; font-weight: bold; font-family: Verdana. Sans-Serif;} #header-rep-contact .button a:hover {text-decoration: underline;} #header-rep-contact .message {margin-top: 7px;} #primary {width: 960px; height: 42px; position: absolute; left: 0; bottom: 0;} #main {width: 960px; background: #fff url(images/main-bg.png) scroll repeat-x 0 0; position: relative; z-index: 20; } #main-column-interior {width: 680px; min-height: 500px; height: auto !important; height: 500px; padding-top: 10px; float: right;} #rail-column-interior {width: 260px; min-height: 500px; height: auto !important; height: 500px; padding: 10px; float: left;} #masthead { width: 660px; height: 160px; margin-bottom: 10px; } #masthead-frame { width: 660px; height: 160px; background: url(images/masthead-frame.png) scroll no-repeat 0 0; _background: url(images/masthead-frame-ie.gif) scroll no-repeat 0 0; } #masthead-image { width: 660px; height: 160px; display: block; } #content-canvas { width: 620px; min-height: 250px; height: auto !important; height: 250px; padding: 15px 20px 20px 20px; background: url(images/content-canvas-bg.gif) scroll no-repeat left top; } #my-account-menu { height: 253px; background: url(images/my-account-menu-bg.gif) scroll no-repeat 0 0; padding: 12px 16px 0 16px; margin: 0 0 20px 10px; } #my-account-menu .item { width: 208px; height: 53px; line-height: 53px; padding-bottom: 9px; background: url(images/my-account-menu-item.png) scroll no-repeat center top; } #my-account-menu .item:hover {background: url(images/my-account-menu-item-hover.png) scroll no-repeat center top;} #my-account-menu .item a { display: block; height: 53px; line-height: 53px; padding-left: 50px; color: #bf2712; font-size: 1em; font-weight: bold; text-decoration: none; text-shadow: #ccc 1px 1px; } #my-account-menu .item a:hover {text-shadow: none;} #my-account-menu .item a span { padding-right: 15px; background: url(images/my-account-menu-item-arrow.gif) scroll no-repeat right center; } .pay-bill {margin-left: 18px; background: url(images/pay-bill-icon.gif) scroll no-repeat 10px center;} .report-claim {margin-left: 10px; background: url(images/report-claim-icon.gif) scroll no-repeat 10px center;} .get-quote {margin-left: 20px; background: url(images/get-quote-icon.gif) scroll no-repeat 2px center;} .view-account {background: url(images/view-account-icon.gif) scroll no-repeat 10px center;} #my-account-menu.mountain-west .item {line-height: 16px;} #my-account-menu.mountain-west.internal .item {margin-bottom: 15px;} #my-account-menu.mountain-west .item a {line-height: 16px; font-size: .75em; } #my-account-menu.mountain-west .item a span {display: block; padding-top: 9px;} #my-account-menu.mountain-west .item a span { background-position: 125px 22px; } #my-account-menu.mountain-west .pay-bill-life span{ background-position: 100px 22px !important;} #my-account-menu.mountain-west .report-claim {margin-left: 18px;} #my-account-menu.mountain-west .report-claim span{line-height: 35px; background-position: 90px 22px !important; } #my-account-menu.mountain-west.internal {padding-top: 30px; height: 235px; } #rail-banners { width: 254px; margin: 0 0 10px 3px; } #rail-banners ul {display: block;} #rail-banners li {display: block; width: 238px; height: 119px; padding: 6px 4px 9px 4px;} .index #rail-banners li {width: 240px; padding: 6px 4px 9px 4px;} #rail-banners a {display: block;} #rail-banners img {display: block; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 1px 1px 5px #666; -webkit-box-shadow: 1px 1px 5px #666; box-shadow: 1px 1px 5px #666;} #resource-links {margin: 0 10px 10px 10px; font-size: .85em; } #resource-links .title-wrapper {background: url(images/rail-title-hr.png) scroll no-repeat left bottom;} #resource-links h2 {padding-left: 26px; background: url(images/resource-icon.png) scroll no-repeat left center;} #resource-links ul {margin-left: 5px;} #resource-links li {list-style-type: none;} #separator {height: 42px; line-height: 42px; background: url(images/gloss-red.png) scroll repeat-x 0 center; padding: 0 20px; } #social-links {width: 300px; height: 42px; line-height: 42px; float: left; font-weight: bold; color: #fff;} #social-links .social-title {display: block; float: left; margin-right: 10px;} #social-links ul {height: 42px; line-height: 42px; margin: 0; padding-top: 0;} #social-links li {display: block; width: 27px; height: 27px; float: left; margin-right: 7px; padding-top: 7px;} #social-links a {display: block; width: 27px; height: 27px;} #social-links .facebook {background: url(images/facebook-icon.gif) scroll no-repeat center center;} #social-links .twitter {background: url(images/twitter-icon.gif) scroll no-repeat center center;} #social-links .youtubelink {background: url(images/youtube-icon.gif) scroll no-repeat center center;} #slogan {height: 42px; line-height: 42px; float: right; text-transform: uppercase; font-weight: bold; color : #fff;} .slogan-text {display: block; float: left; height: 42px; line-height: 42px;} #slogan sup {height: 32px; line-height: 32px; display: block; float: left;} #footer-content {background: url(images/footer-content-bg.gif) scroll no-repeat center bottom; min-height: 100px; height: auto !important; height: 100px; padding: 20px 20px 10px 20px;} #footer-content, #footer-content a {color: #fff; text-decoration: none;} #footer-content a:hover {text-decoration: underline;} #footer-link-container {clear: both; margin-bottom: 20px;} #footer-links {display: block; float: left; font-family: Verdana, Sans-Serif; font-weight: bold;} #footer-links li {display: block; float: left; padding-right: 8px; margin-right: 8px; background: url(images/footer-link-separator.gif) scroll no-repeat right center;} #footer-links li.last {background: none;} #legal-links {display: block; float: right; font-family: Verdana, Sans-Serif; font-size: .75em;} #legal-links li {display: block; float: left; padding-left: 8px; margin-left: 8px; background: url(images/footer-link-separator.gif) scroll no-repeat left center;} #legal-links li.first {background: none;} #footer-text {font-size: .85em; clear: both; } #hero {height: 320px; border-bottom: solid #baaf91 5px; background: url(images/heroBg.jpg) no-repeat;} #hero .panes {height: 100%; width: 100%; position: relative;} #hero .nameVideoPortrait {_text-align: right; padding-top: 7px;} #hero .panes .lPane {float: left; position: relative; z-index: 4; height: 300px; width: 465px; padding: 10px 5px 10px 10px;} #hero .panes .rPane {width: 50%; float: right; height: 100%; top: 0; position: relative;} #hero .video {position: absolute; bottom: 1px; } #hero .portrait {float: left; margin-left: 25px; margin-top: 15px;} #hero .portrait img {width: 200px; height: 250px; display: block; border: 3px #fff solid;} #hero .info {position: absolute; right: 0; z-index: 3; padding-right: 20px; color: #fff; text-align: right; height: 290px; width: 210px;} #hero h1 {background: none; font-weight: bold; font-size: 1.7em; margin-bottom: 0; color: #fff; text-align: right; display: inline; padding-left: 15px; padding-bottom: 0; } #hero .info a {display: block; margin-bottom: 5px; padding: 3px 0; color: #197691; font-size: .85em; font-weight: bold;} #hero .info p {margin-bottom: 5px;} #hero a.refer {background-position: 100px 4px; margin-top: 5px;} #hero .info address, #hero .info strong {font-size: 1.2em; font-weight: normal; text-shadow: 1px 1px 2px #000;} #hero .weather {position: absolute; width: 171px; height: 52px; bottom: 0px; right: 20px; text-align: right; color: #fff; _color: #197691; font-size: .85em; text-shadow: 1px 1px 3px #000;} #hero .weather span {display: block; } #hero .weather code {display: none;} #hero .btnContactMe {position: absolute; right: 20px; width: 117px; height: 26px; margin: 0 !important; padding: 0 !important; background: url(images/btnContactMe.png) no-repeat; _background-image: url(images/btnContactMe.gif);} #hero .mastHeadImageFrame {width: 465px; height: 302px; position: absolute; left: 6px; top: 8px; z-index: 2; background: url(images/indexMastheadImageFrame.png) scroll 0 0 no-repeat; _background: url(images/indexMastheadImageFrame.gif) scroll 0 0 no-repeat;} #hero .mastheadImage {width: 465px; height: 302px; position: absolute; left: 6px; top: 8px; z-index: 1;} #hero .mastheadImage img {display: block;} #hero .mastHeadRibbon {width: 960px; height: 54px; position: absolute; left: 0; bottom: 0; clear: both; z-index: 3; background: url(images/heroRibbon.png) repeat-x 0 0; _background-image: url(images/heroRibbon.gif);} #hero .mastHeadRibbon .inner{width: 100%; height: 100%; position: relative;} #hero .btnGetAQuote {position: absolute; bottom: 0; right: 20px; display: block; width: 167px; height: 29px; padding: 0 !important; margin: 0 !important; background: url(images/btnGetAQuote.png) no-repeat; _background: url(images/btnGetAQuote.jpg) no-repeat;} #hero a.otherLocations {margin-bottom: 3px;} .index #main-column {width: 670px; padding: 0 0 10px 10px; float: left; background: #fff url(images/index-bg.jpg) repeat-x;} .index #rail-column {width: 255px; _width: 215px; padding: 6px 15px 10px 10px; _padding: 6px 8px 10px 0px; float: right; background: #fff url(images/index-bg.jpg) repeat-x;} .index h2 {margin: 0 0 3px 0; padding: 0 0 6px 0; font-size: 1.08em; font-weight: bold;} .index #my-account-menu {background: url(images/rail-links-bg.jpg) no-repeat; width: 100%; height: 225px; margin-left: 3px; padding-top: 25px; margin-bottom: 5px;} .index #my-account-menu .item {padding-bottom: 17px;} .index #content {width: 100%; background: url(images/index-content-y.jpg) repeat-y;} .index #content-canvas {background: url(images/index-content-top.jpg) no-repeat; width: 630px; padding: 20px 20px 0px 25px; margin-right: 10px;} .index #content .intro {width: 365px; float: left; padding-right: 10px; } .index #content .slider {float: left; padding: 0;} .index #content .content { } .index #content .image { display: block; margin-right: 20px; } .index #content .content h2 { display: inline; } .index #content p { margin-top: 10px; } .index #content .fair {background: url(/images/content/countyFair.jpg) no-repeat;} .index #content .fitness {background: url(/images/content/countyFitness.jpg) no-repeat;} .index #content2 {padding: 0 0 0 3px; width: 100%; margin: 10px 0;} .index #content2 .content-small {width: 290px; height: 155px; background: url(images/content-bg-small.jpg) no-repeat; padding: 12px 20px 12px 20px; margin-right: 5px;} .content-small h2 a {color: #000; text-decoration: none;} .index #content2 #video .left {width: 100px; padding-right: 10px;} .index #content2 #video img {float: left;} .index #content2 #team img {float: left; } .index #content2 #team .right {width: 190px; } .divider {background: url(images/divider.jpg) top center no-repeat; height: 15px; margin: 20px 3px;} .content-small img {border: solid #baaf91 2px;} .content-bottom {background: url(images/index-content-bottom.jpg) no-repeat; height: 14px; width: 100%;} .frame-small {background: url(images/content-bg-small.jpg) no-repeat;} .imgFrame {width: 195px; height: 99px; background: url(images/content-image-frame.gif) no-repeat;} #rail-column .divider {background: url(images/lineRail.jpg) no-repeat; width: 100%; height: 3px; margin-bottom: 10px;} #rail-column a.banner { margin-left: 3px; } .slider li {display: none;} .slider li.first {display: block;} .bxslider_container {min-width: 249px;} .bxslider_container li {padding: 0; margin: 0;} .bx_pager {text-align: right; padding-right: 95px; padding-top: 3px;} .bx_pager a {padding: 3px 5px; background: url(images/rotatorBtn.gif) no-repeat; text-decoration: none;} .bx_pager a.active {background: url(images/rotatorBtnActive.gif) no-repeat;} #location #address {float: left; width: 220px; } #location #map {float: left; width: 400px;} #location #map .streetView {font-size: .9em; padding: 3px; display: none;} #location #map .gMap {height: 300px; border: solid #c7b795 2px;} #location #map .gStreetView {display: none; width: 400px; _width: 395px; height: 300px;} #location .btnContactMe {display: block; width: 117px; height: 26px; background: url(images/btnContactMe.png) no-repeat; _background-image: url(images/btnContactMe.gif);} #map .directions {padding: 5px 0;} #map .directions .txt {width: 250px; margin-right: 5px; padding: 2px 3px; float: left;} #map .directions .btn {display: block; width: 99px; height: 23px; background: url(images/btnGetDirections.jpg) no-repeat; float: left; cursor: pointer;} #map .directions address {display: none;} #map .directions .errors {display: none; color: #990000; clear: both;} .drivingDirections {display: none; margin-bottom: 20px;} .drivingDirections p {font-style: italic; padding: 5px;} .addLocation {padding:0px;background: url(images/boxCollapsed.jpg) no-repeat;} .addLocCont {padding: 13px 0px 0px 0px;} .addLocation .addLocInfoCont {display: none;background: url(images/boxOpenBottom.jpg) bottom;padding: 0px 0px 30px 0px;margin-left:2px;} .addLocation .bar {height: 30px; color: #197691; font-weight: bold; font-size: 1.05em; padding: 3px 23px 5px 0; background: none;} .addLocation .bar a {text-decoration: none; color: #197691 !important;} .addLocation .bar a.address:hover, .addLocation .bar a.right:hover {text-decoration: underline;} .addLocation .bar a.arrow {float: left; display: block; width: 30px; height: 30px; background: url(images/blueArrows.gif) 15px -20px no-repeat; padding-top: 5px; margin-top: -5px;} .addLocation .bar a.address {float: left; padding-left: 5px; font-weight: bold;} .addLocation .phone {float: left; width: 330px; padding-left: 36px;} .addLocation .hours {float: left;} .addLocation h4 {margin-top: 5px;} .addLocation.selected {min-height: 176px; background: url(images/boxOpenTop.jpg) no-repeat;} .addLocation.selected .addLocInfoCont {display: block;} .addLocation.selected .bar {background: url(images/lineShort.jpg) 35px 26px no-repeat;} .addLocation.selected .bar a.arrow{background: url(images/blueArrows.gif) 15px 12px no-repeat;} .upcomingEvents {padding: 0 10px; font-size: .9em;} .upcomingEvents a {color: #7a6842; display: block;} .upcomingEvents h2 {background: url(images/calendar.jpg) 0 0 no-repeat; padding: 11px 0 10px 50px; font-size: 1.2em; } .upcomingEvents h2 a {color: #000; text-decoration: none;} .upcomingEvents {padding-bottom: 8px;} .upcomingEvents .date {float: left; display: block; width: 35px; text-align: center; background: url(images/date.jpg) no-repeat; padding: 5px 8px 10px 3px; font-size: .8em; margin: 0 5px;} .upcomingEvents .desc {float: left; width: 170px; _width: 150px; padding-bottom: 1px;} .upcomingEvents .time {padding-bottom: 2px;} .upcomingEvents .divider {margin: 5px 0; padding: 0;} .teamMember {background: url(images/boxLarge.jpg) no-repeat; padding: 20px; height: 120px; width: 550px; font-size: .9em;} .teamMember h2 {background: url(images/lineRail.jpg) 87px bottom no-repeat; margin: 0; color: #197691;} .teamMember img {border: solid #c7b795 2px; float: left;} .teamMember .contact {float: left; width: 235px; height: 85%; font-weight: bold; border-right: solid #c9b896 1px; padding-right: 10px; margin-right: 10px; font-size: 1.1em;} .teamMember .contact .portrait { float: left; margin-right: 10px; width: 84px; height: 104px;} .teamMember strong {display: block; color: #7a6842; margin-bottom: 5px;} .teamMember p {width: 300px; float: left;} .teamDetail img {border: solid #baaf91 4px; float: right; margin: 0 0 20px 20px;} .teamDetail strong {display: block; padding-bottom: 3px;} .teamDetail p {padding: 10px 0;} .teamDetail a {display: block;} .meet-me .contact-info, .team-member-detail .contact-info {min-height: 100px; height: auto !important; height: 100px;} .meet-me .partyDetail, .team-member-detail .partyDetail {min-height: 100px; height: auto !important; height: 200px; background: url(images/boxLargeOpenBottom.jpg) no-repeat; padding: 20px 50px 20px 20px;} .meet-me .partyDetail.portraitLayout, .team-member-detail .partyDetail.portraitLayout {background: none; padding: 0;} .meet-me .meetMePortrait, .team-member-detail .meetMePortrait {display: block; float: right; margin-left: 15px; border:4px solid #BAAF91;} .meet-me .partyVideo, .team-member-detail .partyVideo {position: absolute; right: 50px; width: 320px; height: 320px; margin-top: -314px; } .meet-me .history {padding-top:15px;} .meet-me .history .group, .team-member-detail .history .group {float: left; width: 300px; margin-right: 10px; } .meet-me .history ul li, .team-membr .history ul li {background: url(images/redSquare.gif) 0 7px no-repeat; padding-left: 12px; list-style: none;} h2.caps {text-transform: uppercase; font-size: 1em; font-weight: bold; color: #cc0000;} a.refer {background: url(images/refer.png) no-repeat; _background-image: url(images/refer.gif); } .externalLink {padding: 20px; background: #eee; border: solid #baaf91 1px; font-size: 1.2em;} .externalLink strong {font-style: italic;} .landing {width: 100%; padding: 0 !important;} .landing li {background: url(images/boxShort.jpg) no-repeat; float: left; width: 270px; padding: 12px 20px; margin-bottom: 5px;} .landing li div {height: 50px;} .landing strong a {padding-left: 80px; color: #197691 !important; text-decoration: none; font-size: 1.3em; font-weight: normal; display:block; width: 120px; height: 40px; font-family: Verdana, san-serif;} .landing strong a:hover {text-decoration: underline;} .landing a.accent {float: right; margin-right: 10px; margin-top: -12px;} .landing li div.community {background: url(images/community.png) 15px 0 no-repeat; _background-image: url(images/community.gif);} .landing li div.business {background: url(images/business.png) 15px 0 no-repeat; _background-image: url(images/business.gif);} .landing li div.events {background: url(images/events.png) 15px 0 no-repeat; _background-image: url(images/events.gif);} .landing li div.fbf {background: url(images/fbf.png) 15px 0 no-repeat; _background-image: url(images/fbf.gif);} .landing li div.fmd {background: url(images/fmd.png) 15px 0 no-repeat; _background-image: url(images/fmd.gif);} .landing li div.team {background: url(images/team.png) 15px 0 no-repeat; _background-image: url(images/team.gif);} .landing li div.awards {background: url(images/awards.png) 15px 0 no-repeat; _background-image: url(images/awards.gif);} .landing li div.locations {background: url(images/locations.png) 15px 0 no-repeat; _background-image: url(images/locations.gif);} .landing li div.aboutfb {background: url(images/aboutfb.png) 15px 0 no-repeat; _background-image: url(images/aboutfb.gif);} .landing .events a.accent {margin-right: 2px;} .summaries .divider {margin-top: 15px !important; margin-bottom: 15px !important;} .summary h2 {margin: 0; padding: 0; font-weight: bold; background-image: none;} .summary h2 a {color: #333 !important; text-decoration: none;} .summary .image {margin: 10px 20px;} .summary .image.fair {background: url(/images/content/countyFair.jpg) no-repeat;} .summary .image.sports {background: url(/images/content/countySports.jpg) no-repeat;} .summary .desc {float: left; width: 350px;} .summary .leftPane {float: left; width: 50%;} .maskOver {background:#000; filter:alpha(opacity=50); left:0px; -moz-opacity:0.5; opacity:0.5; position:absolute; top:0px; width:100%; z-index:999; } .modal {width: 665px; position: absolute; z-index: 1000; top: 50px; margin: 0px auto 0px auto; text-align: left; font-size: 11px; line-height: 18px; } .modal h4 {float: left; font-size: 1.5em; padding: 0px 0px 10px 10px; margin: 0px; } .modal .topLeft {background: url(images/modal/catSprites.gif) left -24px no-repeat; height: 12px; padding-left: 12px; line-height: 6pt;} .modal .topRight {background: url(images/modal/catSprites.gif) right -12px no-repeat; height: 12px; padding-right: 12px; } .modal .topCenter {background: #fff; height: 12px; } .modal .middle {background: #fff; padding: 12px; min-height: 100px; } .modal .bottomLeft {background: url(images/modal/catSprites.gif) left -36px no-repeat; height: 12px; padding-left: 12px; line-height: 6pt;} .modal .bottomRight {background: url(images/modal/catSprites.gif) right 0px no-repeat; height: 12px; padding-right: 12px; } .modal .bottomCenter {background: #fff; height: 12px;} .modal .close {color: #000; float: right; margin-top: -15px; text-decoration: none; font-size: .8em; _margin-top: 0; _margin-right: 6px;} .modalContent {display: none;} .modal .title {line-height: 10px;} .modal .title h4 {margin: 0 10px 0 0;} .modal .video {border: solid #000 1px;} .modalBtn span.target {display: none;} .externalDisclaimer p.heading {font-size: 1.4em; font-weight: bold; font-family: Verdana, Sans-Serif; background: url(images/title-hr.png) scroll no-repeat left bottom;} .externalDisclaimer p.externalLink {margin: 20px; padding: 3px; background: none; border: none; margin-bottom: 0;} .powered {text-align: right; padding: 3px 10px;} .powered a {font-size: .7em; color: #fff;} .page-wrapper.footer {background: none;} .events {padding: 10px 0;} .events .event {padding-left: 10px;} .events h3 {font-size: 1.3em; color: #990000; padding-bottom: 10px;} .events h2 {background: none; padding: 0; font-weight: bold;} .events h2 strong {color: #990000; padding: 0 5px;} .events .event p {font-size: 1.1em; border-left: solid #ccc 2px; margin-left: 30px; padding: 0 0 0 10px; _height: 1px;} .events .dayTitle {color: #990000;} .community h2 {background: none; font-size: 1.2em; margin: 0; font-weight: bold;} .community .fair {background: url(/images/content/countyFair.jpg) no-repeat; } .community .fitness {background: url(/images/content/countyFitness.jpg) no-repeat;} .community a.image {float: right; padding: 6px 10px 10px 0; margin-bottom: 10px;} .communityArticle img {float: right; padding: 0px 15px 15px 15px;} .careers .position {padding: 0 10px 10px 10px;} .careers .position h4 {cursor: pointer; background: url(images/expandButton.jpg) 0 2px no-repeat; padding-left: 25px; } .careers .position .info {display: none; padding: 10px 25px;} .careers .position.open h4 {background-image: url(images/collapseButton.jpg);} .careers .position ul {margin-bottom: 10px;} p.disclaimer {font-size: .8em; line-height: 16px; color: #666; padding-top: 15px;} p.disclaimer.large {font-size: 1.1em; line-height: 20px; font-style: italic;} .community.local-business .summaries {margin-top: 30px;} .community.local-business-category h3 {color: #1B7992;} .community.local-business-category .category {margin-left: 20px;} /*VidoeChannel*/ #videoChannel {text-align:center;} #playerContainer {text-align:center;height:350px;} #playlistContainer {width:560px;overflow:auto;overflow-x:scroll;overflow-y:hidden;margin:auto;} #playlist {margin:0px;padding:0px;height:85px;} #playlist a {margin-right:5px;cursor:pointer;} /*LandingHomeArticleList*/ #LandingHomeArticles {margin: 30px 0;} #LandingHomeArticles .bxslider_wrap {margin: 0pt auto; height: 100%; position: relative;} #LandingHomeArticles .bxslider_container {margin-left:30px;width:565px!important;} .LandingHomeArticleSlideBox {margin:0px;} .LandingHomeArticleSlideBox .bx_pager {text-align:center;padding-right:0px!important;padding-left:0px!important;} #LandingHomeArticleList {padding:0px!important;margin:0px!important;} #LandingHomeArticleList li {display:block;width:565px;padding:0px;margin:0px;} #LandingHomeArticles .bxslider_wrap a.prev {display: block;position: absolute; width: 14px; height: 42px; left: 0pt; top: 30%;background:url("images/slideLeft.jpg");} #LandingHomeArticles .bxslider_wrap a.next {display: block;position: absolute; width: 14px; height: 42px; right: 0pt; top: 30%;background:url("images/slideRight.jpg");} .galleryLink {margin-top: 10px;} .galleryLink table td {vertical-align: top;} .galleryLink a.accent {display: block; margin-left: 10px;} .galleryLink img {border: solid #ccc 1px !important; margin: 5px;} .galleryModal {color: #000; width: 620px; } .galleryModal iframe {border: none !important; width: 590px; height: 500px; overflow: hidden;} .form td {padding: 3px;} .form .label {min-width: 100px;} .form input {padding: 3px;} .form .commands {text-align: right;} .input-validation-error {border: solid #CC0000 1px;} .field-validation-error {font-size: .85em; color: #CC0000; padding: 4px;}