﻿html { }
body { margin: 0; background: #333 url('../images/template/bg-body.png') repeat-x; font: 12px "Helvetica Neue",Helvetica,Arial,sans-serif; min-height: 100%; }
.container { width: 960px; margin: 0 auto; }
/*header*/
.header { position: relative; background: url('../images/template/bg-navigation-red.png') repeat-x; height: 103px;border-bottom:2px solid #680000; }
.header .header-inner { position: relative; background: url('../images/template/bg-tagline-white-v3.png') no-repeat 220px 25px; height: 103px; }
/*branding*/
.header .brand { color: #fff; font-size: 24px; position: absolute; top: 5px; left: 0; background: url('../images/template/bg-navigation-red-wordmark.png') no-repeat; display: block; width: 200px; height: 60px; text-indent: -999em; font-size: 0; }
/*search*/
.header .search { position: absolute; border-radius: 4px; background: #fff; top: 34px; left: 750px; box-shadow: 0px 0px 3px rgba(148,0,0,1), 0px 0px 6px rgba(0,0,0,0.35) inset; }
.header .search input { outline: none; border: none; width: 200px; padding: 6px 0px; margin: 4px; background: none; }
.header .search button { width: 18px; height: 18px; text-indent: -999em; overflow: hidden; position: absolute; top: 8px; right: 8px; border: none; background: none; background: url(../images/template/site-search-button.png) no-repeat center center; }
/*quicklinks*/
.header .quicklinks { background: #880000; position: absolute; top: 0px; right: 0px; border-radius: 0px 0px 8px 8px; font-size: 10px; color: #fff; text-shadow: 0px 1px 0px #660000; text-transform: uppercase; font-weight: bold; }
.header .quicklinks ul.inline-list { padding: 3px 6px; }
.header .quicklinks ul li a { display: block; padding: 3px 3px 3px 6px; position: relative;color:#fff;}
.header .quicklinks ul li img { vertical-align: middle; }
.header .quicklinks ul li a:after { content: ''; display: inline-block; height: 100%; border-right: 1px solid #990000; border-left: 1px solid #770000; position: absolute; top: 0px; left: 0px; }
.header .quicklinks ul li a:hover { color: #ffae45; }
/*navigation*/
.navigation { position: absolute; top: 78px; left: 0px; z-index: 99; }
.navigation ul { list-style: none; margin: 0px; padding: 0px; }
.navigation ul li { display: inline-block; background: url('../images/template/bg-navigation-divider.png') no-repeat; margin-right: 1px; }
.navigation ul li a { display: block; padding: 3px; color: #fff; font-size: 13px; font-weight: bold; text-shadow: 0px 1px 0px #880000; margin-left: 3px; }
.navigation ul li a:hover, .navigation ul li.active a { color: #ffae45; }
.navigation ul li.active a { text-decoration: none; background: url('../images/template/bg-navigation-arrow.png') no-repeat; background-position: center bottom; padding-bottom: 15px; }
.navigation ul li:first-child { background: none; }
/*features area*/
.contents .features { width: 960px; height: 475px; background: #ccc; position: relative; background-size: 100%; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; }
/*callout*/
.contents .features .callout { width: 260px; background: #222; height: 475px; background: rgba(0,0,0,0.85); border-radius: 0px; position: absolute; z-index: 99; left: 680px; top: 0px; background-images: -webkit-linear-gradient(#eee, #bbb); }
.contents .features .callout ul { list-style: none; padding: 0px; margin: 10px 0px; }
.contents .features .callout ul li { display: block; vertical-align: middle; text-align: center; }
.contents .features .callout ul li a:after { content: ''; display: block; position: absolute; border-top: 1px solid #111; border-bottom: 1px solid #333; width: 95%; }
.contents .features .callout ul li:hover { background: #820000; background: rgba(168,0,0,0.95); box-shadow: 0px 0px 6px rgba(0,0,0,0.25) inset; margin-left: -10px; width: 280px; position: relative; }
.contents .features .callout ul li:hover a:after { width: auto; bottom-bottom-color: transparent; }
.contents .features .callout ul li:hover:before { content: ''; position: absolute; border-top: 10px solid rgba(130,0,0,0.95); border-left: 10px solid transparent; border-right: 0px solid transparent; position: absolute; bottom: -10px; left: 0px; }
.contents .features .callout ul li:hover:after { content: ''; position: absolute; border-top: 10px solid rgba(130,0,0,0.95); border-right: 10px solid transparent; border-left: 0px solid transparent; position: absolute; bottom: -10px; right: 0px; }
.contents .features .callout ul li:hover a { color: #ffae45; font-size: 22px; }
.contents .features .callout ul li a { display: block; cursor: pointer; font-size: 18px; font-weight: bold; color: #ddd; text-shadow: 0px 1px 0px rgba(0,0,0,0.25); height: 50px; line-height: 50px; margin: 0px 8px; }
.contents .features .callout .callout-buttons { display: block; margin-left: 15px; position: absolute; bottom: 96px; }
.contents .features .callout .callout-buttons .callout-btn { display: inline-block; width: 70px;height:50px;overflow:hidden;margin-left: 4px; color: #a80000; font-size: 14px; font-weight: bold; text-align: center; text-decoration: none; border-radius: 4px; background: url(../images/bg-callout-btn.png) no-repeat; text-shadow: 0px 1px 0px #fff; }
.contents .features .callout .callout-buttons .callout-btn span {display:inline-block;padding-top:10px;  }
.contents .features .callout .callout-buttons .callout-btn:hover { text-shadow: 0px 1px 0px rgba(0,0,0,0.25);color:#ffae45;background-position:0px -50px;}
.contents .features .callout .callout-buttons .callout-btn small { display: block; }
.contents .features .callout .give-now { position: absolute; bottom: 60px; width: 100%; }
.contents .features .callout .give-now a {display:block;text-decoration: none; font-weight: bold; color: #ddd; font-size: 18px; text-align: center;padding:3px;width:200px;margin:0 auto;}
.contents .features .callout .give-now a:hover {color: #cc0000; text-shadow: 0px 1px 0px rgba(0,0,0,0.25);}
/*news/events/spotlight headings*/
.contents .features .news-events-bar { position: absolute; z-index: 99; width: 940px; height: 50px; top: 425px; left: 10px; background: rgba(255,255,255,0.8); box-shadow: 0px 0px 3px rgba(0,0,0,0.25); }
.contents .features .news-events-bar .heading { font-size: 25px; font-weight: bold; color: #a80000; text-shadow: 0px 1px 0px #fff; position: absolute; top: 10px;}
.contents .features .news-events-bar .heading img {vertical-align:middle;margin-top:-3px;border:0px;} 
.contents .features .news-events-bar .news { width: 400px; left: 10px; }
.contents .features .news-events-bar .events { position: absolute; width: 400px; left: 342px; }
.contents .features .news-events-bar .highlights { position: absolute; width: 260px; left: 680px; }

/*slider*/
.contents .features .slider { position: absolute; width: 960px; height: 475px; }
.contents .features .slider .slider-caption { top: 50px; position: absolute; width: 250px; white-space: normal !important; color: #444; font-size: 16px; display: inline-block; background: rgba(255,255,255,0.75); padding: 18px 8px; border-radius: 0px 4px 4px 0px; text-shadow: 0px 1px 0px #fff; max-width: 300px; box-shadow: 0px 0px 3px rgba(0,0,0,0.25), 0px 0px 12px rgba(0,0,0,0.125) inset; }
.contents .features .slider .slider-caption h3 { color: #222; font-size: 24px; margin: 0px 0px 6px 0px; }
.contents .features .slider .slider-caption h3 strong { color: #a80000; }
.contents .features .slider .slider-caption strong { color: #a80000; font-weight: bold; }
.contents .features .slider .slider-caption .slider-buttons {text-align:right; margin: 10px 10px 0px 0px;}
.contents .features .slider .slider-caption .slider-btn { cursor: pointer; line-height: 14px;text-align:right; display: inline-block; background: #a80000; color: #ffae45; font-weight: bold; padding: 8px; border-radius: 4px; box-shadow: 4px 4px 0px rgba(0,0,0,0.15);  position: relative; }
.contents .features .slider .slider-caption .slider-btn i { display: inline-block; width: 18px; height: 18px; border-radius: 99em; background: #fff; vertical-align: middle; }
.contents .features .slider .slider-caption .slider-btn i:after { content: ''; position: absolute; border-left: 6px solid #a80000; border-top: 6px solid transparent; border-bottom: 6px solid transparent; position: absolute; right: 13px; top: 11px; }
.contents .features .slider .slider-caption .slider-btn:hover { background: #222; color: #fff;}
.contents .features .slider .slide-caption { position: absolute; line-height: normal !important; }
.contents .features .slider .bannercontainer { width: 960px; position: relative; position: relative; margin-left: auto; margin-right: auto; }
.contents .features .slider .banner { width: 960px; height: 475px; position: relative; overflow: hidden; }
.contents .features .slider .banner ul {list-style:none;margin:0;padding:0;}
/*page copy*/
.page-copy { background: #fff; background-image: -moz-linear-gradient(top, #cccccc, #ffffff); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#cccccc), to(#ffffff)); background-image: -webkit-linear-gradient(top, #cccccc, #ffffff); background-image: -o-linear-gradient(top, #cccccc, #ffffff); background-image: linear-gradient(to bottom, #cccccc, #ffffff); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#ffffff', GradientType=0); }
.page-copy .page-copy-outer { margin: 0px 9px; background: #fff; background-image: -moz-linear-gradient(top, #bbbbbb, #ffffff); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#bbbbbb), to(#ffffff)); background-image: -webkit-linear-gradient(top, #bbbbbb, #ffffff); background-image: -o-linear-gradient(top, #bbbbbb, #ffffff); background-image: linear-gradient(to bottom, #bbbbbb, #ffffff); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bbbbbb', endColorstr='#ffffff', GradientType=0); }
.page-copy .page-copy-inner { background: #fff url(../images/template/bg-homepage-elements.jpg) no-repeat -2px 10px; padding: 6px; margin: 0 1px; }
.page-copy .page-copy-inner  .page-copy-elements { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font: .95em Arial, Helvetica, sans-serif; color: #444; }
.page-copy .page-copy-inner .page-copy-element { margin-left: 12px; }
.page-copy .page-copy-inner .page-copy-element a {font-weight:bold;}
.page-copy .page-copy-inner .page-copy-element:first-child { margin-left: 0px; }
.page-copy .page-copy-inner .page-copy-element .page-copy-element-photo { display: block; width: 320px; height: 140px; overflow: hidden; }
.page-copy .page-copy-inner .page-copy-element .page-copy-element-photo img { display: block; max-width: 100%; border: 1px solid #ddd; box-shadow: 0px 0px 25px rgba(0,0,0,0.8) inset; }
.page-copy .page-copy-inner .page-copy-element.homepage-spotlight .page-copy-element-photo { width: 260px; }
.page-copy .page-copy-inner .page-copy-element .photo-caption a { display: block; text-decoration: none; font-weight: bold; margin-bottom: 4px; }
.page-copy .page-copy-inner .page-copy-element .photo-caption { line-height: 20px; }
.page-copy .page-copy-inner .page-copy-element .more { display: block; padding-left: 18px; background: url('../images/template/arrow-page-nav.png') no-repeat; background-position: left center; margin-bottom: 8px; font-weight: bold; }
.page-copy .page-copy-inner .page-copy-element { }

.page-copy-element-photo-caption, .news-list, .event-list, .highlight-list {margin:0px 6px;}
/*list style*/
.list { margin: 0; padding: 0; }
.list li { display: block; position: relative; border-top: 1px solid #ddd; padding: 8px 0px 8px 60px; }
.list li:first-child { border-top: 0px; }
.list li a { display: block; margin-bottom: 3px; font-weight: bold; text-decoration: none; }
.list .date-box { position: absolute; width: 60px; top: 10px; left: 0px; }
.list .thumb { position: absolute; width: 60px; top: 10px; left: 0px; }
.list .thumb img {max-width:100%;}
.inline-list { margin: 0; padding: 0; list-style: none; display: block; }
.inline-list li { display: inline-block; }
.event-list .list li {min-height:35px;}
.event-list .list .muted {font-weight:bold; }
.highlight-list .list li {padding-left:68px;}
/*date box style*/
.date-box { text-align: center; }
.date-box .mm { color: #777; font-weight: bold; display: block; }
.date-box .dd { font-size: 2em; color: #a80000; display: block; }
.date-box.event-dates .dd {font-size:1.5em;}
/*page footer*/
.page-footer { background: #a80000 url('../images/template/bg-suggested-links.png') repeat-x; border-top: 8px solid #fff; border-bottom: 0px solid #980000; font: 12px Arial,Verdana, Geneva,sans, sans-serif; color: #fff; }
.page-footer .suggested-links { min-height: 60px; background: url('../images/template/bg-homepage-footer.png') repeat-x; background-position: center top; color: #fff; }
.page-footer .suggested-links .suggested-links-content { padding: 40px 0px 0px 0px; }
.page-footer .footer-content { clear: both; padding-top: 12px; }
.page-footer .footer-content .wordmark a { background: url('../images/template/wordmark.png') no-repeat; display: block; width: 175px; height: 58px; }
.page-footer .footer-content .wordmark a span { display: none; }
.page-footer .footer-content .copyright { padding-top: 12px; font-size: .9em; }
.page-footer .footer-content .copyright a { color: #fff; }
.page-footer .footer-content .copyright a:hover { color: #fea600; }
.page-footer .footer-content .copyright p { margin: 0px 0px 4px 0px; }
.footer-fade { background: #880000; height: 2px; }
.earth-friendly { background: url('../images/template/earth-friendly.png') no-repeat 0% 0%; padding: 8px 0px 8px 150px; max-width: 240px; font-size: .9em; color: #888; }
/*suggested links */
.suggested-links ul { list-style: none; margin: 12px 0px 0px 12px; padding: 0px; }
.suggested-links ul li { width: 19%; float: left; padding: 3px; }
.suggested-links ul li ul { margin: 0px; border-right: 0px solid #eadfb9; }
.suggested-links ul li.last ul { border: none; }
.suggested-links ul li ul li { width: auto; float: none; font-size: .9em; border: none; }
.suggested-links a { color: #fff; }
.suggested-links a:hover { color: #ffae45; }
.suggested-links a img { border: 0px; }
.suggested-links strong { color: #ffae45; }
.social img {margin-right:2px;}
/*social*/
.social-icons a {display:inline-block;width:42px;height:42px;text-indent:-999em;overflow:hidden;background:url(../images/template/social-icons.png) no-repeat;background-position:0px 0px;}
.social-icons a.facebook {background-position:0px 0px;}
.social-icons a.twitter {background-position:-42px 0px;}
.social-icons a.youtube {background-position:-84px 0px;}
.social-icons a.flickr {background-position:-126px 0px;}
.social-icons a:hover {background-position-y:-42px;}
/*other*/
hr { margin: 6px 0px; border: 0; color: none; border-top: 1px solid #eee; }
a { color: #a80000;text-decoration:none;}
a:hover {color:#444;}
a[type=pdf,a.pdf] {background:url('../images/icons/document-pdf.png') no-repeat;background-position:right center;padding-right:38px;}
a[rel=external],a.external {padding-right:16px;background:url('../images/template/external-window.png') no-repeat;background-position:right center;}
a[rel=internal],a.internal {padding-right:16px;background:url('../images/template/internal-window.png') no-repeat;background-position:right center;}
a[rel=secure],a.secure {padding-right:16px;background:url('../images/icons/red-lock-small.png') no-repeat;background-position:right center;}
a[rel=secure]:hover,a.secure:hover {padding-right:16px;background:url('../images/icons/lock-small.png') no-repeat;background-position:right center;}
a[rel=video]a.video {padding-left:18px;background:url('../images/template/film_disabled.png') no-repeat;background-position:left center;}
a[rel=video]:hover,a.video:hover {padding-left:18px;background:url('../images/template/film.png') no-repeat;background-position:left center;}
a[type=rss],a.rss {padding-left:16px;background:url('../images/template/rss3.png') no-repeat;background-position:left center;}
.muted {color:#777;}
.cf:before, .cf:after { display: table; content: ""; line-height: 0; }
.cf:after, .cf:after { clear: both; }
.hidden {display:none;}
.ui-helper {color:#aaa;}
/*video scroll*/
.video-box {width:200px;}
.video-box .scroller {width:260px;height:140px;margin:0 auto;border: 1px solid #ddd; box-shadow: 0px 0px 6px rgba(0,0,0,0.8) inset; position:relative;}
.video-box .scroller .slides-container {display:block;width:260px;height:140px;overflow:hidden;}
.video-box .scroller .slides {background:#f5f5f5;margin:0;white-space:nowrap;border-spacing: 0;}
.video-box .scroller .slides .slide {position:relative;display:table-cell;width:260px;height:140px;box-shadow: 0px 0px 25px rgba(0,0,0,0.8) inset;margin:0;border-spacing:0;}
.video-box .scroller .slides .slide a {outline:0;display:inline-block;width:260px;height:140px;color:#fff;text-decoration:none;background:url(../images/scroll-play.png) no-repeat center center;}
.video-box .scroller .slides .slide a label {height:24px;line-height:24px;background:rgba(0,0,0,0.75);display:none;text-indent:6px;font-weight:bold;text-shadow:0px 1px 0px rgba(255,255,255,0.25);margin-top:116px;}
.video-box .scroller .scroller-btn {background:url(../images/scroll-sprite.png) no-repeat 0px 90px;width:25px;height:45px;position:absolute;top:70px;margin-top:-22px;z-index:2;opacity:.8;filter:alpha(opacity=80);cursor:pointer;}
.video-box .scroller .scroller-btn.prev {background-position:-25px 0px;left:0px;}
.video-box .scroller .scroller-btn.prev.disabled {background-position:-25px -45px;}
.video-box .scroller .scroller-btn.next {background-position:0px 0px;right:0px;}
.video-box .scroller .scroller-btn.next.disabled {background-position:0px -45px;}
.video-box .captions {margin:4px 6px;}
.video-box .captions p {margin:0px 0px 6px 0px;}
.video-box .captions .caption {color:#444;line-height:1.75em;}
.video-box a {outline:0;}
/*ie stuff :( */
.lt-ie9 .contents .features .slider .slider-caption {background:url(../images/bg-white-transparent.png);border:1px solid #ddd;}
.lt-ie9 .contents .features .slider .slider-caption .slider-btn i {display:none;}
.lt-ie9 .contents .features .news-events-bar,.lt-ie9 .tp-bullets.simplebullets.round {background:url(../images/bg-white-transparent.png); }
.lt-ie9 .contents .features .callout {background:url(../images/bg-black-transparent.png);  }

