@import url("custom/css/reset.css");
@import url("//fonts.googleapis.com/css?family=Open+Sans:400,300italic,400italic,600,600italic,700,300");
@import url("//fonts.googleapis.com/css?family=Cinzel:400,700,900");
/***RESET***/
body, html{
	min-height: 100%; 
	width: 100%;
	font-size:125%;
	padding:0;
	margin:0;}
div, h1, h2, h3, h4, h5, h6, form, p{
	padding:0;
	margin:0;}
img, fieldset {
	border:none;
	margin:0;
	padding:0;}
*:focus{outline:none;}
.clearfix {clear: both;}
img {
  height: auto;
  max-width: 100%;
  vertical-align: middle;
  border: 0;
  -ms-interpolation-mode: bicubic;}

/***Global CSS***/
body{
	font-family: 'Open Sans',Arial,Helvetica,sans-serif;
	font-size:1em;
	line-height:1.5em;
	padding:0;
	margin:0;
	font-weight:normal;
	background:#ffffff;
	color:#1a1a1a;
	overflow-x:hidden;}
.wrapper {
	width:2200px;
	padding:0;
	position: relative;
	margin: 0 auto; }
#main_sec { width: 100%; min-height: 100%; float: left; position: relative; }

a{color:#0a8400; text-decoration:none; font-weight:bold; transition: all 0.3s; -webkit-transition: all 0.3s;}
a:hover{color:#0a8400; text-decoration:underline;}
.middle_column a, .right_content a{font-weight:bold;}
h1{
	font-family: 'Cinzel',sans-serif;
	font-size:36px;
	line-height:normal;
	color:#0a8400;
	font-weight:700;
	border-bottom:6px solid #020077;
	width:100%;
	display:inline-block;}
h2{
	font-family: 'Open Sans',Arial,Helvetica,sans-serif;
	font-size:34px;
	line-height:normal;
	color:#0a8400;
	font-weight:normal;}
h3{
	font-family: 'Cinzel',sans-serif;
	font-size:26px;
	line-height:normal;
	color:#020077;
	font-weight:bold;
	text-transform: uppercase;}
.tool_headline1{
	font-family: 'Open Sans',Arial,Helvetica,sans-serif;
	font-size:28px;
	line-height:normal;
	color:#020077;
	font-weight:bold;
	margin-bottom:0.25em;}
h3.toolhead{margin-bottom:0.5em;}
h4{
	font-family: 'Open Sans',Arial,Helvetica,sans-serif;
	font-size:20px;
	line-height:normal;
	color:#020077;
	font-weight:normal;}
.middle_column h4,.right_column h4{
	width:100%;
	display:inline-block;
	font-weight:600;
	font-style:italic;
	color:#020077;
	font-size:20px;
	line-height:1.5em;
	padding:1.1em 0;
	border-top:9px solid #f7f5f5;
	border-bottom:9px solid #f7f5f5;
	margin:0.875em 0 1.75em;}
h5{
	font-family: 'Open Sans',Arial,Helvetica,sans-serif;
	font-size:24px;
	line-height:normal;
	color:#0a8400;
	text-transform: uppercase;
	font-weight:normal;}
.tool_headline2{
	font-family: 'Open Sans',Arial,Helvetica,sans-serif;
	font-size:24px;
	line-height:normal;
	color:#0a8400;
	font-weight:bold;
	margin-bottom:0.25em;}
h6{
	font-size:22px;
	line-height:normal;
	color:#020077;
	font-family: 'Open Sans',Arial,Helvetica,sans-serif;
	font-weight: 600;
	text-transform: uppercase;}
p{
	padding-bottom:2em;
	font-family: 'Open Sans',Arial,Helvetica,sans-serif;
	font-size:1em;
	line-height:1.5em;
	color:#1a1a1a;}
.middle_column ol,.middle_column ul,
.right_content ol,.right_content ul{
	font-size:1em;
	line-height:1.5em;}
input,textarea,select{
	font-family: 'Open Sans',Arial,Helvetica,sans-serif;
	font-size:1em;
	line-height:1.5em;
	color:#1a1a1a;}
blockquote{padding: 1em 2.5em;}
/*****HEADER*****/
header {width: 100%; float: left; position: relative; background: #ffffff; }
header .bottom {
	width: 100%;
	display:inline-block;
	float: left;
	position: relative;
	background: #f7f5f5;
	background: -moz-linear-gradient(top, #f7f5f5 22%, #ffffff 70%);
	background: -webkit-linear-gradient(top, #f7f5f5 22%,#ffffff 70%);
	background: linear-gradient(to bottom, #f7f5f5 22%,#ffffff 70%); }
header.inside .bottom{background:#ffffff;}
header .bottom  h2.tagline { font-size:1.8em; line-height:normal; margin: 0.8em 0 1em; width: 100%; float: left; text-align: center; color: #0a8400; }
header .left { width: 35%; float: left; text-align: center;  position:relative; z-index:1998;}
header .left ul{margin: 0; padding:0; list-style-type:none;}
header .left li { margin:0 3.5%; display: inline-block; }
header .left li a { width: 130px; height: 130px; font-size: 1.3em; line-height:normal; color: #212337; font-weight: 600; display: inline-block; border-radius: 50%; display: table; background: #f7f5f5; }
header .left li a:hover { background: #0a8400; text-decoration:none; }
header .left span { vertical-align: middle; display: table-cell; }
header #logo {width:100%;text-align:center; position: relative; margin-top: -4.77em; z-index: 1997; display:inline-block;margin-bottom:-225px; }
header #logo img{max-width:30%;}
header .right { margin:0; width: 35%; float: right; text-align:center; position:relative;  z-index:1998;}
header .social-icon{width:100%; margin-bottom:1.33em; float:left;display: inline-block; vertical-align: top;}
header .social-icon a { color: #020077; display: inline-block;font-size: 3.125em; margin:0 0.5%;}
header .social-icon a:hover { color: #0a8400; text-decoration:none;} 
header .quicklinks {padding: 0; margin:0 auto; display: inline-block; position: relative; vertical-align: top;width:71%;}
header .quicklinks .quicklinks-box { padding: 0 11% 0 6%; margin: 0 auto; text-align: left; letter-spacing: -0.01em; text-decoration: none; font-weight: normal; width: 83%; display:inline-block; color: #0a8400; font-size: 1.22em; position: relative; line-height: 52px; height: 52px; display: block; transition: none; background: #f7f5f5; }
header .quicklinks .quicklinks-box:before { content: ''; width: 65px; height: 50px; background: url(custom/images/quicklinks_arrow.png) center top no-repeat; background-position: center 12px; position: absolute; right: 0px; top: 0px; }
header .quicklinks .quicklinks-box:hover, header .quicklinks .quicklinks-box.active { color: #0a8400; border-color: #ffffff; }
header .quicklinks .quicklinks-box:hover:before, header .quicklinks .quicklinks-box.active:before { border-color: #ffffff; background-position: center -67px; }
header .quicklinks-expand {display: none; overflow: hidden; width: 100%; z-index: 999; position: absolute; left: 0px; top: 53px; background: rgba(10,132,0,0.8); }
header .quicklinks ul {
	margin:0;
	padding: 0.5em 4.2%; list-style: none; overflow: auto; width: 91.6%; -webkit-overflow-scrolling: touch; }
header .quicklinks ul li { width: 100%; float:left; text-align: left; padding: 0.38em 0 0.66em; }
header .quicklinks ul li a { display: inline-block; color: #ffffff; font-size: 1em; line-height: normal; font-weight: 500; }
header .quicklinks ul li a:hover { color: #020077; text-decoration: none; }

/*****FOOTER*****/
footer {display:inline-block; width: 100%; float: left; position: relative; }
footer .back-to-top { position: absolute; top: -33px; left: 50%; z-index: 999; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); }

/**** footer-bar ****/
.footer-bar { padding: 2.22em 0 1.11em; width: 100%; float: left; position: relative; border-top: 6px solid #020077; background: #0a8400; }
.footer-bar .left { width: 50%; float: left;z-index:1998; }
.footer-info{width:100%; display:inline-block;}
.footer-logo{float:left; margin-right:0.66em}
.footer-name {margin-bottom: 0.4em; font-size: 1.5em; color: #ffffff; font-family: 'Cinzel',sans-serif; font-weight: 700; }
.footer-name a,.footer-name a:hover {color: #ffffff;text-decoration:none;}
.footer-info p{font-size:0.8em; line-height:1.5em; color:#ffffff;}
.footer-info p a{color:#fff; font-weight: normal;}
.footer-info p a:hover{color:#ffffff; text-decoration:none;}
.search,.search form{ width: 100%; float: left; }
.footer-bar input[type="text"] { padding: 4px 6% 4px 2%; width: 25%; height: 22px; float: left; font-size: 0.88em; color: #ffffff; border: 0px; background: #28931f; }
.footer-bar input[type="submit"] { padding: 0.25em 17px; float: left; height: 30px; border: 0px; cursor: pointer; background: #28931f url(custom/images/search-icon.png) no-repeat center center; }
.footer-bar .right { margin-top: 0.5em; width: 21.5%; float: right; z-index:1998;}
.footer-bar .right h3 { margin-bottom: 0.75em; font-size: 1.33em; line-height:1em; line-height:1.5em;color: #ffffff; font-family: 'Cinzel',sans-serif; font-weight: 700; }
.footer-bar .right h3 span{float:left; font-size: 1.5em;color: #020077; margin-right:0.4em}
.footer-bar .right h3 a { color: #ffffff; }
.footer-bar .right h3 a:hover  { color: #020077;  text-decoration:none;}
.footer-bar .right img { max-width:18%; padding: 0.25em 0.75em 0.25em 0; float: left; }
.footer-bar .right .social-post{width:100%; display:inline-block; margin:0;}
.footer-bar .right p { color: #ffffff; font-size: 0.8em; line-height: 1.5em; }


/*****INSIDE PAGES******/
#banner{width: 100%; position: relative; display:inline-block; }
#banner img{width:100%; height:auto;}
#banner.no_banner  {padding-top:6.5em;position: relative; background: #0a8400 url(custom/images/inner-header-shadow.jpg) center bottom no-repeat; background-size: 100% auto; }
#main_container { padding-bottom: 3.33em; width: 100%; background: #ffffff /*url(custom/images/inner_bg.jpg)*/ right bottom no-repeat; }
.main_content{width:100%; display:inline-block;padding-top:3em;}
.left_column{width:22.8%; float:left;}
#sidebar{width:100%;display:inline-block; background:#f7f5f5;}
.middle_column{
	width:100%;
	padding: 0;
	float:left;}
.middle_column.with_left{width:74.2%; padding: 0 0 0 3%;}
.middle_column.with_both{width:48.5%; padding: 0 2.5%;}
.middle_column.with_right{width:73.5%; padding: 0 2.5% 0 0;}
.right_column{width:22.8%; float:right;}
.right_content {
    background: #f7f5f5;
    padding: 0.83em 5%;
    margin-bottom: 1.33em;
	font-size:77%;
    width: 90%;}
.right_column h3.toolhead{
	padding: 0.83em 5%;
	width:90%;
	font-size:1.16em;
	line-height:normal;
	float:left;
	background:#0a8400;
	color:#ffffff;
	border-bottom:6px solid #020077;}
.right_column h4{border-top:10px solid #ffffff; border-bottom:10px solid #ffffff;}
.right_column h5{color: #020077; }
		
/*****INSIDE PAGE TOOLS****/
.detail_minical .calendar_form .month_header,
.detail_minical .calendar_options,
.calendar_grid .calendar_grid_headings,
.detail_minical .calendar_grid td,
.calendar_nav,
.calendar_options,
.calendar_grid_day,
.calendar_list_title,
.calendar_list_date,
.slideshow_caption,
.number_pager,
.cycle_overlay,
.post-activity,
.form-item,
.form-label,
.color-button,
.responsive-form input[type="file"],
.responsive-form input, .responsive-form textarea, .responsive-form select,
.news-rss,
.blog_title_all,
.blogtags,
.scrip-writein-row,
.scrip-vendor-name,
.scrip-add-cart-amount,
.scrip-add-cart-qty,
.signup-date,
.grouping-heading,
.login-menu,
.blog-row-header,
.blog-results-row,
.post-nav-left,
.blogattachment,
.header,
.dir-head-link,
.dir-head-back,
.dir-name,
.collapse-btn,
.expandme,
.group-details strong,
.back-to-top,
.profile,
.detail_profiles .staff_header .search_box input[type="text"],
.detail_profiles .popup_box .profile-name,
.detail_profiles .popup_box .profile-title,
.profile-contact,
.detail_profiles .profile-short,
.overlay_details span{font-family: 'Open Sans',Arial,Helvetica,sans-serif;}
.gsc-control-cse div{line-height:normal;}

/*****HOME PAGE*****/
/****SLIDER-BAR*****/
.slider-bar {width: 100%; float: left; position: relative; }
.slider-bar .slide {overflow: hidden; width: 100%; position:relative;}
.slider-bar .slide img{width:100%; height:auto; position:relative;}
.slider-bar .slide-mask{
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	bottom:0;
	background: url(custom/images/slide-show-mask.png) 0 0 no-repeat;
	background-size:100% 100%;}
.slider-bar .caption {position:absolute; left:5%; bottom:4em; width:26%; }
.slider-bar .caption span {padding-left: 0.6em; float: left; font-weight: 600; font-size: 1.3em; line-height: 1.16em; color: #0a8400; border-left: 6px solid #020077; }
.slider-bar .pager {
	width: auto; right: 5%; bottom: -43px; position: absolute; z-index: 1999; text-align: center; vertical-align: top; }
.slider-bar .pager span { display: inline-block; margin: 0 4px; width: 12px; height: 12px; border-radius: 50%; cursor: pointer; text-indent: -9999px; background: #0a8400; }
.slider-bar .pager span.cycle-pager-active,.slider-bar .pager span:hover { position: relative; background: #020077; }
/****CALLOUTS****/
.callout-bar {padding-top: 0.75em; padding-bottom: 3.8em; width: 100%; float: left; background: #ffffff;display:inline-block; }
.callout-bar .row{width:50%; float:left;}
.callout-bar .row:last-child{float:right;}
.callout-bar .column {margin:0 2.8%; width: 45.7%; float: left; background: #0a8400; }
.callout-bar .row:first-child .column:first-child { margin-left: 0; }
.callout-bar .row:last-child .column:last-child { margin-right: 0; }
.callout-bar .column img {width:100%; border-bottom: 6px solid #020077; }
.callout-bar .column:hover img { opacity: 0.7; }
.callout-bar h3.title { padding: 0.26em 7.8% 0.375em; width: 84.4%; float: left; font-size: 1.66em; color: #ffffff;  line-height: 1.26em; background: #0a8400; font-family:'Open Sans',Arial,Helvetica,sans-serif; text-transform: none; font-weight:normal;}
.callout-bar h3.title a,.callout-bar h3.title a:hover{color:#ffffff; text-decoration:none; font-weight:normal;  }
/****EVENT BAR****/
.home-tool-bar{ padding-bottom: 3em; width: 100%; float: left;}
.home-tool-bar h3.title{font-family:'Cinzel',serif;font-weight:bold;font-size:2em; line-height:1em; width:100%; color: #0a8400; padding-bottom:0.27em;border-bottom:6px solid #020077; margin-bottom:0.83em; text-transform:none;}
.view a:hover {color: #020077; text-decoration:none;}
.view a {float: right;font-size: 0.66em;font-family: 'Open Sans',Arial,Helvetica,sans-serif;color: #0a8400;font-weight: 600;display: inline-block; margin-top: 0.25em;}
.home-tool-bar .row{width:50%; float:left;}
.home-tool-bar .row:last-child{float:right;}
.home-tool-bar .column {margin:0 2.8%; width: 45.7%; float: left;}
.home-tool-bar .row:first-child .column:first-child{margin-left:0;}
.home-tool-bar .row:last-child .column:last-child{margin-right:0;}
.event-bar,.blog-home,.announce-list,.home_editor_content{width:100%; display:inline-block;}
.event-bar .event { margin-bottom: 1.38em; width: 100%;  display:inline-block;float: left; }
.event-bar .date {display:none; margin-top: 0.25em; width: 23%; float: left; text-align: center; background: #0a8400; }
.event-bar .date.show{display:block;}
.event-bar .month { padding: 0.17em 4%; width:92%; font-size: 0.94em; color: #ffffff; display: block; font-weight: 600; background: #020077; }
.event-bar .day{padding: 0.2em 0 0.3em; color: #ffffff; font-size: 2.22em; display:inline-block;}
.event-bar .text { width: 70%; float: right; }
.event-bar h4,.blog-home h4.title,.announce-list h4 { font-size: 1.66em; color: #0a8400; line-height: 1.16em; font-weight:normal; }
.event-bar h4 a,.blog-home h4.title a,.announce-list h4 a{ color: #0a8400; font-weight:normal; }
.event-bar h4 a:hover,.blog-home h4.title a:hover,.announce-list h4 a:hover { color: #020077; text-decoration:none; font-weight:normal;}
.event-bar .time { padding-bottom: 0px; font-size: 1.125em; color: #0a8400; display: block; line-height: 1.18em; }
.event-bar p { padding-top: 0.25em; padding-bottom: 0px; color: #1a1a1a; font-size: 1em; line-height: 1.33em; }

.blog-home .img_container,.home_editor_content .img_container{ max-width:23%; float:left; margin-right:2.8%;}
.blog-home h5.author{ font-size:1em; line-height:normal; margin-bottom:1.4em; font-weight:bold; color:#0a8400;}

.announce-list .pic{display:block; text-align:center; width:60%; margin: 0 auto 1.44em;}
.announce-list .pic img{width:100%; height:auto; border-radius:50%; -webkit-border-radius:50%;}
.announce-list p{padding-bottom:0;}
/*****MEDIA QUERIES*****/
@media only screen and (max-width: 2300px) {
	.wrapper{
		width:90%;
		max-width:90%;
		margin:0 auto;
		padding:0 5%;}
}
@media only screen and (max-width: 1550px) {
	body, html{font-size:106.25%;}
}
@media only screen and (max-width: 1300px) {
	.footer-bar .left,.footer-bar .right{margin-top:1.5em;}
	.footer-bar .left{width:60%;}
}
@media only screen and (max-width: 1200px) {
	body, html{font-size:100%;}
	header .social-icon a{font-size:2.75em;}
	.callout-bar h3.title{font-size:1.44em}
}
@media only screen and (max-width: 980px) {
	header .left li a {
		width: 98px;
		height: 98px;
		font-size: 1.1em;
		line-height: 0.8em;}
	header .left ul,header .right{margin-top:1.5em;}
	header .social-icon a{font-size:2.25em;}
	header .quicklinks{width:80%;}
	.blog-home .img_container, .home_editor_content .img_container{max-width:35%;}
}
@media only screen and (max-width: 950px) {
	.footer-bar .left,.footer-bar .right{ width:100%; margin-bottom:1.5em; text-align:center;}
	.footer-info p{font-size: 1em;}
	.search, .search form {
		width: 100%;
		float: none;
		display: inline-block;
		text-align: center;}
	.footer-bar input[type="text"]{float:none;display:inline-block;}
	.footer-bar input[type="submit"]{float:none;display:inline-block;margin-left:-3px;}
	.footer-bar .right h3 span{float:none; display:inline-block;}
	.footer-bar .right img {
		max-width: 23%;
		padding: 0.25em 0 0.25em 0;
		float: none;
		display: inline-block;}
}
@media only screen and (max-width: 939px) {
	.left_column{width:100%; float:left; display:none;}
	.middle_column.with_left{width:100%; padding: 0 0 0 3%; margin-bottom:1.5em;}
	.middle_column.with_both,.middle_column.with_right{width:62.5%; padding: 0 2.5% 0 0;}
	.right_column{width:100%; float:right;}	
	.right_content{font-size:100%;}
	header .bottom h2.tagline{margin: 0 0 1em;}
	.callout-bar h3.title{font-size:1.25em}
	.event-bar .time{font-size:0.75em}
	.event-bar h4, .blog-home h4.title, .announce-list h4{font-size:1.375em;}
	.event-bar p{font-size:0.75em}
	.event-bar .day{font-size:2em;}
	.event-bar .month{font-size:.75em;}
}
@media only screen and (max-width: 800px) {
	header .left{width:100%;}
	header #logo {width: 100%; margin-bottom:1.5em;}
	header #logo img{max-width:50%;}
	header .right{width:100%;}
	header .social-icon a{font-size:2.75em;}
	header .bottom h2.tagline {margin: 1em 0 1em;}
	.slider-bar .caption {
		bottom: auto;
		top:1.5em;
		width: 40%;}
	.slider-bar .caption span{font-size:1em;}
	.slide-mask{background-size:140% 100%;}
	.callout-bar .row, .home-tool-bar .row{width:100%; margin-bottom:2em;}
	.home-tool-bar .row:first-child{padding-bottom:2em; border-bottom:10px solid #f7f5f5;}
	.callout-bar .column,.home-tool-bar .column{width:47.2%;}
	.callout-bar .row:first-child .column:last-child,
	.home-tool-bar .row:first-child .column:last-child{margin-right:0;}
	.callout-bar .row:last-child .column:first-child,
	.home-tool-bar .row:last-child .column:first-child{margin-left:0;}
	.event-bar .date{display:block;}
	.blog-home .img_container, .home_editor_content .img_container{max-width:50%;}
	.home-tool-bar h3.title{font-size:1.75em;}
}
@media only screen and (max-width: 680px) {
	.middle_column.with_both,.middle_column.with_right{width:100%; padding: 0 2.5% 0 0;  margin-bottom:1.5em;}
	
}
@media only screen and (max-width: 640px) {
	header #logo {margin-top: -350px;}
	header .left{width:100%;}
	header #logo img{max-width:50%;}
	.slider-bar .pager{bottom:auto; top:1.5em;}
	.slider-bar .pager span{width:15px; height:15px;}
	.event-bar h4, .blog-home h4.title, .announce-list h4{font-size:1.25em;}
}
@media only screen and (max-width: 560px) {
	.slider-bar .caption {width:55%;}
}
@media only screen and (max-width: 500px) {
	header #logo{margin-top: -25px;}
	header #logo img{max-width:60%;}
	#banner.no_banner{padding-top 2.5em; margin-bottom:-50px;}
	.home-tool-bar h3.title{font-size:1.375em;}
	.blog-home .img_container, .home_editor_content .img_container{max-width:100%; margin-bottom:1em;}
}
@media only screen and (max-width: 480px) {
	.slider-bar{background:#f7f5f5; padding-bottom:50px;}
	.slide-mask{display:none;}
	.slider-bar .caption {
		position:relative;
		bottom: auto;
		top:auto;
		width: 95%;
		padding:1.5em 0 1.75em 0;}
	.slider-bar .caption span{line-height:1.25em;}
	.slider-bar .pager{margin: 1.5em auto 0;position:relative; top:auto; bottom:auto; right:auto; left:auto; width:90%; text-align:center;}
}
@media only screen and (max-width: 460px) {
	.footer-bar input[type="text"]{width:50%;}
	.callout-bar .column,.home-tool-bar .column{width:100%; margin:0 0 1.5em;}
	.home-tool-bar .column{ padding: 0 0 1.5em; border-bottom: 10px solid #f7f5f5;}
	.callout-bar .row,.home-tool-bar .row,.home-tool-bar .row:first-child{margin-bottom:0; padding:0; border:0;}
	.callout-bar .row .column,.home-tool-bar .column:first-child{margin:0 0 1.5em;}
	.announce-list{text-align:center;}
}
@media only screen and (max-width: 350px) {
	header #logo img{max-width:80%;}
	.home-tool-bar h3.title{font-size:1.125em;}
}

/* SM 3.0 CSS */
.tool_content {font-family: 'Open Sans',Arial,Helvetica,sans-serif;}
.sm3_header_right .account_info a{ font-weight: 500;}
.page_heading_row h1{ border: none !important; font-family: inherit; }