html, body { height: 100% }

body {
	padding-top: 37px !important;
}
body.no-fixed-top {
	padding-top: 0 !important;
}

h1, h2, h3, h4 {
    line-height: 1.2;
}

.btn {
    background-image: none;
    border-color: none;
    border: 0;
    outline: 0;
    box-shadow: none;
}
.btn-success {
    font-size: 15px;
    line-height: 18px;
    padding: 6px 12px;
    background-color: #8DC63F;
}
.btn-success:hover, .btn-success:active {
    background-color: #7cb233;
}


/***** HEADER *****/

.announcement {
    background-color: #31B0D5;
    color: #fff;
    text-align: center;
    font-size: 16px;
    line-height: 2;
}
.announcement .container {
	max-width: 940px;
	padding: 3px 20px;
}
.announcement a {
    color: #fff;
    text-decoration: underline;
}
.announcement p {
    margin: 0 0 0 0;
}

.top-strip {
	position: fixed !important;
	top: 0;
	left: 0;
	width: 100%;
	/*height: 36px;*/
	background-color: #81bc41;
	border-bottom: 1px solid #fff;
	color: #fff;
	line-height: 2;
	z-index: 10000;
	box-shadow: 0px 1px 1px 0 rgba(0, 0, 0, 0.05);
}
.no-fixed-top .top-strip {
	position: static !important;
	line-height: 2;
}
.top-strip .container {
	max-width: 940px;
	padding: 3px 20px;
}
.top-strip a {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
}
.top-strip a:hover {
	color: #f5f5f5;
}
.top-strip-left-mobile {
	display: none;
}
.top-strip-right {
	display: inline-block;
	*display: inline;
	*zoom: 1;
}
.top-strip-right p {
	padding: 0;
	margin: 0;
	line-height: 0 !important;
}
.top-strip-right .libraryh3lp {
	background: transparent;
	border: 0;
	border-bottom: 0;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	color: #fff;
	cursor: pointer;
	padding: 0;
	position: static;
	text-align: left;
	line-height: 28px;
}
.top-strip-right .libraryh3lp:hover {
    padding-bottom: 0;
}
.top-strip-right .libraryh3lp a {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	color: #fff;
	font-size: 16px;
	text-decoration: none;
}
.top-strip-right .libraryh3lp a:hover {
	color: #f5f5f5;
}
.top-strip-right .libraryh3lp a:before {
    content: "\24";
    font-family: 'icomoon';
    font-style: normal;
    speak: none;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    margin-right: 6px;
}

.header-mobile {
	display: none;
	position: static;
	margin-bottom: 16px;
}
.header-mobile .brand {

}
.header-mobile .header-right-mobile {
	position: relative;
	top: 30px;
}
.header-mobile .icon-search {
	display: inline;
}
.header-mobile .search-label {
	font-size: 17px;
	font-style: normal;
	font-weight: bold;
	display: inline;
	position: relative;
	top: -4px;
}
.header-mobile #header-links, .header-mobile .search-container, .header-mobile .btn-navbar {
	float: none;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: middle;
}

.header-mobile .btn-navbar {
	padding: 6px 5px 6px 7px;
	margin: 0px 10px 0px 20px;
	border: 1px solid #ddd;
	border-radius: 4px;
	text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.75);
	color: #fff;
	background-color: #85C62F;
	background-image: linear-gradient(to bottom, #85C62F, #85C62F);    
	background-repeat: repeat-x;
	border-width: 1px;
	border-style: solid;
	border-color: #a0db52 #a0db52 #7dbd29;
	-moz-border-top-colors: none;
	-moz-border-right-colors: none;
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	border-image: none;
	border-radius: 4px;
	box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.2) inset, 0px 1px 2px rgba(0, 0, 0, 0.05);

}

.header-mobile .btn-navbar:hover {
	background-color: #a0db52;
}
.header-mobile .icon-bar, .header .btn-navbar .icon-bar {
	display: block;
	width: 24px;
	height: 3px;
	background-color: #fff;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
.btn-navbar .icon-bar + .icon-bar {
	margin-top: 4px;
}


.header, .header-mobile {
	padding: 16px 10px 10px 10px;
	background: transparent;
	margin-bottom: 16px;
	border-bottom: 1px solid rgba(0,0,0,0.15);
	-moz-box-shadow: 0px 4px 3px 0 rgba(0,0,0,0.05);
	-webkit-box-shadow: 0px 4px 3px 0 rgba(0,0,0,0.05);
	box-shadow: 0px 4px 3px 0 rgba(0,0,0,0.05);
}
.header-mobile {
	padding: 16px 10px 0 10px;
}
.header .header-inner, .header-mobile .header-inner {
	padding: 0px 10px;
}

#header-links, .search-container {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: middle;
}
.header #header-links {
	margin-right: 12px;
}
#header-right-top {
	position: relative;
	top: 6px;
}
#header-right-bottom {
	position: relative;
	/*top: 28px;*/
	top: 18px;
}



/***** SEARCH BAR *****/


.wide-search {
	display: none;
}
form#searchform-mobile {
	margin: 0 0 0 0;
}
.search-container#search-container-desktop {
	width: 515px;
}
.search-container#search-container-wide {
	width: 100%;
}
.searchbar {
	width: 100%;
	position: relative;
}
#searchterm, #searchterm-mobile, #searchterm-wide {
	box-sizing: border-box;
	height: 50px;
	width: 100%;
	border: 1px solid #e0e0e0;
	outline: 0px none;
	margin: 0px;
	padding: 4px 160px 4px 8px;
	color: #555;
	background-color: #FFF;
	vertical-align: top;
	font-size: 20px;
	/*line-height: 50px;*/
	border-radius: 4px 0 0 4px;
}
div.searchselect {
	position: absolute;
	display: inline-block;
	height: 50px;
	vertical-align: top;
	margin: 0;
	top: 0;
	right: 116px;
}

div.searchform, div.searchform-mobile, div.searchform-wide {
	position: absolute;
	top: 99%;
	right: 0;	
	width: auto;
	white-space: nowrap;	
	display: none;
	border: 0;
	margin: 0;
	padding: 0;
	outline: 0;
	vertical-align: top;
	z-index: 3000;
	background-color: #fff;
	border-bottom: 1px solid rgba(220,220,220,1);
	border-right: 1px solid rgba(220,220,220,1);
	border-left: 1px solid rgba(220,220,220,1);
	box-shadow: 0 0.3rem .5rem -0.111rem rgba(0,0,0,0.15);
}

div.searchform a, div.searchform-mobile a, div.searchform-wide a {
	display: block;
	font-size: 16px;
	color: #269ABC;
	padding: 8px;
	outline: 0;
}

div.searchform a:hover, div.searchform a:active, div.searchform a:focus,
div.searchform-mobile a:hover, div.searchform-mobile a:active, div.searchform-mobile a:focus,
div.searchform-wide a:hover, div.searchform-wide a:active, div.searchform-wide a:focus
{
	text-decoration: none;;
	background-color: #f1f1f1;
}

.expandsearchform, .expandsearchform-mobile, .expandsearchform-wide {
	position: absolute;
	left: -40px;
	height: 50px;
	width: 40px;
	padding: 0;
	margin: 0;
	border: 0;
	line-height: 40px;
	font-size: 40px;
	cursor: pointer;
	color: #31B0D5;
	background-color: transparent;
	box-shadow: none;
}

.expandsearchform:hover, .expandsearchform:focus,
.expandsearchform-mobile:hover, .expandsearchform-mobile:focus,
.expandsearchform-wide:hover, .expandsearchform-wide:focus
{
	color: #269ABC;
}
.expandsearchform i.icon-arrow-down-3, .expandsearchform-mobile i.icon-arrow-down-3, .expandsearchform-wide i.icon-arrow-down-3 {
    vertical-align: middle;
    margin-top: 10px;
}
.expandsearchform i.icon-arrow-down-3:hover,.expandsearchform i.icon-arrow-down-3:focus, .expandsearchform-mobile i.icon-arrow-down-3:hover,.expandsearchform-mobile i.icon-arrow-down-3:focus {

}

.searchbar button.searchsubmit {
	width: 114px;
	position: absolute;
	top: 0;
  	right: 0;
	background-color: #31B0D5;
	display: inline-block;
	padding: 5px 6px;
	margin-bottom: 0px;
	font-family: "Open Sans",arial;
	font-size: 20px;
	font-weight: 400;
	line-height: 40px;
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
	cursor: pointer;
	-moz-user-select: none;
	background-image: none;
	border: 0;
	border-radius: 0 4px 4px 0;
	color: #fff;
}
.searchbar button.searchsubmit:hover, .searchbar button.searchsubmit:focus, .searchbar button.searchsubmit:active
{
	background-color: #269ABC;
	color: #FFF !important;
	text-decoration: none;
}
.searchbar button.searchsubmit .icon-search {
	font-size: 16px;
}
#show-search-form {
	display: none;
	background-color: transparent;
	border: 0;
	font-size: 23px;
	line-height: 23px;
	margin-left: 8px;
	position: relative;
	top: 3px;
	color: #666;
}
#close-search-form {
	background-color: transparent;
	border: 0;
	font-size: 18px;
	line-height: 18px;
	position: absolute;
	top: 10px;
	right: 12px;
	color: #43c3e9;
}
.searchbar button.searchsubmit:hover, .searchbar button.searchsubmit:focus, #show-search-form:hover, #show-search-form:focus {
	color: #999;
}
#close-search-form:hover, #close-search-form:focus {
	color: #3db3d6;
}

/* TOP NAVIGATION */

.navigation.mobile {
	clear: both;
	width: 100%;
}
.navigation.mobile .nav-pills {
	text-align: center;
	margin: 10px 0 0 0;
}
.navigation.mobile .nav-pills > li {
	float: none;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	padding-top: 0;
	padding-bottom: 0;
}
.header .navigation .nav-pills, .header-mobile .navigation .nav-pills {
	font-size: 15px;
}
.header .navigation .nav-pills > li > a {
	padding-top: 6px;
	padding-bottom: 6px;
	margin-top: 2px;
	margin-bottom: 2px;
	border-radius: 5px;
	margin-right: 8px;
	text-transform: uppercase;
}
.header .navigation .nav-pills > li:last-child > a {
	margin-right: 0px;
}
.header-mobile .navigation .nav-pills > li > a {
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: 3px;
	margin-bottom: 3px;
	border-radius: 5px;
	text-transform: uppercase;
}
.header .navigation .nav-pills > .active > a, .header .navigation .nav-pills > .active > a:hover, .header .navigation .nav-pills > .active > a:focus,
.navigation.mobile .nav-pills > .active > a, .navigation.mobile .nav-pills > .active > a:hover, .navigation.mobile .nav-pills > .active > a:focus
{
    color: #81BC41;
    background-color: transparent;
}
.header .nav .caret, .header-mobile .nav .caret {
	margin-top: 8px;
	margin-left: 2px;
}
.header .nav .caret, .header-mobile .nav .caret {
	border-top-color: #555;
	border-bottom-color: #555;
	margin-top: 6px;
}
.header .nav .parent a:hover .caret,
.header .nav .parent a:focus .caret,
header-mobile .nav .parent a:hover .caret,
header-mobile .nav .parent a:focus .caret{
	border-top-color: #8CC63F;
	border-bottom-color: #8CC63F;
}


/* HOME PAGE MODULES */

.moduletable.-qlinks h3 {
	margin: 0 0 6px 0;
}
.quicklinks {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: top;
	margin-right: 0px;
}
.quicklinks.left {
	margin-right: 16px;
}
.quicklinks a {
	display: block;
	padding: 2px 3px;
	font-size: 13px;
	border-radius: 4px;
}
.quicklinks a:hover, .quicklinks a:focus {
	background: #f1f1f1;
}
#qlinks2 { display: none; margin: 26px 0 0 0; !height: 1%; }

.quicklinks-mobile {
    display: flex;
    flex-wrap: wrap;
    margin-top: 10px;
}
.quicklinks-mobile a {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	margin: 4px 6px 4px 0;
	padding: 5px;
	font-size: 13px;
	background-color: #e1eff3;
	border-radius: 4px;
	white-space: nowrap;
}

.quicklinks-mobile a:hover, .quicklinks-mobile a:focus {
	background-color: #bfe3ed;
	color: #555;
}


#home-top .gkIsWrapper-gk_shop_and_buy {

}


#home-mid { margin: 26px 0 26px 0; !height: 1%; }

#home-mid1 .gkTab { font-size: 13px; }
#home-mid1 .gkTabItem { padding: 10px 0 0 0; margin: 0; }
#home-mid1 .gkTabItemSpace { padding: 0; margin: 0; }
#home-mid1 h3 { width: 100%; box-sizing: border-box; height: 100%; text-transform: capitalize; margin: 0 0 10px 0; background-color: #81bc41; padding: 12px 0 12px 12px; color: #fff; font-size: 18px; border-radius: 6px 6px 0 0; }
#home-mid1 h3[class^="icon-"]:before { margin-right: 8px; }
#home-mid1 ul.eventstab { font-size: 13px; line-height: 160%; margin: 0; padding: 0; width: 100%; background: #fff; }
#home-mid1 ul.eventstab li { padding: 6px; }
#home-mid1 ul.eventstab li.shade { background: #f3f3f3; }
#home-mid1 ul.eventstab li span.date { color: #333; }
#home-mid1 ul.eventstab li a, ul.eventstab li a:active, ul.eventstab li a:visited { color: #333; font-weight: bold; text-decoration: none; }
#home-mid1 ul.eventstab li a:hover { font-weight: bold; text-decoration: none; color: #85C62F; }
#home-mid1 .gkTabsItem {
  padding: 10px 2px;
}

#home-mid .gkTabsWrap.vertical ol {
    margin: 0 !important;
    padding: 0 10px !important;
    height: 30px;
    border-bottom: 1px solid #e0e0e0;
}
#home-mid .gkTabsWrap.vertical ol li {
    padding: 4px 12px !important;
    margin: 0px 4px 0;
}
#home-mid .gkTabsWrap.vertical ol li, #home-mid .gkTabsWrap.horizontal ol li {
    box-shadow: none;
    background: #f7f7f7 none repeat scroll 0% 0%;
    border-width: 1px 1px 0 1px;
    border-style: solid;
    border-color: #e0e0e0;
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    border-image: none;
    border-radius: 4px 4px 0 0;
    color: #666;
}
#home-mid .gkTabsWrap.vertical ol li:hover, #home-mid .gkTabsWrap.horizontal ol li:hover {
    color: #333;
    border-color: #ccc;    
    background: #f1f1f1 none repeat scroll 0% 0%;
}
#home-mid .gkTabsWrap.vertical ol li.active, #home-mid .gkTabsWrap.horizontal ol li.active, #home-mid .gkTabsWrap.vertical ol li.active:hover, #home-mid .gkTabsWrap.horizontal ol li.active:hover {
    color: #78b22b;
    box-shadow: none;
    border-color: #85c62f;        
    background: #fff none repeat scroll 0% 0%;
}

#home-mid2 ul.weblinks { list-style: none; margin: 0; }
#home-mid2 ul.weblinks li a, #home-mid2 ul.weblinks li a:active, #home-mid2 ul.weblinks li a:visited { font-size: 14px; text-decoration: none; }
#home-mid2 ul.weblinks li a:hover { font-size: 14px; }
#home-mid2 ul.weblinks li { clear: both;  padding: 8px 6px; border-bottom: 1px solid #e0e0e0; !height: 1%; }
#home-mid2 ul.weblinks li:last-child { border-bottom: 0; } 
#home-mid2 ul.weblinks li img { float: left; margin: 0 6px 0 0; margin-top: 0 !important; border: 0; }
#home-mid2 ul.weblinks p { float: left; padding: 0; margin: 0; }
#home-mid2 h3 { width: 100%; box-sizing: border-box; height: 100%; text-transform: capitalize; margin: 0 0 6px 0; background-color: #81bc41; padding: 9px 0 9px 12px; color: #fff; font-size: 18px; border-radius: 6px 6px 0 0; }
#home-mid2 h3[class^="icon-"]:before { margin-right: 8px; }


#home-bottom { margin: 0 0 16px 0; !height: 1%; }

#home-bottom1 .gkTabItemSpace { padding: 0; margin: 0; }
#home-bottom1 h3 { width: 100%; box-sizing: border-box; height: 100%; text-transform: capitalize; margin: 0 0 10px 0; background-color: #31B0D5; padding: 12px 0 12px 12px; color: #fff; font-size: 18px; border-radius: 6px 6px 0 0; }
#home-bottom1 h3[class^="icon-"]:before { margin-right: 8px; }
#home-bottom1 ul.latestnews { list-style: none; margin: 0 0 10px 4px; padding: 6px 0 6px 0; border-bottom: 1px solid #ddd; }
#home-bottom1 ul.latestnews li { background-image: url('../img/arrow-gray.png'); background-repeat: no-repeat; background-position: 0px 4px; padding-left: 10px; }

#home-bottom1 ul.latestnews li { margin: 0 0 8px 0; line-height: 18px; }
#home-bottom1 ul.latestnews li a, #home-bottom1 ul.latestnews li a:visited { font-size: 14px; }
#home-bottom1 ul.latestnews li a:hover, #home-bottom1 ul.latestnews li a:active { text-decoration: none; }
#home-bottom1 .social-icons { margin: 10px 0; padding: 0 0 6px 0; border-bottom: 1px solid #ddd; }
#home-bottom1 .social-icons a { display: inline-block; *display: inline; *zoom: 1; margin: 0 20px 6px 0; }
#home-bottom1 .social-icons a:last-child { margin-right: 0; }
#home-bottom1 .social-icons img { border-radius: 3px; }
#home-bottom1 .social-icons img:hover { opacity: 0.8; filter: alpha(opacity=80); }

#home-bottom2 h3 { width: 100%; box-sizing: border-box; height: 100%; text-transform: capitalize; margin: 0 0 10px 0; background-color: #31B0D5; padding: 12px 0 12px 12px; color: #fff; font-size: 18px; border-radius: 6px 6px 0 0; }
#home-bottom2 h3[class^="icon-"]:before { margin-right: 8px; }
#home-bottom2 #main-map { background: transparent top center no-repeat; border-radius: 6px 6px 0 0; }
#home-bottom2 #south-map { background: transparent url(../../../images/map-south-branch-wide.jpg) top center no-repeat; border-radius: 6px 6px 0 0; }
#home-bottom2 #main-map p.map-link, #home-bottom2 #south-map p.map-link { width: 100%; height: 100%; margin: 0; url (https://www.google.com/maps/place/Barrington+Area+Library/@42.159316,-88.127714,17z/data=!3m1!4b1!4m2!3m1!1s0x880fa121b1e4cacf:0x97a08f879906b6a4?hl=en) }
#home-bottom2 #main-map p.map-link a, #home-bottom2 #south-map p.map-link a { display: block; height: 100%; line-height: 0; }
#home-bottom2 p.map-info { max-width: 575px; font-size: 14px; line-height: 20px; text-align: center; margin: 0 auto 0 auto; background-color: #f1f1f1; padding: 6px; border-radius: 0 0 6px 6px; }


h3 span[class^="icon-"] {
    display: inline-block;
    width: 16px;
    height: 18px;
    margin-right: .25em;
    line-height: 18px;
    font-weight: normal !important;
    font-size: 18px;
}


/* LEFT MAIN NAVIGATION */


.moduletable.navtop {
	border: 1px solid #f1f1f1;
	border-radius: 6px;
	box-shadow: 0 0.2rem 0.2rem -0.111rem rgba(0,0,0,0.15);
	margin-bottom: 30px;
}

.moduletable.navtop .nav {
	margin-bottom: 0;
}

.moduletable.navtop ul li a {
    color: #555;
    text-transform: capitalize;
}
.moduletable.navtop ul li a {
    position: relative;
    display: block;
    padding: 8px 12px 8px 20px;
    background-color: #fff;
    background: url("../../../images/M_images/arrow-gray.png") no-repeat 8px 12px;
}

.moduletable.navtop ul li:nth-child(odd) a {
    background-color: #e1eff3;
}

/*.moduletable.navtop ul li:nth-child(even) a {
    background-color: #fff;
}*/

.moduletable.navtop ul li a:hover {
    color: #333;
    background-color: #bfe3ed;
}

.moduletable.navtop ul li:first-child a {
    border-radius: 6px 6px 0 0;
}
.moduletable.navtop ul li:last-child a {
    border-radius: 0 0 6px 6px;
}


/* QUICK LINKS TOP MOBILE MENU */

.btn-group.span12.qlinks-menu-container {
	display: none;
	margin-bottom: 20px;
}

button.qlinks-toggle {
	width: 100%;
}

.btn.btn-info.dropdown-toggle.qlinks-toggle {
    font-size: 15px;
    line-height: 18px;
    background-image: none;
    border-color: none;
    border: 0;
    outline: 0;
    box-shadow: none;    
}

.btn.btn-info.dropdown-toggle.qlinks-toggle:focus {
    background-color: #49AFCD;
}
.btn.btn-info.dropdown-toggle.qlinks-toggle:focus:hover {
    background-color: #2F96B4;
}

.btn.btn-info.dropdown-toggle.qlinks-toggle .caret {
	border-left-width: 6px;
	border-right-width: 6px;
	border-top-width: 6px;
	margin-left: 3px;
}
.btn-info, .btn-info:hover, .btn-info:focus, .btn-info:active {

}

.dropdown.collapse.qlinks-menu {
	margin: 0;
	border-radius: 0;
	list-style: none;
}

.dropdown.collapse.qlinks-menu>li {
	padding: 10px 0;
	list-style: none;
}

/*.dropdown.collapse.qlinks-menu .quicklinks-mobile a {
	display: block;
	float: left;
}*/

.dropdown.collapse.qlinks-menu .moduletable.-qlinks h3 {
	display: none;
}


/* RIGHT BAR NAV AND CONTENT */

#aside ul.nav { width: 100%; list-style: none; text-align: left; padding: 0; margin: 0; }
#aside ul.nav li { display: block; padding: 0 0 0 12px; margin: 0 0 3px 0; background: url("../../../images/M_images/arrow-aqua.png") no-repeat 0px 4px; }
#aside ul.nav li ul li, #aside ul li ul li ul li { display: block; padding: 0 0 0 12px; margin: 0; background:  url("../../../images/M_images/indent5.png") no-repeat 0px 4px; }
#aside ul.nav li.divider { background: none; padding: 0 0 0 0; margin-top: 12px; margin-bottom: 6px; }
#aside ul.nav li.divider:first-child { margin-top: 0px; }

#aside ul.nav li a { font-size: 12px; }
#aside ul.nav a:hover { color: #31B0D5; }
#aside ul.nav .active a { color: #31B0D5; }

#aside ul.nav h3 { color: #31B0D5; font-size: 1.6em; font-weight: bold; margin-bottom: 4px; }
#aside ul.nav .separator { color: #31B0D5; font-size: 1.2em; font-weight: bold; background: none; }
#aside ul.nav #item-72, #aside #item-80 { background: none; padding: 0; margin: 8px 0 0; }
#aside ul.nav #item-540 { background: none; padding: 0; margin: 0; }
#aside ul.nav #item-569, #aside #item-570, #aside #item-571, #aside #item-572 { font-size: 13px; background: none; padding: 0; margin: 0; }

/**** custom side content ****/

.customsidecontent, .customsidecontent2 {
  font-size: .9em;
  line-height: 1.6em;
  color: #666;
  margin: 0px 0 20px;
  padding: 8px 0 0;
  border-top: 1px solid #e0e0e0;
}

.customsidecontent1 {
  font-size: .9em;
  line-height: 1.8em;
  color: #666;
  margin: 0px 0 0;
  padding: 0;
}

.customsidecontent-history {
  font-size: .9em;
  line-height: 1.6em;
  color: #999;
  margin: 0px 0 20px;
  padding: 8px 0 0;
  border-top: 1px solid #e0e0e0;
}

.customsidecontent h3, .customsidecontent1 h3, .customsidecontent2 h3, .customsidecontent-history h3 {
  font-size: 15px;
  font-weight: bold;
  margin: 12px 0 6px;
  color: #31B0D5;
}

.customsidecontent h3:first-child, .customsidecontent1 h3:first-child, .customsidecontent2 h3:first-child, .customsidecontent-history h3:first-child {
  margin: 0px 0 6px;
}

.customsidecontent h2 {
  font-size: 18px;
  margin: 12px 0 6px;
  color: #31B0D5;
}

.customsidecontent a, .customsidecontent a:visited, .customsidecontent a:active {  }
.customsidecontent a:hover, .customsidecontent a:active { color: #31B0D5; }

.customsidecontent1 a, .customsidecontent1 a:visited, .customsidecontent1 a:active {  }
.customsidecontent1 a:hover, .customsidecontent1 a:active { color: #31B0D5; }

.customsidecontent2 a, .customsidecontent2 a:visited, .customsidecontent2 a:active {  }
.customsidecontent2 a:hover, .customsidecontent2 a:active { color: #31B0D5; }

.customsidecontent-history a, .customsidecontent-history a:visited, .customsidecontent-history a:active {  }
.customsidecontent-history a:hover, .customsidecontent-history a:active { color: #31B0D5; }

.customsidecontent1 a.bluelink, .customsidecontent1 a.bluelink:visited, .customsidecontent1 a.bluelink:active { color: #3a87ad; text-decoration: none; }
.customsidecontent1 a.bluelink:hover { color: #3a87ad; text-decoration: underline; }


/* LEFT SIDEBAR AND MAIN CONTENT BLOCK ADJUSTMENTS */

@media (min-width: 980px) {
    .row-fluid #content.span9 {
        margin-left: 0;
    }
    .row-fluid #sidebar.span3 {    
        margin-right: 2.127659574%;
        *margin-right: 2.0744680846383%;
    }
}


/* PAGE STYLES */


.item-page h2, .item-page_tech h2, .blog h2, .blog_tech h2 { color: #333; margin: 16px 0 12px 0; }
.item-page h3, .item-page_tech h3, .blog h3, .blog_tech h3 { margin: 12px 0 8px; }
.item-page h4, .item-page_tech h4, .blog h4, .blog_tech h4 { color: #333; }

.item-page a, .item-page a:visited, .item-page a:active,
.blog a, .blog a:visited, .blog a:active,
.tag-category a, .tag-category a:visited, .tag-category a:active,
.item-page_tech a, .item-page_tech a:visited, .item-page_tech a:active,
.blog_tech a, .blog_tech a:visited, .blog_tech a:active
{ 
  color: #81BC41;
  font-weight: bold;
  text-decoration: none;
}
.item-page a:hover, .item-page_tech a:hover, .blog a:hover, .blog_tech a:hover { text-decoration: underline; }

.blacklinks a, .blacklinks a:visited, .blacklinks a.active { color: #444; text-decoration: none; }
.blacklinks a:hover { color: #8cc63f; text-decoration: none; }

.bluelinks a, .bluelinks a:visited, .bluelinks a:active { color: #3a87ad; }
.bluelinks a:hover { color: #2F96B4; }



.green { color: #7fa903; }
a.greenlink, a.greenlink:visited, a.greenlink:active { color: #7fa903; text-decoration: none; }
a.greenlink:hover { color: #7fa903; text-decoration: underline; }
a.bluelink, a.bluelink:visited, a.bluelink:active { color: #3a87ad; text-decoration: none; }
a.bluelink:hover { color: #3a87ad; text-decoration: underline; }
.orange { color: #ff8400; }
.cyan { color: #04777c; }
h4.cyan a, h4.cyan a:visited, h4.cyan a:active { color: #04777c; }
.blue { color: #3f8bc6; }
h4.blue a, h4.blue a:visited, h4.blue a:active { color: #3a87ad; }
p.blue a, p.blue a:visited, p.blue a:active { color: #3a87ad; }


.page-header {
	padding-bottom: 0px;
	margin: 18px 0;
	border-bottom: 0px;
}
.com_content.view-article.layout-blog .com-content-article.item-page .page-header h1, .com_content.view-article.layout-blog .item-page.ys-blog .page-header h1, .item-page.com-content-article .page-header h1, .blog .page-header h1, .page-header h2, .blog h2 .subheading-category, .moduletablecontact h2, .moduletable.contact h2, .search h1.page-title, .Chronoform .item-page h2, .com-content-category-blog.blog > h1:first-of-type {
	color: #8CC63F;
	font-size: 28px;
	line-height: 32px;
	text-transform: none;
}
.item-page .page-header h1 {
	font-size: 22px;
	line-height: 26px;
}

.com_content.view-article.layout-blog .item-page.local-history-blog .page-header h1 {
	color: #000;
	font-size: 22px;
	line-height: 26px;
	text-transform: none;
}


/* ++++++++++++++  blog leading  ++++++++++++++ */

.com-content-category-blog__items.blog-items.items-leading .blog-item, .blog .items-leading div[class^="leading-"] {
    display: table;
}

.blog .items-leading h2
{
    font-size: 18px;
    font-weight: bold;
    color: #333;
    margin: 0 0 10px 0;
    line-height: 22px;
}

.blog .items-leading.ys-blog h2
{
    font-size: 26px;
    font-weight: bold;pull-left
    color: #333;
    margin: 0 0 10px 0;
    line-height: 1.2;
}
.blog.ys-blog .category-desc
{
    margin-bottom: 26px;
}
.layout-blog .ys-blog-header-small {
    display: none;
}
.view-article.layout-blog .ys-blog-header-small {
    display: block;
}
.ys-blog-tags h3 {
    background-color: #0DC3F5;
    padding: 6px;
    color: #fff;
    text-transform: uppercase;
}
.ys-blog-tags ul {
    margin-left: 0;
}
.ys-blog-tags ul li {
    list-style: none;
}

.blog .items-leading h2 a, .blog .items-leading h2 a:visited, .blog .items-leading h2 a:active
{
  color: #333;
  text-decoration: none;
}

.blog .items-leading h2 a:hover
{
  text-decoration: none;
  color: #8cc63f;
}


.blog .blog .item-separator
{
  margin: 20px 0;
  border-bottom: 1px dashed #ccc;
}

.blog .blog_tech .item-separator
{
  margin: 20px 0;
  border-bottom: 1px solid #8DC63F;
}

.syndicate-module-feed {
    float: right;
    position: relative;
    top: 6px;
    margin-right: 26px;
}

.blog .items-more .nav-stacked li a:hover {
    background-color: #f1f1f1;
}



.pagination ul > li > a,
.pagination ul > li > span {
	padding: 4px 10px;
}

.blog.business-blog .page-header {
    margin: 18px 0 6px 0;
}

.blog .items-leading div[class^="leading-"], .blog .blog-item {
    padding-bottom: 30px;
    border-bottom: 1px solid #e2e2e2;
}
.blog .blog-item:last-child {
    border-bottom: 0;
}
.blog .items-leading div:last-child[class^="leading-"] {
    border-bottom: 0;
}

.blog.business-blog .items-leading div[class^="leading-"] {
    padding-bottom: 20px;
    border-bottom: 1px solid #e2e2e2;
}

p.readmore {
    margin: 0 14px 0 0;
    float: left;
}
p.readmore a:hover {
    text-decoration: none;
}
.readmore .btn {
    padding: 4px 12px;
    margin-bottom: 0;
    font-size: 15px;
    line-height: 18px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    color: #85c62f;
    text-shadow: 0 1px 1px rgba(255,255,255,0.75);
    background-color: #fff;
    background-image: none;
    background-repeat: repeat-x;
    filter: none;
    border-color: #85c62f;
    *background-color: #fff;
    border: 1px solid #85c62f;
    *border: 0;
    border-bottom-color: #85c62f;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    *margin-left: .3em;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;	
}

ul.tags.list-inline .btn, ul.tags.list-inline .label {
    display: inline-block;
    padding: 3px 4px;
    font-size: 13px;
    font-weight: normal;
    line-height: 14px;
    color: #7fa903;;
    vertical-align: baseline;
    white-space: nowrap;
    text-shadow: none;
    background-color: #F0F9E4;
}
ul.tags.list-inline {
  list-style: none;
  margin: 0 0 9px 0;
}
ul.tags.list-inline li {
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px;
}

.items-more .com-content-blog__links {
  list-style: none;
  margin-left: 0;
}
.items-more .com-content-blog__links > li:first-child > a {
  -webkit-border-top-right-radius: 4px;
  -moz-border-radius-topright: 4px;
  border-top-right-radius: 4px;
  -webkit-border-top-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
  border-top-left-radius: 4px;
}
.items-more .com-content-blog__links > li > a {
  border: 1px solid #ddd !important;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}
.items-more .com-content-blog__links > li > a {
  margin-right: 0;
}
.items-more .com-content-blog__links > li > a {
  padding-top: 8px;
  padding-bottom: 8px;
  line-height: 18px;
  border: 1px solid transparent;
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
}
.items-more .com-content-blog__links > li > a {
  padding-right: 12px;
  padding-left: 12px;
  margin-right: 2px;
  line-height: 14px;
}
.items-more .com-content-blog__links > li > a {
  display: block;
}
.blog .items-more .com-content-blog__links li a:hover {
  background-color: #f1f1f1;
  text-decoration: none;
}
.items-more .com-content-blog__links > li > a:hover, .items-more .com-content-blog__links > li > a:focus {
  border-color: #ddd;
  z-index: 2;
  text-decoration: none;  
}



/* tag page */

.com_tags.view-tag .list-group, .com_tags.view-tag .row-striped {
    list-style: none;
    line-height: 18px;
    text-align: left;
    vertical-align: middle;
    border-top: 0;
    margin-left: 0;
}
.com_tags.view-tag .list-group p, .com_tags.view-tag .row-striped p {
    margin: 0 0 12px;
}
.com_tags.view-tag .list-group li:hover, .list-striped dd:hover, .com_tags.view-tag .row-striped .row:hover, .com_tags.view-tag .row-striped .row-fluid:hover {
    background-color: #fff;
}
.com_tags.view-tag .list-group li:nth-child(2n+1), .com_tags.view-tag .list-group dd:nth-child(2n+1), .com_tags.view-tag .row-striped .row:nth-child(2n+1), .com_tags.view-tag .row-striped .row-fluid:nth-child(2n+1) {
    background-color: #fff;
}

.com_tags.view-tag .list-group li, .list-striped dd, .com_tags.view-tag .row-striped .row, .row-striped .row-fluid {
    border-bottom: 3px solid #eee;
    padding: 8px;
}
.com_tags.view-tag .list-group h3:first-of-type {
  font-size: 28px;
  line-height: 1.2;
}
.com_tags.view-tag .list-group h3:first-of-type a {
  color: #333;
}
.com_tags.view-tag .list-group h3:first-of-type a:hover, .com_tags.view-tag .list-group h3:first-of-type a:active {
  color: #7fa903;
}
.com_tags.view-tag .tag-category > h1, .com_tags.view-tag .tag-category > h2 {
    font-size: 16px;
    text-transform: uppercase;
    margin: 12px 0;
    padding: 8px;
    background-color: #7fa903;
    display: inline-block;
    border-radius: 6px;
    color: #fff;
}

.com-tags-tags__filter.btn-group .btn.btn-primary {
    background-color: #81bc41;
}


/* blog categories module */
.moduletable.blog-categories {
    padding: 0 0 0 22px;
}
.moduletable.blog-categories > h3 {
    background-color: #10B5D5;
    color: #fff;
    line-height: 1;
    padding: 7px 9px;
    font-size: 14px;
    letter-spacing: 1px;
    /*text-shadow: 0 1px 1px rgba(0,0,0,0.25);*/
    margin-bottom: 10px;
    text-transform: uppercase;
}
.moduletable.blog-categories .mod-custom.custom {
    line-height: 1.8;
}
.moduletable.blog-categories .mod-custom.custom a {
    color: #999;
    text-transform: uppercase;
    font-size: 13px;
}
.moduletable.blog-categories .mod-custom.custom a:hover {
    color: #92cddd;
}


/* SEARCH RESULTS PAGE */

.search .badge-info {
	background-color: #85c62f;
}

.search .btn {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	color: #FFF;
	background-color: #8DC63F;
	display: inline-block;
	padding: 4px 4px;
	margin-bottom: 0px;
	font-family: "Open Sans",arial;
	font-size: 13px;
	font-weight: 400;
	line-height: 1.42857;
	text-align: center;
	white-space: nowrap;
	text-decoration: none;
	vertical-align: middle;
	cursor: pointer;
	-moz-user-select: none;
	background-image: none;
	border: 1px solid transparent;
	border-radius: 4px;
}
.search .btn:hover, .search .btn:focus, .search .btn:active
{
	background-color: #7cb233;
	color: #FFF;
	text-decoration: none;
}

.search .form-check.form-check-inline,
.search .phrases-box .controls label#searchphraseall-lbl,
.search .phrases-box .controls label#searchphraseany-lbl,
.search .phrases-box .controls label#searchphraseexact-lbl,
.search .ordering-box label,
.search .form-limit label {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	margin-right: 6px;
}
.search .form-check.form-check-inline input[type="radio"].form-check-input {
	margin: 0 4px 0 0;
}

.search .ordering-box {
	margin: 12px 0;
}
.search fieldset.only {
	display: none;
}

.search .search-results dt, .search .search-results dd {
	line-height: 22px;
}

.search .search-results .result-title {
	padding-top: 12px;
	border-top: 1px solid #e5e5e5;;
	margin-top: 12px;
}

.search .result-category, .search .result-created {
	display: none;
}

.search p.counter {
	margin-top: 12px;
}
.search .search-results .mark {
	background-color: #FFFFCC;
	font-weight: bold;
	padding: 1px 4px;
}



/* CONTENT FOOTER */


.content-footer {
	margin-top: 26px;
	font-size: 13px;
}
.content-footer .row-fluid {
    padding: 0 4px;
}
.content-footer .footer-menu .row-fluid [class*="span"] {
    line-height: 24px;
}
.content-footer .green-head > h3 {
	display: block;
	margin: 0 0 10px 0; background-color: #85C62F; padding: 6px 0 6px 12px; color: #fff; font-size: 16px; font-weight: bold; border-radius: 6px 6px 0 0;
}
.content-footer .blue-head > h3 {
	display: block;
	margin: 0 0 10px 0; background-color: #31B0D5; padding: 6px 0 6px 12px; color: #fff; font-size: 16px; font-weight: bold; border-radius: 6px 6px 0 0;
}
.content-footer h4 {
	color: #555;
	margin: 12px 0 8px 0;
	font-size: 15px;
}

.content-footer1 .moduletable:not(:first-child) {
	margin-top: 16px;
}

/* FOOTER */

.footer {
	min-height: 48px;
}


/* MISC STYLES */

a:target:before {
  display: block; 
  content: " "; 
  margin-top: -30px; 
  height: 30px; 
  visibility: hidden; 
}

hr {
    border-color: #e0e0e0 -moz-use-text-color #FFF;
}
.chart { border-collapse:collapse; margin: 16px 0; line-height: 130%; }
.chart, .chart th, .chart td { border: 1px solid black; }
.chart th, .chart td { padding: 3px; }
.chart th { background-color: #8dc63f; color: #fff; font-size: 110%; }
.chart .cellshade { background-color: #D9D9D9; }

.clearfloat { clear:both; height:0px; font-size: 1px; line-height: 0px; }

.dashrule {
  height: 2px;
  margin: 16px 0;
  border-top: 1px dashed #ccc;
}

.noremote {
  padding: 6px;
  margin: 12px 0;
  background-color:#e8edfe;
}
.noremote p {
  padding: 0;
  margin: 0;
}

.boxed {
	padding: 10px;
	border: 1px solid #e0e0e0;
	border-radius: 4px;
	box-shadow: 0 0.2rem 0.2rem -0.111rem rgba(0,0,0,0.15);
}
#aside.boxed {
	padding: 10px;
	border: 1px solid #e0e0e0;
	border-radius: 6px;
	box-shadow: 0 0.2rem 0.2rem -0.111rem rgba(0,0,0,0.15);
}

a.image-pop {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in;
}

pre {
	background-color: #fff;
}


img.pull-left {
	margin-right: 10px;
}
img.pull-right {
	margin-left: 10px;
}


/* BREADCRUMBS */

.layout-blog .breadcrumb {
    display: none;
}
.breadcrumb {
    background-color: #f9f9f9;
    margin-bottom: 20px;
}
.breadcrumb .divider.icon-location {
    /*display: none;*/
    padding-right: 0;
}
.breadcrumb .divider img {
    margin-top: -3px;
}


/* BOOKS PAGES */

#topbooknav { margin: 20px 0; border-bottom: 1px solid #e0e0e0; }
#topbooknav ul { list-style: none; text-align: center; margin: 0px 0px 0px 0px; }
#topbooknav ul li { display: inline-block; *display: inline; *zoom: 1; margin: 0 3px; background-color: #fff }
#topbooknav ul li a, #topbooknav ul li a:active, #topbooknav ul li a:visited { display: block; padding: 6px 12px; font-size: 14px; font-weight: normal; color: #7FA903; text-decoration: none; border: 1px solid #ccc; border-bottom: 0; border-radius: 4px 4px 0 0; }

#topbooknav ul li a:hover { text-decoration: none; background-color: #85C62F; color: #fff; }
#topbooknav ul li a.current { text-decoration: none; background-color: #85C62F; color: #fff; }

#kidnav { min-height: 1px; width: 100%; margin: 20px 0 20px 0; text-align: center; }
#kidnav a, #kidnav a:visited, #kidnav a:active { display: inline-block; *display: inline; *zoom: 1; padding: 0 8px; font-size: 13px; color: #666; }
#kidnav a.current { color: #7fa903; }


ul.nav-tabs.books {
	text-align: center;
	margin-top: 12px;
}
ul.nav-tabs.books > li {
    float: none;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    margin: 0 2px;
}
ul.nav-tabs.books > li > a {
    border-top: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 0;
    border-left: 1px solid #ddd;    
}
ul.nav-tabs.books > .active > a, ul.nav-tabs.books > .active > a:hover, ul.nav-tabs.books > .active > a:focus {
    color: #fff;
    background-color: #85C62F;
    border-top: 1px solid #85C62F;    
    border-right: 1px solid #85C62F;
    border-bottom: 0;
    border-left: 1px solid #85C62F;
}



/* COMMUNITY CALENDAR */

#comCon {float:left; width:100%}
#comCon #col1 {float:left; width:240px; margin-right:10px}
#comCon #logo{margin: 2em 0 2em 3em}
#comCon #col2 {float:right; width:700px}



/* NEWSLETTER SIGNUP BOX */
#newslettersignup {
  width: 420px;
  margin: 30px auto 20px auto;
  padding: 10px;
  font-size: 1.2em;
  background: #f1f1f1 url(../graphics/labelbg80.png) repeat-x;
  border-top: 1px solid #e0e0e0;
  border-left: 1px solid #e0e0e0;
  border-bottom: 1px solid #999;
  border-right: 1px solid #999;
  color: #333;
}
#newslettersignup a, #newslettersignup a:visited, #newslettersignup a:active {
  color: #7fa903;
  font-weight: bold;
  text-decoration: none;
}
#newslettersignup a:hover {
  color: #7fa903;
  font-weight: bold;
  text-decoration: underline;
}



/* FEED ICON MODULE */

.moduletable-feed { float: right; position: relative; top: 16px; margin-right: 26px; }


/* TAG CLOUD */

div.moduletable-tagcloud { width: 150px; border: 1px solid #ccc; padding: 5px; background: #fff; margin: 16px 0 0 12px; }
div.moduletable-tagcloud #easytagcloud-tagcloud a, div.moduletable-tagcloud #easytagcloud-tagcloud a:active { color: #555; }
div.moduletable-tagcloud #easytagcloud-tagcloud a:visited { color: #555; }
div.moduletable-tagcloud #easytagcloud-tagcloud a:hover { text-decoration: underline; }
div.moduletable-tagcloud h3 { margin: 0 0 6px 0; background: #5aa1d8 url(../graphics/labelbg80.png) bottom left repeat-x; padding: 4px 0; color: #fff; font-size: 14px; text-align: center; }

/* DISQUS COMPONENT */

.jwDisqusForm { margin: 26px 0 0 0; }
#jwDisqusFormFooter { display: none; }

a.jwDisqusListingCounterLink, a.jwDisqusListingCounterLink:hover {
    background-position: 0 0px;
    padding: 0 0 0 20px;
    margin: 4px 0 0 0;
    display: inline-block;
    *display: inline;
    *zoom: 1;
}


/* CHRONOFORM */

/*.chronoform a { display: none; }*/

.chrono_credits { display: none; } 

.Chronoform { font-size: 1.2em; }

/*.Chronoform label { width: 130px; }

.Chronoform .cfdiv_submit { margin-top: 10px; }

.Chronoform .cfdiv_submit .submit-button { border: 1px solid #ccc; }

.Chronoform .cfdiv_submit .submit-button:hover { border: 1px solid #999; cursor: pointer; }

#chronoform_contactboard .ccms_form_element label, #chronoform_contactdepartmentheads .ccms_form_element label { text-align: right; padding-right: 6px; }

#chronoform_contactboard .ccms_form_element#board_name_container_div label, #chronoform_contactdepartmentheads .ccms_form_element#head_name_container_div label { width: 180px; text-align: right; padding-right: 6px; }

#chronoform_contactboard .ccms_form_element#comments_container_div label, #chronoform_contactdepartmentheads .ccms_form_element#comments_container_div label { font-weight: normal; text-align: left; padding: 8px 0; }

#chronoform_contactboard .small-message, #chronoform_contactdepartmentheads .small-message { padding-left: 0px; margin-left: 0px; }

#chronoform_contactboard .ccms_form_element textarea, #chronoform_contactdepartmentheads .ccms_form_element textarea { width: 500px; height: 150px; }

#chronoform_contactboard .ccms_form_element select#board_name, #chronoform_contactdepartmentheads .ccms_form_element select#head_name { width: 260px; }
#chronoform_contactboard .ccms_form_element select#board_name option, #chronoform_contactdepartmentheads .ccms_form_element select#head_name option { padding-right: 10px; }

#chronoform_contactboard .ccms_form_element input.textinput, #chronoform_contactdepartmentheads .ccms_form_element input.textinput { width: 300px; }

#chronoform_contactboard .ccms_form_element button,
#chronoform_contactboard .ccms_form_element input[type="button"],
#chronoform_contactboard .ccms_form_element input[type="reset"],
#chronoform_contactboard .ccms_form_element input[type="submit"],
#chronoform_contactdepartmentheads .ccms_form_element button,
#chronoform_contactdepartmentheads .ccms_form_element input[type="button"],
#chronoform_contactdepartmentheads .ccms_form_element input[type="reset"],
#chronoform_contactdepartmentheads .ccms_form_element input[type="submit"]{
  font-size: 14px;
  min-width: 80px;
  cursor: pointer;
}

#chronoform_contactboard .cfdiv_submit, #chronoform_contactdepartmentheads .cfdiv_submit { margin-top: 20px; }

#chronoform_contactboard .ccms_form_element input[type="submit"], #chronoform_contactdepartmentheads .ccms_form_element input[type="submit"] { margin-left: 200px; }
*/


/* Volunteer Form */
#chronoform-VolunteerApplication #fitem-TimesMondayFrom .gcore-label-left,
#chronoform-VolunteerApplication #fitem-TimesTuesdayFrom .gcore-label-left,
#chronoform-VolunteerApplication #fitem-TimesWednesdayFrom .gcore-label-left,
#chronoform-VolunteerApplication #fitem-TimesThursdayFrom .gcore-label-left,
#chronoform-VolunteerApplication #fitem-TimesFridayFrom .gcore-label-left,
#chronoform-VolunteerApplication #fitem-TimesSaturdayFrom .gcore-label-left,
#chronoform-VolunteerApplication #fitem-TimesSundayFrom .gcore-label-left,
#chronoform-VolunteerApplicationCopy #fitem-TimesMondayFrom .gcore-label-left,
#chronoform-VolunteerApplicationCopy #fitem-TimesTuesdayFrom .gcore-label-left,
#chronoform-VolunteerApplicationCopy #fitem-TimesWednesdayFrom .gcore-label-left,
#chronoform-VolunteerApplicationCopy #fitem-TimesThursdayFrom .gcore-label-left,
#chronoform-VolunteerApplicationCopy #fitem-TimesFridayFrom .gcore-label-left,
#chronoform-VolunteerApplicationCopy #fitem-TimesSaturdayFrom .gcore-label-left,
#chronoform-VolunteerApplicationCopy #fitem-TimesSundayFrom .gcore-label-left
{
    min-width: 80px !important;
    max-width: none !important;
    width: auto !important;
}

.gbs3 #chronoform-VolunteerApplication #chronoform-container-31 label,
.gbs3 #chronoform-VolunteerApplicationCopy #chronoform-container-31 label
{
    font-weight: normal;
}

.gbs3 #chronoform-VolunteerApplication #chronoform-container-31.panel,
.gbs3 #chronoform-VolunteerApplicationCopy #chronoform-container-31.panel
{
    border: 0;
    padding: 0;
    box-shadow: none;
}
.gbs3 #chronoform-VolunteerApplication #chronoform-container-31.panel .panel-heading,
.gbs3 #chronoform-VolunteerApplicationCopy #chronoform-container-31.panel .panel-heading
{
    border: 0;
    padding: 0;
    margin: 20px 0 12px 0;
    background: none;
    background-color: #fff;
    font-size: 13px;
    font-weight: bold;
}
.gbs3 #chronoform-VolunteerApplication #chronoform-container-31.panel .panel-body,
.gbs3 #chronoform-VolunteerApplicationCopy #chronoform-container-31.panel .panel-body
{
    padding: 0;
    font-size: 13px;
}
.ui-timepicker {
    text-align: left !important;
}
.ui-timepicker-standard
{
    /* overwrites .ui-widget */
    font-family: 'Open Sans', sans-serif !important;
    font-size: 14px !important;
    /* overwrites .ui-widget-content */
    background-color: #FFF;
    border: 1px solid #AAA;
    color: #222;
    /* overwrites .ui-menu */
    margin: 0;
    padding: 2px;
}
.gbs3 #chronoform-VolunteerApplication #chronoform-container-31 .form-control,
.gbs3 #chronoform-VolunteerApplicationCopy #chronoform-container-31 .form-control
{
    padding: 6px 6px !important;
}

.ui-timepicker-standard a {
    /*border: 1px solid transparent;*/
    border: 0 !important;
    color: #222;
    display: block;
    padding: 0.2em 0.2em !important;
    text-decoration: none;
}



.Chronoform .cfdiv_submit .submit-button {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    color: #FFF;
    background-color: #8DC63F;
    display: inline-block;
    padding: 4px 8px;
    margin-bottom: 0px;
    font-family: "Open Sans",arial;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857;
    text-align: center;
    white-space: nowrap;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -moz-user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}
.Chronoform .cfdiv_submit .submit-button:hover, .Chronoform .cfdiv_submit .submit-button:focus, .Chronoform .cfdiv_submit .submit-button:active {
    background-color: #7cb233;
    color: #FFF;
    text-decoration: none;
}

.G3-body.chronoforms .item-page h2 {
    font-size: 30px;
    font-weight: normal;
}


/* JUST FOR KIDS */

table.kids-buttons { margin: 20px 0; border-collapse: collapse; }
table.kids-buttons td { padding: 0 8px 8px 0; }

div.kids-buttons { margin: 20px 0; }
div.kids-buttons div { display: inline-block; *display: inline; *zoom: 1; padding: 0 20px 20px 0; }


#kids-mid { margin: 20px 0 0 0; !height: 1%; }

/*#kids-mid1 { float: left; max-width: width: 300px; padding: 8px; margin: 0; border: 1px solid #ccc; }*/
#kids-mid1 { padding: 8px; border: 1px solid #ccc; }
#kids-mid1 .gkTab { font-size: 12px; }
#kids-mid1 .gkTabItem { padding: 10px 0 0 0; margin: 0; }
#kids-mid1 .gkTabItemSpace { padding: 0; margin: 0; }
#kids-mid1 h3 { text-transform: capitalize; margin: 0 0 10px 0; background-color: #85c62f; padding: 8px 0 8px 12px; color: #fff; font-size: 18px; line-height: 18px; border-radius: 6px 6px 0 0; }
#kids-mid1 ul.eventstab { font-size: 12px; line-height: 160%; margin: 0; padding: 0; width: 100%; background: #fff; }
#kids-mid1 ul.eventstab li { padding: 6px; }
#kids-mid1 ul.eventstab li.shade { background: #f3f3f3; }
#kids-mid1 ul.eventstab li span.date { color: #333; }
#kids-mid1 ul.eventstab li a, ul.eventstab li a:active, ul.eventstab li a:visited { color: #333; font-weight: bold; text-decoration: none; }
#kids-mid1 ul.eventstab li a:hover { font-weight: bold; text-decoration: none; color: #85C62F; }

#kids-mid .gkTabsWrap.vertical ol {
    margin: 0 !important;
    padding: 0 10px !important;
    height: 30px;
    border-bottom: 1px solid #e0e0e0;
}
#kids-mid .gkTabsWrap.vertical ol li {
    padding: 4px 12px !important;
    margin: 0px 4px 0;
}
#kids-mid .gkTabsWrap.vertical ol li, #kids-mid .gkTabsWrap.horizontal ol li {
    box-shadow: none;
    background: #f7f7f7 none repeat scroll 0% 0%;
    border-width: 1px 1px 0 1px;
    border-style: solid;
    border-color: #e0e0e0;
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    border-image: none;
    border-radius: 4px 4px 0 0;
    color: #666;
}
#kids-mid .gkTabsWrap.vertical ol li:hover, #kids-mid .gkTabsWrap.horizontal ol li:hover {
    color: #333;
    border-color: #ccc;    
    background: #f1f1f1 none repeat scroll 0% 0%;
}
#kids-mid .gkTabsWrap.vertical ol li.active, #kids-mid .gkTabsWrap.horizontal ol li.active, #kids-mid .gkTabsWrap.vertical ol li.active:hover, #kids-mid .gkTabsWrap.horizontal ol li.active:hover {
    color: #78b22b;
    box-shadow: none;
    border-color: #85c62f;        
    background: #fff none repeat scroll 0% 0%;
}


/*#kids-mid2 { float: right; width: 360px; padding: 0px 8px 0px 8px; }*/
#kids-mid2 {  }

#kids-mid2 .gkIsWrapper-gk_balkids .gkIsTextBg {
    height: 56px !important;
}
#kids-mid2 .gkIsWrapper-gk_balkids .gkIsText {
    padding: 8px 0 0 0;
    font-size: 13px;
    font-family: 'Open Sans', Arial, sans-serif;
}


#kids-bottom { margin: 0 0 16px 0; !height: 1%; }

#kids-bottom1 { float: left; width: 390px; padding: 8px; border: 1px solid #ccc; }
#kids-bottom1 .gkTabItemSpace { padding: 0; margin: 0; }
#kids-bottom1 h3 { margin: 0 0 10px 0; background: #4ca8ba url(../graphics/labelbg80.png) bottom left repeat-x; padding: 6px 0 6px 12px; color: #fff; font-size: 15px; }
#kids-bottom1 ul.featuringlist { width: 374px; padding: 0; list-style: none; color: #4ca8ba; }
#kids-bottom1 ul.featuringlist li { display: block; float: left; margin: 0 0 4px 0; padding: 0 0 0 4px; line-height: 14px; }
#kids-bottom1 ul.featuringlist li { !display: inline; !float: none; !margin: 0; !padding: 0; !line-height: 16px; } /* IE7 FIX */
#kids-bottom1 ul.featuringlist li a, #kids-bottom1 ul.featuringlist li a:visited { font-size: 11px; color: #4ca8ba; text-decoration: none; }
#kids-bottom1 ul.featuringlist li a:hover, #kids-bottom1 ul.featuringlist li a:active { font-size: 11px; color: #106677; text-decoration: none; }
#kids-bottom1 ul.featuringlist li span { font-size: 11px; color: #4ca8ba; }


#kids-bottom1 .gkTabsWrap.vertical ol li, #kids-bottom1 .gkTabsWrap.horizontal ol li {
    box-shadow: none;
    background: #fff none repeat scroll 0% 0%;
    border-width: medium 1px 1px;
    border-style: none solid solid;
    border-color: #e0e0e0;
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    border-image: none;
    border-radius: 4px;
    color: #666;
}
#kids-bottom1 .gkTabsWrap.vertical ol li:hover, #kids-bottom1 .gkTabsWrap.horizontal ol li:hover {
    color: #333;
    border-color: #ccc;    
    background: #fafafa none repeat scroll 0% 0%;
}
#kids-bottom1 .gkTabsWrap.vertical ol li.active, #kids-bottom1 .gkTabsWrap.horizontal ol li.active, #kids-bottom1 .gkTabsWrap.vertical ol li.active:hover, #kids-bottom1 .gkTabsWrap.horizontal ol li.active:hover {
    color: #666;
    box-shadow: none;
    border-color: #a3e749;        
    background: #f6ffeb none repeat scroll 0% 0%;
}



/*HOME SLIDES OVERRIDE*/

.gkIsWrapper-gk_sporter1 .gkIsImage { width: 700px; float: left; overflow: hidden; }
.gkIsWrapper-gk_sporter1 .gkIsText { position:absolute; z-index:997; padding:6px 0 0 0; width:660px; font-size:11px; font-weight:normal; font-family:Arial, sans-serif; margin-right:0px; }
.gkIsWrapper-gk_sporter1 .gkIsTextBg { position:absolute; z-index:996; width:660px; opacity:0.6; filter:alpha(opacity=60); background:#666; padding: 10px 0 0 0; }


/* =========================================================
CSS3 Transition
============================================================ */
a,
.navbar li ul li,
.nav-collapse > li,
#home-mid .gkTabsWrap.vertical ol li,
#home-mid .gkTabsWrap.horizontal ol li,
#home-bottom1 .social-icons img,
.searchbar button.searchsubmit,
.btn.btn-info.dropdown-toggle.qlinks-toggle
{
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}


/**** TO TOP ****/

#toTop {
 	width: 26px;
        height: 26px;
        padding: 10px;
        margin: 0;
	z-index: 10;
	font-size: 26px;
 	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	color: #ccc;
	background-color: #666;
	*border: 0;
	-webkit-border-radius: 4px 4px 0 0;
	-moz-border-radius: 4px 4px 0 0;
        border-radius: 4px 4px 0 0;
	position:fixed;
	bottom:0px;
	right:20px;
	display:none;
	opacity: 0.6;
	filter: alpha(opacity=60);
}
#toTop .icon-uparrow {
	display: inline-block;
	width: 26px;
	height: 26px;
	margin-right: 0;
	margin-left: 0;
	padding;
	line-height: 26px;
}
#toTop:hover {
	color: #fff;
	text-decoration: none;
}


/**** ALERT BOX FOR TEXT CONTENT ****/

.layout-bal-responsivebusiness .alert, .item-page.business .alert {
	padding: 8px 14px 8px 14px;
}


/**** HEADER BUTTONS ****/

#account-btn, #advanced-search-btn {
	margin-right: 6px;
}
#account-btn {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	color: #FFF;
	background-color: #31B0D5;
	display: inline-block;
	padding: 4px 8px;
	margin-bottom: 0px;
	font-family: "Open Sans",arial;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.42857;
	text-align: center;
	white-space: nowrap;
	text-decoration: none;
	vertical-align: middle;
	cursor: pointer;
	-moz-user-select: none;
	background-image: none;
	border: 1px solid transparent;
	border-radius: 4px;
}
#account-btn:hover, #account-btn:focus, #account-btn:active
{
	background-color: #269ABC;
	color: #FFF;
	text-decoration: none;
}

#advanced-search-btn {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	color: #FFF;
	background-color: #8DC63F;
	display: inline-block;
	padding: 4px 8px;
	margin-bottom: 0px;
	font-family: "Open Sans",arial;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.42857;
	text-align: center;
	white-space: nowrap;
	text-decoration: none;
	vertical-align: middle;
	cursor: pointer;
	-moz-user-select: none;
	background-image: none;
	border: 1px solid transparent;
	border-radius: 4px;
}
#advanced-search-btn:hover, #advanced-search-btn:focus, #advanced-search-btn:active
{
	background-color: #7cb233;
	color: #FFF;
	text-decoration: none;
}


/****** polaris scroller ******/

.river-skin-default .river-container-horizontal {
    width: 520px;
}
.river-skin-default .river-clip-horizontal {
    width: 450px;
}
.river-skin-default .river-next-horizontal {
    left: 520px;
}
.river-skin-default .river-next-disabled-horizontal, .river-skin-default .river-next-disabled-horizontal:hover, .river-skin-default .river-next-disabled-horizontal:active {
    left: 520px;
}
.statichead {
    width: 530px;
    background-color: #e1eff3;
    background-position: top left;
    background-repeat: no-repeat;
    font-size: 1.3em;
    color: #444;
    margin-top: 10px;
    padding: 7px;
    padding-left: 30px;
    border-top: 0;
    border-radius: 4px;

}

.river-container.river-container-horizontal {
    font-size: 12px;
    line-height: 18px;
}

.river-skin-default .river-container-horizontal {
    height: 207px;  
}


/****** easy appointment ******/

#easyapp h3.list-title {
    margin-bottom: 40px;
}

#easyapp .service h4 a {
    display: block;
}

.moduletable.login {
    display: table;
    margin: 0 auto;
}


/****** book reviews ******/

#nsp-side-review {
    font-size: 13px;
}
.blog.liz-recommends .article-info {
    display: none;
}
.item-page.liz-recommends .page-header h1, .blog.liz-recommends .page-header h1 {
    background: url(../../../images/StaffPhotos/liz.jpg) no-repeat;
    background-size: 80px 80px;
    padding: 20px 0 20px 90px;
}

.item-page.liz-recommends.com-content-article .page-header h1 {
  font-size: 22px;
  line-height: 26px;
  color: #000;
}

#nsp-side-review .nspArt.nspCol1 {
    padding-bottom: 0 !important;
}

#nsp-side-review .nspArts.bottom .readon-button {
    color: #85c62f;
    font-size: 14px;
}
#nsp-side-review .nspArts.bottom .readon-button:hover {
    text-decoration: underline;
}

/****** local history blog ******/

#nsp-history-blog h4.nspHeader {
    font-size: 21px;
}


/****** easybook guestbook ******/


#easybook h2.componentheading {
	color: #8CC63F;
	font-size: 28px;
	line-height: 32px;
}

.easy_frame {
    margin-bottom: 30px;
}
.easy_frame:hover {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.easy_top {
    background-color: #f3f3f3;
}


/****** smart slider 3 in banner position ******/

.row-fluid .banner.span12 {
    margin-left: 0 !important;
    margin-bottom: 20px;
}



@media (max-width: 979px) {


	.header {
		display: none;
	}
	.header-mobile {
		display: block;
	}



	.search-container#search-container-desktop {
		width: 415px;
	}
	
	.navigation .nav-pills {
		text-align: center;
	}
	.navigation .nav-pills > li {
		float: none;
		display: inline-block;
		*display: inline;
		*zoom: 1;
		padding-top: 8px;
		padding-bottom: 8px;
		
	}
	

	#qlinks1 { display: none; }
	#qlinks2 { display: block; }
	
	.row-fluid#home-top .span8 {
		float: none;
		display: block;
		width: 100%;
		margin-left: 0;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	[class*="span"]#home-mid1, [class*="span"]#home-mid2, [class*="span"]#home-bottom1, [class*="span"]#home-bottom2 {
	    float: none;
	    display: block;
	    width: 100%;
	    margin-left: 0px;
	    box-sizing: border-box;
	}
	#home-mid2, #home-bottom1 {
		margin-top: 20px;
	}	

	.content-footer1[class*="span"], .content-footer2[class*="span"], .row-fluid .content-footer3[class*="span"] {
	    float: none;
	    display: block;
	    width: 100%;
	    margin-left: 0px;
	    box-sizing: border-box;
	}
	.content-footer2, .content-footer3 {
		margin-top: 16px;
	}	


	#comCon #col1 {display: none;}
	#comCon #col2 {float:none; width:100%;}
	
	div.kids-buttons div { display: inline-block; *display: inline; *zoom: 1; padding: 0 10px 10px 0; }
	
}
@media (max-width: 768px) {

	body {
	padding-left: 0;
	padding-right: 0;	
	}

	.header-mobile #header-links {
		text-align: left;
	}
	#account-btn {
		margin-left: 0px;
	}
	.btn-group.span12.qlinks-menu-container {
		display: block;
	}
    /*.qlinks-menu.collapse.show {
	        height: auto;
	}*/
	#sidebar {
		display: none;
	}
	.bottom-responsive.hide {
		display: block;
		margin-top: 20px;
	}

}

@media (min-width: 520px) and (max-width: 768px) {
	.content-footer1 .row-fluid .span6, .content-footer2 .row-fluid .span6, .content-footer3 .row-fluid .span6 {
		float: left;
		width: 48.936170208%;
		*width: 48.882978718638%;
	}
	.content-footer1 .row-fluid .span4, .content-footer2 .row-fluid .span4, .content-footer3 .row-fluid .span4 {
		float: left;
		width: 31.914893614%;
		*width: 31.861702124638%;
	}
	
	.bottom-responsive .row-fluid [class*="span"] {
		margin-left: 2.127659574%;
		*margin-left: 2.0744680846383%;
	}	
	.bottom-responsive .row-fluid [class*="span"]:first-child {
		float: left;
		margin-left: 0;
	}
	.bottom-responsive .row-fluid .span12 {
		float: left;
		width: 99.99999999%;
		*width: 99.946808500638%;
	}
	.bottom-responsive .row-fluid .span11 {
		float: left;
		width: 91.489361693%;
		*width: 91.436170203638%;
	}
	.bottom-responsive .row-fluid .span10 {
		float: left;
		width: 82.978723396%;
		*width: 82.925531906638%;
	}
	.bottom-responsive .row-fluid .span9 {
		float: left;
		width: 74.468085099%;
		*width: 74.414893609638%;
	}
	.bottom-responsive .row-fluid .span8 {
		float: left;
		width: 65.957446802%;
		*width: 65.904255312638%;
	}
	.bottom-responsive .row-fluid .span7 {
		float: left;
		width: 57.446808505%;
		*width: 57.393617015638%;
	}
	.bottom-responsive .row-fluid .span6 {
		float: left;
		width: 48.936170208%;
		*width: 48.882978718638%;
	}
	.bottom-responsive .row-fluid .span5 {
		float: left;
		width: 40.425531911%;
		*width: 40.372340421638%;
	}
	.bottom-responsive .row-fluid .span4 {
		float: left;
		width: 31.914893614%;
		*width: 31.861702124638%;
	}
	.bottom-responsive .row-fluid .span3 {
		float: left;
		width: 23.404255317%;
		*width: 23.351063827638%;
	}
	.bottom-responsive .row-fluid .span2 {
		float: left;
		width: 14.89361702%;
		*width: 14.840425530638%;
	}
	.bottom-responsive .row-fluid .span1 {
		float: left;
		width: 6.382978723%;
		*width: 6.3297872336383%;
	}	
	
	
	
}

/*@media (min-width: 769px) and (max-width: 5000px) {*/
@media (min-width: 769px) {
	/*.content-footer1.span9, .content-footer2.span9, .content-footer3.span9 {
		float: none;
		width: 74.468085099%;
		*width: 74.414893609638%;
		margin-left: auto !important;
		margin-right: auto !important;
	}*/
	.content-footer1.span9, .content-footer2.span9, .content-footer3.span9 {
		float: right;
	}
}

@media (min-width: 768px) {
	#kids-mid1.span6, #kids-mid2.span6 {
		float: left;
		width: 48.936170208%;
		*width: 48.882978718638%;
	}
}

@media (max-width: 768px) {
	#main-map, #south-map {
		margin: 0 auto;
	}
	#main-map {
		margin-bottom: 20px;
	}
}

@media (max-width: 800px) {
	.header-mobile .header-right-mobile {
	    display: none;
	}
	.header-mobile .brand.pull-left {
	    float: none;
	    display: block;
	    text-align: center;
	}
	.wide-search {
		display: block;
	}
	/* .top-strip-left-desktop {
		display: none;
	}
	.top-strip-left-mobile {
		display: block;
	} */
}

@media (max-width: 650px) {

	#account-btn, #advanced-search-btn {
		margin-right: 6px;
	}
	.header-mobile .btn-navbar {
		margin-left: 12px;
	}
}

@media (max-width: 520px) {
	body {
	    padding-left: 0px;
	    padding-right: 0px;
	}	
	.header-mobile {
	    padding: 10px 0 0 0;
	}
	.header-mobile .header-inner {
		padding: 10px 0 0 0;	
	}
	.header-mobile .brand img {
		width: 180px;
	}
	.navigation.mobile {
		margin-top: 16px;
		background-color: #f1f1f1;
		background-image: linear-gradient(to bottom, #fff, #f1f1f1);
		background-repeat: repeat-x;
		border-top: 1px solid #e9e9e9;
	}
	.navigation.mobile ul.nav {
		max-width: 300px;
		margin-left: auto;
		margin-right: auto;
	}
	
	.navigation.mobile .nav-pills {
		margin: 0;
	}	
	
	.header-mobile .navigation .nav-pills li a, .navigation.mobile .nav-pills > .active > a, .header-mobile .navigation .nav-pills > .active > a:hover, .header-mobile .navigation .nav-pills > .active > a:focus {
		font-size: 16px;
		line-height: 16px;
		background-color: #95cd4b;
		color: #fff;
		margin: 3px 4px 3px 4px;
		padding-top: 5px;
		padding-bottom: 6px;		
	}	
	
	.header-mobile .navigation .nav-pills li a:hover, .header-mobile .navigation .nav-pills > .active > a:hover {
		background-color: #85C62F;
	}	
	

	#searchterm-wide {
		height: 40px;
		padding: 4px 132px 4px 8px;
		font-size: 17px;
	}
	.search-container#search-container-wide div.searchselect {
		height: 40px;
		right: 100px;
	}
	.expandsearchform-wide {
		left: -36px;
		height: 40px;
		width: 36px;
		line-height: 30px;
		font-size: 30px;
	}
	.search-container#search-container-wide .searchbar button.searchsubmit {
		width: 100px;
		padding: 5px 4px;
		font-size: 17px;
		line-height: 30px;
	}
	.search-container#search-container-wide .searchbar button.searchsubmit .icon-search {
		font-size: 14px;
	}

	
	.quicklinks-mobile {
		text-align: center;
	}
	
	#home-mid .boxed, #home-bottom .boxed, #qlinks2 .boxed {
	    padding: 0px;
	    border: 0;
	    border-radius: 0;
	    box-shadow: none;
	}	

	#topbooknav ul li a, #topbooknav ul li a:active, #topbooknav ul li a:visited { padding: 6px 10px; font-size: 13px; }


	.libraryh3lp {
		right: 0px !important;
		font-size: 18px !important;
	}
	#toTop {
		right: 0px !important;
	}
	img.pull-right, img.pull-left {
		float: none;
		display: block;
		margin-left: 0 !important;
		margin-right: 0 !important;
		margin-bottom: 12px !important;
	}


	.river-skin-default .river-container-horizontal {
	    width: 280px;
	}
	.river-skin-default .river-clip-horizontal {
	    width: 240px;
	    LEFT: -10px;
	}
	.river-skin-default .river-next-horizontal {
	    left: 270px;
	}
	.river-skin-default .river-next-disabled-horizontal, .river-skin-default .river-next-disabled-horizontal:hover, .river-skin-default .river-next-disabled-horizontal:active {
	    left: 280px;
	}
	.statichead {
	    width: 290px;
	}
	
	div.kids-buttons { text-align: center; }
	
	
}

@media (max-width: 460px) {

        #home-bottom1 .social-icons a {
            margin: 0 10px 6px 0;
        }

}

@media (max-width: 400px) {

	.library-link-text {
		display: none;
	}

	.business-blog .readmore .btn {
		padding: 4px 4px;
		margin-bottom: 0;
		font-size: 13px;
	}
	.business-blog p.readmore {
	    margin: 0 8px 0 0;
	}

}

@media (max-width: 379px) {
	
	.top-strip .container {
		padding: 3px 10px;
	}
	#searchterm-wide {
		padding: 4px 72px 4px 8px;
	}
	.search-container#search-container-wide div.searchselect {
		right: 40px;
	}
	.expandsearchform-wide {
		left: -32px;
		height: 40px;
		width: 32px;
		line-height: 30px;
		font-size: 30px;
	}
	.search-container#search-container-wide .searchbar button.searchsubmit {
		width: 40px;
		padding: 5px 4px;
		font-size: 17px;
		line-height: 30px;
	}
	.search-container#search-container-wide .searchbar button.searchsubmit .search-button-text {
		display: none;
	}
	.search-container#search-container-wide .searchbar button.searchsubmit .icon-search {
		font-size: 18px;
	}
	
	h2, .blog .page-header h1, .page-header h2, .blog h2 .subheading-category, .moduletablecontact h2, .moduletable.contact h2, .search h1.page-title, .Chronoform .item-page h2 {
		color: #8CC63F;
		font-size: 20px;
		line-height: 24px;
	}	

        #home-bottom1 .social-icons img {
            width: 38px;
        }
	
}


@media (max-width: 360px) {


}

@media (max-width: 349px) {

	.top-strip-right .libraryh3lp a:before {
	    content: "";
	    font-family: 'icomoon';
	    font-style: normal;
	    speak: none;
	    font-weight: normal;
	    -webkit-font-smoothing: antialiased;
	    margin-right: 0px;
	}

}

/* flipcard */


.flip-card {
  background-color: transparent;
  width: 200px;
  height: 200px;
  perspective: 1000px;
}

.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.6s;
  transform-style: preserve-3d;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
}

.flip-card:hover .flip-card-inner {
  transform: rotateY(180deg);
}

.flip-card-front, .flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}



.flip-card-back {
  background-color: #333399;
  color: black;
  transform: rotateY(180deg);
}


/* news show pro */

.item-page .nspMain h4.nspHeader a, .item-page .nspMain h4.nspHeader a:visited {
  color: #333;
}
.item-page .nspMain h4.nspHeader a:hover {
  color: #7fa903;
}
.item-page .nspMain a.readon {
  font-weight: bold;
}