/* fighting cms code */
@import url('css/cms-reset.css');
@import url('css/common-features.css');


html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
body {	-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */ -webkit-text-size-adjust: 100%; }
em { font-style: italic; }
strong { font-weight: bold; }
small { font-size: 80%; }
p a, p a:visited { line-height: inherit; }
button::-moz-focus-inner,
input::-moz-focus-inner { border: 0; padding: 0; }
.remove-bottom { margin-bottom: 0 !important; }
.clear { clear:both; content:' '; display:block; font-size:0; line-height:0; visibility:hidden; width:0; height:0; }
ul, ol { margin-left: 30px; margin-bottom: 20px; }
ul ul, ul ol,
ol ol, ol ul { margin: 4px 0 5px 30px;  }
ul ul li, ul ol li,
ol ol li, ol ul li { margin-bottom: 6px; }
li { margin-bottom: 12px; }
h1, h2, h3, h4, h5, h6 { color: #181818; font-weight: normal; font-family: 'Exo', sans-serif; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }
h1 { font-size: 35px; line-height: 45px; margin-bottom: 25px;}
h2 { font-size: 28px; line-height: 36px; margin-bottom: 14px; }
h3 { font-size: 22px; line-height: 28px; margin-bottom: 10px; }
h4 { font-size: 16px; line-height: 22px; margin-bottom: 8px; }
h5 { font-size: 14px; line-height: 20px; }
h6 { font-size: 12px; line-height: 18px; }
p { margin: 0 0 20px 0; }
p img { margin: 0; }
a { color: #FA2016; text-decoration: none; outline: 0; }
a:hover { text-decoration: underline; }
a img { border: 0; }
.button { background: #FA2016; display: inline-block; color: #ffffff; border: 0; cursor: pointer; padding: 8px 20px; }
.button:hover { text-decoration: none; }
#vidclick {
	cursor:pointer;
}
/*
.box-vid { position: relative;background: #cecece no-repeat; height: 140px; padding-right: 170px; margin-bottom: 20px; overflow: hidden;}
.box-vid:hover {opacity: 0.9;}
.box-vid img{display: block; right: 0; top: 0; width: 100%; max-width: 240px;margin-left: 50px; }
.box-vid h4 { position: absolute; width: 110px; text-transform: uppercase; color: #3e3e40; padding-top: 20px; padding-left: 24px;}
.box-vid span{float: left; color: #FA2016; display: block; height: 100px; width: 110px; padding-left:24px; margin-top: 50px;}
.box-vid span:hover {text-decoration: underline;}*/
body { background: #f1f1f1; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 18px; background-image:url(images/bg_site.jpg) }
.wrapper { background: #ffffff; width: 1200px; margin: 0 auto; margin-bottom: 50px; -webkit-box-shadow: 0px 4px 10px -8px #000000; -moz-box-shadow: 0px 4px 10px -8px #000000; box-shadow: 0px 3px 20px -5px #000000; }
.container { padding: 30px; }
.header { }
.header .logo-container { width:100%; }
.header .logo { float:left; margin-bottom: 10px; }
.header .logo-right { float: right; }
.header .logo-right .social img { float:right; margin: 5px 0px 5px 10px; }
.header .top-nav { background: #000000; }
.nav { margin: 0; padding: 0 0 0 5px; list-style: none; }
.nav ul { margin:0; padding:0; list-style:none; }
.nav>li { padding: 0; margin: 0; display: inline; position: relative; }
.nav>li:last-child { background: none; }
.nav>li>a {	display: inline-block; color: #ffffff; font-size: 14px; text-decoration: none; padding: 10px 13px; text-transform: uppercase; }
.nav>li:hover { /* background:#333; */ }
.nav>li:hover>a { color:#FA2016; }
.nav ul { position: absolute; display: none; left: 0; z-index: 40; top: 27px; width: 200px; text-align: left; }
.nav ul li { position: relative; }
.nav ul>li { float:none; margin: 0; padding: 0; }
.nav ul>li>a { font-size: 14px; background:#75b636; color:#ffffff; display:block; padding: 5px 20px; }
.nav ul>li:hover>a { background:#bddca8; color:#ffffff; text-decoration: none; }
.nav ul ul { position:absolute; display:none; left:200px; top: 0; z-index:40; width:200px; margin:0; }
.center { float: left; width: 700px; padding: 30px 0 50px 15px; margin-right: 50px; }
.home-page .center { width: 765px; margin: 0; padding: 0; }
.slider { position: relative; height: 400px; overflow: hidden; margin-bottom: 15px; }
.slider ul { position: absolute; list-style: none; padding: 0; margin: 0; }
.slider ul li { position: relative; width: 100%; height: 400px; background-position: center top; background-repeat: no-repeat; }
.slider .caption { position: absolute; top: 200px; background: url(images/bg_caption.png); color: #ffffff; font-size: 18px; line-height: 22px; width: 380px; padding: 20px 40px 50px; }
.slider .caption .btn-more { position: absolute; left: 80px; bottom: -22px; }
.slider .caption .button { text-transform: uppercase; }
.home-boxes h5 { text-transform: uppercase; margin-bottom: 5px; }
.home-boxes .box { float: left; width: 372px; margin-right: 10px; }
.home-boxes .box.last { margin-right: 0; }
.home-boxes h5,
.home-boxes p { padding-left: 5px; padding-right: 5px; }
.home-boxes img { margin-bottom: 15px; }
.sidebar { float: left; width: 375px; }
.donate, .media, .gallery-home, .contact-us { padding: 10px 25px 30px; }
.donate { background: #FA2016; color: #ffffff; }
.donate h4 { text-transform: uppercase; color: #ffffff; }
.donate .button { background: #ffffff; text-transform: uppercase; color: #000000; }
.donate-btn, .more-btn { text-transform: uppercase; }
.more-btn { position: absolute; bottom: 0px;}
.media { /*min-height: 182px; max-height:412px;*/ height:280px ; overflow:hidden; margin-bottom: 20px; position: relative; padding-bottom:30px;}
.media h4 { color: #FA2016; text-transform: uppercase; }
.media ul { list-style: none; margin: 0; }
.gallery-home-vid { margin: 0 auto; background: #cecece url(images/bg_vid.png) top right no-repeat; height: /*120px*/100px; overflow: hidden;  margin-bottom: 20px; padding: 10px 180px 30px 25px;}
.gallery-home-vid:hover {opacity: 0.9; cursor: pointer;}
.gallery-home-vid h4 { text-transform: uppercase; color: #3e3e40; }
.gallery-home { background: #cecece url(images/bg_gallery.jpg) top right no-repeat; height:100px; overflow: hidden; padding-right: 170px; }
.gallery-home:hover {opacity: 0.9; cursor: pointer;}
.gallery-home h4 { text-transform: uppercase; color: #3e3e40; }
.contact-us { background: #cecece; }
.contact-us h4 { text-transform: uppercase; }
.contact-us .button { background: #ffffff; text-transform: uppercase; color: #000000; }
.footer { background: #3e3e40; font-size: 12px; padding: 20px 15px; margin-top: 30px; }
.footer .copyright { float: left; color: #eaeaea; }
.footer .links { float: right; color: #eaeaea; }
.footer .links a { color: #eaeaea; }
.footer .links ul { list-style: none; margin: 0; padding: 0; }
.footer .links li { display: inline; margin-right: 10px; }
.footer .links li:last-child { margin-right: 0; }

.sep { height: 1px; background: #eaeaea; margin: 30px 0; text-indent: -99999; }
.media-print a { text-decoration: underline; }
.chairman-pic { width: 130px; display: inline; margin-right: 15px; }
.chairman-pic img { vertical-align: middle; display: inline-block; }
.chairman-profile { display: inline-block; width: 300px; vertical-align: middle; }
.productLarge { }
.productLarge .imageBig { float: left; }
.productLarge .info { width: 410px; float: right; }

.gallery-year { width:100%; border-bottom: 1px solid #cecece; margin-bottom:10px; }
.gallery.button { position: relative; width:31%; height:200px; vertical-align:top; margin-right:1%; margin-bottom:10px; background-color: #cecece; border: 1px solid #cecece; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; box-sizing:border-box; -moz-box-sizing:border-box; }
.gallery.button h3 { font: inherit; font-size: 13px; font-weight:normal; text-align:center; }
.gallery.button img { position: absolute; left: 50%; top: 50px; width: 100px; margin-left: -50px; }
.gallery.button:hover { border-color: #000000; }
.gallery.button:hover h3 { text-decoration: underline; }

.gallery-container {
	overflow: hidden;
}
.gimg {
	margin-right:5px;
	margin-bottom:5px;
	width:130px;
	height:130px;
}

/* If we want to go back to non-flat page */
#ctl00_contentPlaceHolderBody_archiveFilterB a {
	display: inline-block;
	width: 40px;
	padding: 5px;
	text-align: center;
}
#ctl00_contentPlaceHolderBody_archiveFilterB a:hover, .currentyear {
	background: #FA2016;
	color: #FFF;
}
#ctl00_contentPlaceHolderBody_archiveFilterB {
	border-bottom:3px solid #FA2016;
}

/* For flat pages */
#archive-tab a {
	display: inline-block;
	width: 40px;
	padding: 5px;
	text-align: center;
}

#archive-tab a:hover, .currentyear {
	background: #FA2016;
	color: #FFF;
}
a.currentyear {
	color: #FFF !important;
}
#archive-tab {
	border-bottom:3px solid #FA2016;
	margin-bottom:20px;
}
.tab-content {
	display:none;
}
.tab-content.active {
	display:block;
}

#contact-us-tbl {
	width:100%;
}
#contact-us-tbl td {
	padding:3px;
	vertical-align:top;
}

input[type=text], textarea {
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	padding: 3px 8px;
	border: 1px solid #4E4E4E;
	width: 80%; }
textarea {
	height: 150px;
	resize: none;
}

.red {
	color:#FA2016;
}

.largeImage img { width: 267px; height: auto; }
#map { width: 100%; height: 480px; }
#utilities { top: 28px; }
#utilities a { outline: 0; }
/* in case of print ico only
#utilities a.printPage { margin-left: 52px; }
*/


@media only screen and (max-width: 1020px) {
}

@media only screen and (max-width: 740px) {

}

/* ===== Tablet ===== */
/* Style adjustments for viewports 768px and under go here */
@media only screen and (max-width: 768px) {


}

/* ===== Phone ===== */
/* Style adjustments for viewports 480px and under go here */
@media only screen and (max-width: 480px) {

}


/* ===== Print ===== */
@media print {
	* { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
	a, a:visited { text-decoration: underline; }
}