body.index {background-color:#e0e0e0;}
body.index h2.pane-title {font-size:20px;}
body.index .groups-top h2.pane-title {font-size:16px;}
body.index .biz_icons .view-content {width:100%;}
body.index .biz_icons .view-content table {text-align:center; margin-left:auto; margin-right:auto;}
body.index .biz_icons .view-content table td {padding-left:8px; padding-right:8px;}
body.index .biz_icons .view-content table tr:nth-of-type(even) {background:inherit;}
body.index .biz_icons img {margin-bottom:3px;}
body.index .pane-views-panes h2.pane-title {font-size:inherit; margin-bottom:0px;}
.row {background-color:transparent;}
div.page {background-image:url('/sites/default/files/white.gif'), url('/sites/default/files/index_e-community.jpg');
	background-position:0px 0px, 0px 67px;
	background-repeat-y:no-repeat;
	background-color:transparent;
	z-index:-10,0;
	-webkit-transition: background .5s linear;
	-moz-transition: background .5s linear;
	-o-transition: background .5s linear;
	transition: background .5s linear;}
div.page div.large-12.main.columns {background-color:transparent;}
.transparent {background:transparent; background-color:transparent;}
#top_box {text-align:center; width:100%; height:250px; margin-top:0px;
/*
	background-image:url('/sites/default/files/index_e-community.jpg'); background-repeat-y:no-repeat; background-color:transparent;
	-webkit-transition: background .5s linear;
	-moz-transition: background .5s linear;
	-o-transition: background .5s linear;
	transition: background .5s linear;
*/
}
#main_buttons {text-align:center; width:100%; margin-top:35px; margin-bottom:0px;}
ul.menu {display:table; list-style-position:inside; margin-left:auto; margin-right:auto; margin-bottom:0px; background-color:rgba(0,0,0,.45); padding:15px;}
ul.menu li {display:table-cell; margin-left:2px; margin-right:2px;}
/*ul.menu a {font-size:16px; color:#0040ff; border:1px solid black; background-color:#a0a0a0; padding:8px;}*/
ul.menu a {font-size:16px; font-weight:bold; border:1px solid #808080; background-color:#a0a0a0; padding-left:15px; padding-right:15px; padding-top:8px; padding-bottom:8px; opacity:.9; margin-left:5px; margin-right:5px;}
ul.menu a:hover {color:red; background-color:#e0e0e0;
  transition: all .25s linear;
  -moz-transition: all .25s linear;
  -webkit-transition: all .25s linear;
  -o-transition: all .25s linear;}
#menu_pointer {text-align:center; margin:0px; color:white; font-size:36px; font-weight:bold; padding-bottom:0px; padding-top:5px; margin-bottom:-8px;}
#main_bottom_text_div span {margin-top:0px; display:inline-block; font-size:16px; padding-top:8px; padding-bottom:8px; padding-left:35px; padding-right:35px; line-height:1.3em; white-space: nowrap;
						border:1px #c0c0c0 solid; border-radius:8px; background-color:rgba(255,255,255,0.80);}
#main_top_text {font-size:32px; margin-top:0px; font-weight:bold; line-height:1.3em; color:white; text-shadow:1.5px 1.5px 1px black; padding-top:30px;}
/* #main_top_text {margin-top:5px; display:inline-block; font-size:24px; font-weight:bold; padding:5px; white-space: nowrap text-rendering: optimizeLegibility;} */
/* #main_bottom_text {text-align:center; font-size:14px; color:white; text-shadow:2px 2px 2px black;} */
#main_bottom_text {margin-top:0px; display:inline-block; padding:5px; white-space:nowrap; text-rendering: optimizeLegibility;}
.jcarousel_mobile {display:none;}
.jcarousel_desktop {display:inherit;}
.index-posts table {width:100%;}
.index-posts td {text-align:center; vertical-align:top; width:25%;}
.index-posts img {padding:3px; border:1px solid #c0c0c0; margin-bottom:5px;}
.index-posts td a,
  ul.jcarousel li a {font-size:12px; font-weight:bold; color: #2285A2; line-height:1.2em;}
ul.jcarousel li .highlight_comm a {font-weight:inherit; font-size:11px;}
.index-posts .jcarousel-skin-default,
  .index-posts .jcarousel-skin-default .jcarousel-container-horizontal,
  .index-posts .jcarousel-skin-default .jcarousel-clip-horizontal {width:98.8%; height:inherit; margin-right:0px; margin-top:0px; margin-bottom:0px; padding-bottom:0px;}
ul.jcarousel {width:100%; line-height:1.2em;}
ul.jcarousel li {width:20%;}
body.index  .comments_likes {font-size:11px;}
body.index .comments_likes  .spacerr a,
  body.index .comments_likes .spacerr {padding-right:4px; color:#a0a0a0;}

.index-posts .jcarousel-skin-default  .jcarousel-item {width:20%; height:inherit; border:none;}
.index-posts .jcarousel-skin-default .jcarousel-prev-horizontal {left:-20px; background-position:inherit;}
.index-posts .jcarousel-skin-default .jcarousel-next-horizontal {right:-15px; background-position:inherit;}
.index-posts .jcarousel-skin-default  .jcarousel-prev {background-image:url('/sites/default/files/navbtn_ic_prev.gif'); width:19px; height:45px;}
.index-posts .jcarousel-skin-default  .jcarousel-next {background-image:url('/sites/default/files/navbtn_ic_next.gif'); width:19px; height:45px;}
  .index-posts .jcarousel-skin-default  .jcarousel-prev:hover,
  .index-posts .jcarousel-skin-default  .jcarousel-prev:active,
  .index-posts .jcarousel-skin-default  .jcarousel-next:hover,
  .index-posts .jcarousel-skin-default  .jcarousel-next:active {background-position:inherit;}
body.index .add_group {margin-top:5px;}
.pane2 {margin-top:10px;}
.pane2 li {margin-left:20px;}

body.index .reg_buttons.white {margin-bottom:5px;}

body.index .group_what_do_container h2.pane-title {font-size:14px; margin-bottom:5px;}
body.index .group_what {margin-bottom:8px; color:#505050;}
body.index .group_what_last {color:#505050; padding-top:10px;}
body.index .group_what_do {font-weight:bold; color:#009933; font-size:15px;}
body.index .loc_biz1 {margin-bottom:6px;}

body.index .biz-groups-view {margin-top:10px; margin-left:10px; margin-right:20px;}
body.index .biz-groups-view td {vertical-align:top; font-size:14px;}
body.index .biz-groups-view .title_bold {font-size:16px; font-weight:bold; margin-top:4px; margin-bottom:8px;}
body.index .biz-groups-view .biz_image img {min-width:125px; padding:3px; border:1px solid #C0C0C0;}

/* changes for mobile devices */
@media screen and (max-width: 600px) {
.jcarousel_mobile {display:inherit;}
.jcarousel_desktop {display:none;}
}
@media screen and (max-width: 500px) {
#main_bottom_text_div span {padding-left:10px; padding-right:10px;}
ul.menu {padding-left:5px; padding-right:5px;}
.index-posts img {padding:1.5px;}

}