@import url(/s/resources/css/appstyles.css);

/* General Style
---------------------------------------------*/
form,body,html{height:100%;width:100%;}
form,body,html{height:100%;width:100%;}
body{margin:0;padding:0;font:14px/1.5em "Roboto", Helvetica, Arial, sans-serif; background: url(images/bg-tile.gif) repeat; color: #454444;}

a { color: #3A913F; text-decoration: none; outline:none; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; }
a:hover { color: #FFC820; text-decoration: none; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease;}
a:visited{}
a:active{}
a img{border:none;}

h1, h2, h3, h4, h5, .PageTitleHeader, .PageSubTitleHeader {font-weight:bold;margin:0;padding:2px 5px 3px 0;}
h1, .PageTitleHeader {font-size:27px;line-height:27px; color: #3A913F; font-weight: normal; text-transform: uppercase; }
h2, .PageSubTitleHeader {font-size:22px; line-height:24px; text-transform: uppercase; color: #3A913F;}
h3 {font-size:18px;line-height:21px; color: #626262; font-weight: bold; text-transform:uppercase; margin: 15px 0 10px 0;}
h4 {font-size:15px;line-height:18px;}
h5 {font-size:13px;line-height:15px;}
p {margin:7px 0;padding:0;}
#PageTitle, .PageTitleHeader { display:none;}

.left{float:left;}
.right{float:right;}
.center{text-align:center;}
.textalignright{text-align:right;}
.textalignleft{text-align:left;}

hr{height:1px;line-height:1px;margin:8px 3px;clear:both;border:none;background:#333;color:#333;}

img.left{float:left;margin:0 7px 1px 0;}
img.right{float:right;margin:0 0 7px 7px;}
img.outline{border:4px solid #333;}

.clearing{clear:both;height:0;margin:0;padding:0;line-height:0;margin-top:-7px;}
.clearBoth{clear:both;}
.clearRight{clear:right;}
.clearLeft{clear:left;}
.invisibleButAccessible{display:none;}

.idbmsBreadcrumbSeparator {color:#70a533!important;}
.expand img {background-color: #70a533!important; min-width: 16px;}
.expand {background-color: #70a533!important;}
.Error,.error {width:auto!important}

img[src="/images/icons/v2/common/brick_edit.gif"],
img[src="/images/icons/v2/common/delete.gif"],
img[src="/images/icons/v2/common/arrow_out.gif"],
img[src="/images/e.gif"],
img[src="/images/spacer.gif"],
img[src="/images/icons/v2/bomb.png"] {border:0!important; padding:0!important; margin:0!important; float:none!important; width:16px!important; height:16px!important}

.mastWrap img[src="/images/spacer.gif"] {display:none;}

::selection { background: #0066CC; color: #fff; } /* Safari 3.1+, Opera 9.5+, Chrome 2+ */
::-moz-selection { background: #0066CC; color: #fff; } /* Mozilla Firefox */

#inner-wrap * { -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;  box-sizing: border-box;}


/* HEAD ELEMENTS
---------------------------------------------*/
.structHead {float:left; width:100%; margin-bottom: 28px; }
.start .structHead { margin-bottom: 0;}

.topgreen { background: url("images/green-tile.png") repeat scroll 0 0 rgba(0, 0, 0, 0); float: left; width: 100%;}

#ContentMemberTools { border-right: 1px solid #DDDDDD; float: right; height: 32px; margin-right: 15px; padding: 10px 15px 0 20px; position: relative;}
#ContentMemberTools ul {list-style:none;margin:0;padding:0;float:right;}
#ContentMemberTools li {float:left; border-left: 1px solid #c1c1c1;}
#ContentMemberTools li:first-child { border: none;}
#ContentMemberTools a {display:block; color: #626262; text-decoration: none; padding: 0 15px; line-height: 1em;}

.headLogo {padding:13px 0 13px 6px;}
#headLogo img { max-width: 87%;}
.mobileQuickLinks {display:none;}
#nav a#nav-close-btn {display:none!important;}

#ContentSearch { float:right; padding-top: 7px; }
#ContentSearch img { max-width: 15%;}
#ContentSearch input { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); border: medium none; color: #626262;}

#nav {display:none;}

ul#ContentQuickLinks {list-style:none; padding:0;  }
ul#ContentQuickLinks li {float:left;padding:0;}
ul#ContentQuickLinks li a{display:block; position:relative; text-decoration:none; padding: 7px 48px 7px 18px; background: #ffffff; color: #3A913F; font-weight: normal;}
ul#ContentQuickLinks li a:before {
        position:absolute;
        font-family: FontAwesome;
        font-size: 1em;
		right: 13px;
		top: 7px;
        content: "\f063"; 
    }

/* Top Level Group */
ul#ContentQuickLinks li {line-height:1.5em; font-weight:bold; float: right; list-style:none;}
ul#ContentQuickLinks li a:hover {color:;}
ul#ContentQuickLinks li:hover > a {}

/* Second Level Groups */
ul#ContentQuickLinks li ul { position: absolute; left: -999999px;margin:0px; background:#3A913F; float:none; text-align:left;margin: 0px; padding:0 0 11px 0; width: 180px; z-index: 9999; -webkit-box-shadow: 3px 4px 1px 0 rgba(0, 0, 0, 0.20); box-shadow: 3px 4px 1px 0 rgba(0, 0, 0, 0.20);}
ul#ContentQuickLinks li li { width: 100%; border:none; margin: 0; padding:0px; background:none; line-height:normal;text-transform:none; font-size:1em;}
ul#ContentQuickLinks li li a {font-weight:normal; text-align:left; padding: 3px 18px 3px 18px; border:none; color: #666;}
ul#ContentQuickLinks li li a:before { content:normal;}
ul#ContentQuickLinks ul li:hover li a{}
ul#ContentQuickLinks li:hover li a:hover{ color: #3A913F;}
ul#ContentQuickLinks li li:hover {}

/* The Magic */
ul#ContentQuickLinks li:hover ul ul,
ul#ContentQuickLinks li:hover ul ul ul,
ul#ContentQuickLinks li.sfHover ul ul,
ul#ContentQuickLinks li.sfHover ul ul ul { left: -999em;}

ul#ContentQuickLinks li:hover ul,
ul#ContentQuickLinks li li:hover ul,
ul#ContentQuickLinks li li li:hover ul,
ul#ContentQuickLinks li.sfHover ul,
ul#ContentQuickLinks li li.sfHover ul,
ul#ContentQuickLinks li li li.sfHover ul { left: auto;}

/*Fix for the Sticking*/
ul#ContentQuickLinks  li:hover,
ul#ContentQuickLinks  li li:hover,
ul#ContentQuickLinks  li li li:hover,
ul#ContentQuickLinks  li.sfHover,
ul#ContentQuickLinks  li li li.sfHover,
ul#ContentQuickLinks  li li.sfHover { position:static;}

.HeadMidLft { color: #3A913F; font-size: 2.5em; height: 68px; text-transform: uppercase; padding: 26px 0 0 10px;}
.HeadMidLft a { color: #3A913F; }
.HeadMidRt { padding: 18px 0 0;}

/* MAIN TOP HORIZONTAL NAV
---------------------------------------------*/
.desktopNav {background: url("images/green-tile.png") repeat scroll 0 0 rgba(0, 0, 0, 0); float: left; height: 47px; width:100%; position:relative;z-index:999;}

/* General Styles */
.desktopNav ul {list-style-type:none;margin:0; padding:0;}
.desktopNav ul li {float:left;padding:0;}
.desktopNav ul li a{ display:block; text-decoration:none; text-transform: none; padding: 13px 31px; color: #FAFAFA; font-weight: bold; font-size: 1.121em; border-left: 1px solid #007437; border-right: 1px solid #2A975E;}
.desktopNav ul#nav1 > li:first-child > a { border-left: none;}
.desktopNav ul li.gift a { border-right: none; color: #ffc820; font-weight: bold; text-shadow: 1px 1px 1px rgba(0,0,0,.35); }

/* Top Level Group */
.desktopNav ul li {line-height:1.5em;font-weight:bold; text-transform:uppercase;}
.desktopNav ul li a:hover {color:#fff;}
.desktopNav ul li:hover > a {color:#ffc820;}

/* Second Level Groups */
.desktopNav li ul { position: absolute; left: -999999px;margin:0; padding: 10px 0 10px; background:#3A913F; float:none; width:15em;text-align:left; box-shadow: 3px 4px 1px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: 3px 4px 1px 0 rgba(0, 0, 0, 0.2);}
.desktopNav li li { width: 100%; border:none; margin: 0; padding:0px;background:none;line-height:normal;text-transform:none; font-size:1em;}
.desktopNav li li a {font-weight:normal;text-align:left;padding:0.25em 1em;border:none;}
.desktopNav ul li:hover li a{}
.desktopNav ul li:hover li a:hover{ color: #ffc820;}
.desktopNav li li:hover {}

/* Third Level Groups */
.desktopNav li li ul { margin:-23px 0 0 150px; background: #367c2b; color:#ffffff; width:170px;}
.desktopNav li li li a:hover { color: #ccc;}
.desktopNav li li li{ width: 170px;}
.desktopNav li li li a {color:#fff;}

/* The Magic */
.desktopNav li:hover ul ul,
.desktopNav li:hover ul ul ul,
.desktopNav li.sfHover ul ul,
.desktopNav li.sfHover ul ul ul { left: -999em;}

.desktopNav li:hover ul,
.desktopNav li li:hover ul,
.desktopNav li li li:hover ul,
.desktopNav li.sfHover ul,
.desktopNav li li.sfHover ul,
.desktopNav li li li.sfHover ul { left: auto;}

/*Fix for the Sticking*/
.desktopNav  li:hover,
.desktopNav  li li:hover,
.desktopNav  li li li:hover,
.desktopNav  li.sfHover,
.desktopNav  li li li.sfHover,
.desktopNav  li li.sfHover { position:static;}

/* LEFT COLUMN
---------------------------------------------*/
/* LEFT NAV
---------------------------------------------*/

#ContentLeftNav {margin-bottom: 25px;}
.structLeft {float:left;}

#ContentLeftNav > ul {margin:0; padding:16px 0; background: #3A913F; list-style:none;}
#ContentLeftNav ul li { position: relative; margin-top: 1px;}
#ContentLeftNav ul li:first-child { border-top: none; } 
#ContentLeftNav ul li a { background: none repeat scroll 0 0 #FFFFFF; color: #626262; display: block; line-height: 1.071em; padding: 11px 15px 8px 25px;    text-transform: uppercase;}
#ContentLeftNav ul li a:hover { color: #3A913F;}
#ContentLeftNav ul li a:hover:before {
    color: #3A913F;
    font-family: FontAwesome;
    font-size: 0.92em;
    left: 8px;
    position: absolute;
    top: 9px;
    content: "\f061"; 
    }
#ContentLeftNav ul li.selected { }
#ContentLeftNav ul li.selected a { color: #3A913F;}
#ContentLeftNav ul li.lastnav { border-bottom: none;}

#ContentLeftNav ul li.selected ul { list-style:none; margin:5px 0 0; padding: 5px 0 10px 12px;}
#ContentLeftNav ul li.selected li { border: none; }
#ContentLeftNav ul li.selected li a { background: none; color: #ffffff; text-transform: none; padding: 8px 15px; }
#ContentLeftNav ul li.selected li a:hover { color: #FFC820;}
#ContentLeftNav ul li.selected li a:hover:before { content: normal;}

#ContentLogin {padding: 0 0 20px 20px;}

/* BODY ELEMENTS
---------------------------------------------*/
.structBody {float:left;padding:0em 0; width:100%;}
.start #ContentMiddle { display:none;}

.bgcolor {float: left; width: 100%; margin: 20px 0;}

.wideArea {margin-top:1em; margin-bottom:1em;}
.colWraps {float:left;}

.midWrap { border-left: 1px solid #E1DEDE; padding-left: 29px;}
.start .midWrap { border-left: medium none; padding-left: 0; background: #fbf8f6; width: 100%; float:left; margin: 50px 0; min-height: 423px;}

nav#ContentBreadCrumbs { margin-bottom: 29px;}
nav#ContentBreadCrumbs li{ list-style: none; padding:0;margin:0;float:left; color: #9d968d;  text-transform: uppercase;}
nav#ContentBreadCrumbs li a{display:block;text-decoration:none; line-height: 1em; padding: 0 6px 0 8px; color: #454444; font-size: 1em; text-transform: none; border-left: 1px solid #454444;}
nav#ContentBreadCrumbs li#bcFirst a{border:none;padding-left:0;}
nav#ContentBreadCrumbs li.navselected a{}
nav#ContentBreadCrumbs li.divider { color: #eeb111;}

/*HOME SLIDER*/

.rotatorWrap {float: left; margin: 25px 0 10px; padding-bottom: 0px; border-bottom: 1px solid #e5e5e5;}

#ContentRotator {margin-top: 0; position: relative; -webkit-box-shadow: 5px 5px 6px 0 rgba(0,0,0,.15); box-shadow: 5px 5px 6px 0 rgba(0,0,0,.15);}

#ContentRotator .sldtxt {
    background: none repeat scroll 0 0 #FFFFFF;
    bottom: 58px;
    color: #8A8D8E;
    height: 60px;
    padding: 10px;
    position: absolute;
    right: 0;
    width: 360px;
	display: none;
}
#ContentRotator .sldtxt .title { text-align: center;}
#ContentRotator .sldtxt .title a {
	color: #626262;
    font-size: 1.214em;
    font-style: italic;
    text-transform: uppercase;
	}
#ContentRotator .sldimg  { border: 7px solid #fff; }
#ContentRotator .sldimg img { width: 100%;}
#ContentRotator .bx-next {
    display: block;
	color: #fff;
    height: 80px;
    overflow: hidden;
    position: absolute;
    right: -21px;
    width: 71px;
	font-size: 72px;
	text-align: center;
	text-shadow: 2px 2px 1px rgba(0,0,0,.2);
	}
#ContentRotator .bx-prev {
    display: block;
	font-size: 72px;
	color: #fff;
    height: 80px;
    overflow: hidden;
    position: absolute;
    width: 71px;
	left: 22px;
	text-align: center;
	text-shadow: 2px 2px 1px rgba(0,0,0,.2);
	}

#ContentRotator .bx-controls-direction {position: absolute;  bottom: 52px; width: 15%; z-index: 9999; right: 46px;}
#ContentRotator .bx-pager { display: none;}

#ContentRotator table {table-layout: fixed;}

/*NEWS*/

#ContentMiddleLayoutNews { padding: 20px 19px; position: relative; background: #ebe9e6;  min-height: 423px;}
#ContentMiddleLayoutNews h2 { color: #3A913F; font-size: 25px; font-weight: bold;}
#ContentMiddleLayoutNews .newsitem { width: 100%; margin-top: 15px; float: left; position: relative;}
#ContentMiddleLayoutNews .viewall { position: absolute; top:21px; right:22px; }
#ContentMiddleLayoutNews .viewall a { background: none repeat scroll 0 0 #fff;  color: #646161; padding: 5px 20px; }
#ContentMiddleLayoutNews .viewall a:hover { color: #3A913F;}
#ContentMiddleLayoutNews .newsitem .title, #ContentMiddleLayoutNews .newsitem .title a { color: #FBF8F6;  font-size: 1em;}
#ContentMiddleLayoutNews .newsitem .newstxt { color:#423d3e; line-height: 1.4em; }
#ContentMiddleLayoutNews .newsitem .sldimg {float: left; width: 100%;}
#ContentMiddleLayoutNews .newsitem .txtWrap { background: url("images/newshading.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); height: 100%; padding: 10px; position: absolute; width: 160px;}
#ContentMiddleLayoutNews .newsitem .newstxt a { color:#9b5d73; }
#ContentMiddleLayoutNews .viewstory { bottom: 17px; left: 10px; position: absolute;}
#ContentMiddleLayoutNews .viewstory a { color: #fff; background: #3A913F; padding: 5px 20px; }
#ContentMiddleLayoutNews .viewstory a:hover { background: #04994c;}

#ContentMiddleLayoutNews  .singlenewsitem {float: left; margin-top: 15px; padding: 0 10px;}
#ContentMiddleLayoutNews  .singlenewsitem .title { color: #717171; font-size: 15px; padding: 10px 10px 0 24px;}
#ContentMiddleLayoutNews  .singlenewsitem .title a { position: relative; color: #717171; }
#ContentMiddleLayoutNews  .singlenewsitem .title a:before { 
	color: #3A913F;
    font-family: FontAwesome;
    font-size: 1.2em;
    left: -21px;
    position: absolute;
    top: 1px;
    content: "\f105"; 
	}


/*HOME EVENTS*/

#ContentMiddleLayoutEvents .Tabs { width: 100%; margin-top: 20px;}

#ContentMiddleLayoutEvents .TabMenu {height: 48px; margin: 0; padding: 0;}
#ContentMiddleLayoutEvents .TabMenu li { float: left; list-style: none outside none; margin-right: 1px;  width: 33%;}
#ContentMiddleLayoutEvents .TabMenu li a { background: none repeat scroll 0 0 #646161;
    color: #FFFFFF;
    display: block;
    padding: 10px;
    text-align: center;
    text-transform: uppercase;}
#ContentMiddleLayoutEvents .TabMenu li.active { background: url(images/tab-arw.png) no-repeat bottom center; padding-bottom: 5px;}
#ContentMiddleLayoutEvents .TabMenu li.active a { color: #ffffff !important; background: #3A913F; }
#ContentMiddleLayoutEvents .tab_container {padding-top: 25px;}

#ContentMiddleLayoutEvents { position: relative; padding: 20px 0;}
.EventPad {padding: 23px 37px 0 23px; position: relative;}

#ContentMiddleLayoutEvents h2 { color: #3A913F; font-size: 25px; font-weight: bold;}

#ContentMiddleLayoutEvents .eventitem { float: left; width: 100%; padding: 0 20px 20px 15px;}

#ContentMiddleLayoutEvents .title {
color: #717171;
float: left;
width: 64%;
font-size: 1.071em;
text-align: left;
}
#ContentMiddleLayoutEvents  .title a { color: #717171;}
#ContentMiddleLayoutEvents  .title a:hover {color: #3A913F;}
#ContentMiddleLayoutEvents .eventtools {float: left; width: 12%;}

.date {
	color: #646161;
    float: left;
    font-size: 1.571em;
    font-weight: bold;
    text-align: center;
    width: 23%;
	margin: 0 20px 0 14px;
}
#ContentMiddleLayoutEvents .date span {
clear: left;
float: left;
font-size: 17px;
line-height: 1.214em;
text-align: center;
width: 100%;
margin-bottom: 5px;
text-transform: uppercase;
color: #fff; background: #3A913F; padding: 8px 0;
}

#ContentMiddleLayoutEvents .eventtools span a.IModCmsCalendarIcon { }
#ContentMiddleLayoutEvents .viewall { position: absolute; top:21px; right:0; }
#ContentMiddleLayoutEvents .viewall a { background: none repeat scroll 0 0 #fff;  color: #646161; padding: 5px 20px; }
#ContentMiddleLayoutEvents .viewall a:hover { color: #3A913F;}

#ContentMiddleLayoutSocial { padding: 20px 0 0 20px; float: left;}
#ContentMiddleLayoutSocial h2 { color: #3A913F; font-size: 25px; font-weight: bold;}
#ContentMiddleLayoutSocial a {
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #f2f2f2 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f2f2f2)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#f2f2f2 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#f2f2f2 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#f2f2f2 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#f2f2f2 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-9 */
min-width: 33px;
    padding: 6px 5px 4px;
    text-align: center;
margin: 15px 30px 0 0;
color:#626262;
font-size: 20px;
-webkit-box-shadow: 1px 1px 1px 0 rgba(0,0,0,.3);
box-shadow: 1px 1px 1px 0 rgba(0,0,0,.3);
-webkit-border-radius: 2px 2px 2px 2px;
border-radius: 2px 2px 2px 2px;
float: left;
}

.tab_container .singlenewsitem {float: left; margin-bottom: 10px; padding: 0 10px;}
.tab_container .singlenewsitem .title { color: #717171; font-size: 15px; padding: 10px 10px 0 24px; width: 100% !important;}
.tab_container .singlenewsitem .title a { position: relative; color: #717171; }
.tab_container .singlenewsitem .title a:before { 
	color: #3A913F;
    font-family: FontAwesome;
    font-size: 1.2em;
    left: -21px;
    position: absolute;
    top: 1px;
    content: "\f105"; 
	}

.homesocial { padding: 0 15px;}
#ContentMiddleLayoutSocial a:hover { color: #3A913F;}
#ContentMiddleLayoutSocial a.yorksocial  {  background: url("images/yorksocial.png") no-repeat scroll 11px 8px rgba(0, 0, 0, 0);  padding: 16px 17px; }
#ContentMiddleLayoutSocial a.socialpush { margin-left: 33px;}

#ContentMiddleLayoutBlog { float: left; margin-top: 35px; text-align: center; width: 100%;}
#ContentMiddleLayoutBlog h3 { text-align: center; margin: 10px 0 10px 0;}

a.green { color: #fff; background: #3A913F; padding: 5px 20px; }
a.green:hover { background: #04994c;}

/* news pattern w/ thumbnail on right */
.newsThumbRight {float:left; width:100%; padding:20px 0;border-top:2px solid #eee;}
.newsThumbRight:first-child {border:none; padding-top:0;}
.newsThumbRight .text {float:left; width:65%; padding-right:3%;}
.newsThumbRight .title {font-weight:bold; font-size:1.3em; line-height:normal; padding-bottom:5px;}
.newsThumbRight .title a {}
.newsThumbRight .preview {}
.newsThumbRight .thumb {float:left; width:35%;}
.newsThumbRight .thumb a {display:block;}
.newsThumbRight .thumb img {display:block; max-width:100%;float:right;}


/* RIGHT COLUMN
---------------------------------------------*/
.structRight {float:right;}

/* Footer Elements 
---------------------------------------------*/
footer { background: url("images/green-tile.png") repeat scroll 0 0 #027739; float: left; padding: 40px 0 30px; width: 100%; margin-top: 45px;}
#ContentFooterInfo { color: #fff; line-height: ;}
#ContentFooterRight { border-left: 1px solid #358f5f; padding-left: 58px; color: #fff;}
#ContentFooterRight a { color: #fff;}
#ContentFooterRight  ul { margin: 0 0 21px 0; padding: 0; list-style: none; width: 100%; float: left;}
#ContentFooterRight  ul li { float: left; margin-right: 35px;}

#ContentMiddle .tabstrip ul li {padding:0; background: none;}
#ContentMiddle .TabsPlacement ul li {padding:0; background: none;}
#cid_283_pnlHelp  tr { display: block!important; }
.IMOD106 span.expand img { margin-left: 15px;}

#ContentSearchMob { margin: 30px 0;}
#ContentSearchMob  input { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); border: medium none; color: #949393; left: 68px; position: absolute; width: 60%; font-size: 1.1em; }
#ContentSearchMob  img { cursor: pointer; left: 24px;  position: absolute; top: 31px; width: 17px;}

#ContentMemberToolsMob { margin: 17px 0;}
#ContentMemberToolsMob ul { margin: 0; padding: 0 12px;}
#ContentMemberToolsMob li { border-top: 1px solid #5d5d5d; padding: 0; list-style: none; }
#ContentMemberToolsMob li:first-child { border-top: none;}
#ContentMemberToolsMob li a { color: #626262; display: block; padding: 0.5em 1.1em; }


.m-pikabu-sidebar { background: url("images/nav-bg.gif") repeat scroll 0 0 rgba(0, 0, 0, 0);}
.m-pikabu-sidebar .mainNav ul { border-bottom: medium none;}	
.m-pikabu-sidebar .mainNav ul li { border-top: medium none; }
.m-pikabu-sidebar .mainNav ul li a { color: #FCFCFC; display: block; font-size: 1em; line-height: normal; padding: 0.7em 1.9em; text-transform: uppercase;}
.m-pikabu-sidebar .mainNav ul ul { border-bottom: medium none; padding: 5px 0 10px;}
.m-pikabu-sidebar .mainNav ul ul li { position: relative; background: none repeat scroll 0 0 rgba(0, 0, 0, 0); border-top: medium none;}
.m-pikabu-sidebar .mainNav ul ul li a { position: relative; color: #B4B4B4; display: block; font-size: 1em; line-height: normal; padding: 0.5em 1em 0.5em 1.9em; text-transform: none;}
.m-pikabu-sidebar .mainNav ul li.selected a { position: relative;}
.m-pikabu-sidebar .mainNav ul li.selected a:before {
    color: #04994c;
    font-family: FontAwesome;
    font-size: 0.92em;
    left: 8px;
    position: absolute;
    top: 9px;
    content: "\f061"; 
    }
.m-pikabu-sidebar .mainNav ul li.selected li a:before { content: normal;}

.categoryGreen table.EventsHeader{background:#3A913F; color:#000;}


/*
---------------------------------------------
---------------------------------------------
   MEDIA QUERIES
---------------------------------------------
---------------------------------------------
*/

/* =============================================================================
   Desktop Only
   ========================================================================== */

@media only screen and (min-width: 1001px){
/* Styles */
	
* {-webkit-box-sizing: border-box;	-moz-box-sizing: border-box;  box-sizing: border-box;}

#ContentNavBtn {display:none;}

}

/* =============================================================================
   768px Grid
   ========================================================================== */

@media only screen and (min-width: 768px) and (max-width: 1001px){
/* Styles */

* {-webkit-box-sizing: border-box;	-moz-box-sizing: border-box;  box-sizing: border-box; -ms-box-sizing: border-box;}

.js-ready #nav {width:30%;}
.js-nav #inner-wrap {left:30%;}
#outer-wrap {overflow:hidden; height:auto;}
.csstransforms3d.csstransitions.js-nav #inner-wrap { -webkit-transform: translate3d(30%, 0, 0) scale3d(1, 1, 1); -moz-transform: translate3d(30%, 0, 0) scale3d(1, 1, 1); -ms-transform: translate3d(30%, 0, 0) scale3d(1, 1, 1); -o-transform: translate3d(30%, 0, 0) scale3d(1, 1, 1); transform: translate3d(30%, 0, 0) scale3d(1, 1, 1);}
.js-ready #nav li {width:100%;}

.topgreen { height: 81px; padding-top: 9px; margin-bottom: 10px;}
.mobtabhide { display:none;}
#ContentTopNav { display:none;}
#nav { display: block;}
.mobile { display: block; }
.m-pikabu-nav-toggle { display: block; float: left; padding: 12px 0; border-right: 1px solid #2A975E; text-align: center; width: 50%; color: #FAFAFA; font-size: 1.143em; cursor: pointer; }
a.m-pikabu-nav-toggle .fa { font-size: 21px; margin-right: 10px;}

#ContentFooterRight ul#ContentFooterLinks li { float: left; margin: 0 35px 7px 0; }
#ContentFooterRight ul#ContentFooterLinks { margin: 0 0 11px;}

.desktopNav li.gift { float: left; text-align: center; width: 50%; border-left: 1px solid #007437;}
.desktopNav li.gift a { display: block; padding: 13px 0; color: #ffc820; font-size: 1.143em; font-weight: bold; text-shadow: 1px 1px 1px rgba(0,0,0,.35); }

footer { padding: 30px 0;}

ul#ContentQuickLinks { list-style: none outside none; padding: 0 20px 0 0;}
.headLogo { padding: 13px 0 13px 18px;}
#headLogo img { max-width: 100%;}

#ContentLeftNav ul li a { font-size: 0.92em;}

#ContentMiddleLayoutSocial { padding: 20px 0 0;}
#ContentMiddleLayoutSocial a { margin: 15px 19px 0 0; }
#ContentMiddleLayoutSocial h2, #ContentMiddleLayoutNews h2, #ContentMiddleLayoutEvents h2 { font-size: 22px;}

#ContentMiddleLayoutNews .singlenewsitem .title { color: #717171; font-size: 14px;}

#ContentMiddleLayoutEvents .TabMenu li { width: 32%;}
#ContentMiddleLayoutEvents .TabMenu li a { text-transform: none; }
#ContentMiddleLayoutEvents .date span { padding: 8px 0;}
#ContentMiddleLayoutEvents .title { width: 62%;}
#ContentMiddleLayoutEvents .eventitem { padding: 0 0px 20px 0px;}

#ContentMiddleLayoutNews .newsitem .sldimg img { width: 100%;}

#ContentTopNavMob li.gift a { color: #f5bf21; }


}

/* =============================================================================
   Less than 768px / iPhone landscape / android portrait
   ========================================================================== */
@media only screen and (max-width: 767px) and (min-width: 480px) {
	#inner-wrap header .container,
	#inner-wrap #main .container,
	#inner-wrap footer .container{width:456px;padding:0 5px;}
	
}

/* =============================================================================
   480px / iphone landscape
   ========================================================================== */
@media only screen and (max-width: 767px) {
/* Styles */
	#ContentSearch {display:none;}
	header {padding-top:1em;}
	#ContentMemberTools {display:none;}
	#nav {display:block;}
	
	ul.mobileQuickLinks {display:block; margin:0; list-style:none; padding:0;}
	ul.mobileQuickLinks li {float:left; width:33%;}
	ul.mobileQuickLinks li a {text-decoration:none; display:block;}
	
	.midWrap { margin:0 0 1em; border: none; } 
	
	.colWraps {margin:0;}
	
	.mobtabhide { display:none;}
	#ContentTopNav { display:none;}

	.mobile { display: block; }
	#ContentQuickLinks { display: none;}
	
	.headLogo { padding: 13px 0 13px 20px !important; width: 60% !important;}
	#headLogo img { max-width: 93%;}
	.desktopNav {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    float: right;
    height: 42px;
    margin-top: -42px;
    position: relative;
    text-align: center;
    width: 40%;
    z-index: 999;
}
.m-pikabu-nav-toggle { display: block; float: none; padding: 3px 0; border-right: none; text-align: center; width: 100%; color: #FAFAFA; font-size: 1.143em; cursor: pointer; }
a.m-pikabu-nav-toggle .fa { font-size: 21px; margin-right: 10px;}
li.gift { display: none;}
.mainNav li.gift { display: block; }
#ContentTopNavMob li.gift a { color: #f5bf21; }

.desktopNav .container { width: 100% !important;}

#main .structLeft { display: none;}
nav#ContentBreadCrumbs { display: none;}

h1, .PageTitleHeader { font-size: 1.429em; line-height: 1.429em;}
h2, .PageSubTitleHeader { font-size: 1.214em; line-height: 1.214em;}

#ContentMiddleLayoutSocial h2, #ContentMiddleLayoutNews h2, #ContentMiddleLayoutEvents h2 { font-size: 20px;}

footer { background: none repeat scroll 0 0 #027739; margin-top: 25px;}
#ContentFooterRight { padding-left: 20px; padding-top: 20px; border-left: 0;}
#ContentFooterRight ul#ContentFooterLinks  { border-top: 1px solid #339361; padding-top: 15px;}
#ContentFooterRight ul#ContentFooterLinks li { margin: 0 0 6px; width: 100%;}
#ContentFooterRight ul#ContentFooterLinks li a { display: block; }

#ContentFooterRight ul.footercontact { border: none; padding-top: 0;}
#ContentFooterRight ul.footercontact li { margin: 0 0 6px; width: auto;}
#ContentFooterRight ul.footercontact li a { display: block; }


#ContentMiddleLayoutEvents { padding: 20px!important;}
#ContentMiddleLayoutEvents .TabMenu li { width: 32%;}
#ContentMiddleLayoutEvents .TabMenu li a { text-transform: none; }
#ContentMiddleLayoutEvents .date span { padding: 8px 0;}
#ContentMiddleLayoutEvents .viewall { right: 29px;}

.start .midWrap { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); margin: 28px 0;}

#ContentMiddleLayoutNews .newsitem { display: none;}
#ContentMiddleLayoutNews .viewall { top: 25px;}

#ContentMiddleLayoutBlog { display:none;}

#ContentMiddleLayoutNews { min-height: inherit;}

#ContentMiddleLayoutSocial { padding: 20px 0 0;}

.date { margin: 0 20px 0 0;}
#ContentMiddleLayoutEvents .eventitem { padding: 0 20px 20px 12px;}

#ContentRotator .sldtxt {
    background: none repeat scroll 0 0 #FFFFFF;
    color: #8A8D8E;
    float: left;
    height: 60px;
    padding: 10px;
    position: static;
    right: 0;
    width: 100%;
}

#ContentRotator .bx-controls-direction {
    bottom: 110px;
    position: absolute;
    right: 20px;
    width: 100%;
    z-index: 9999;
}

/* news pattern w/ thumbnail on right */
.newsThumbRight .text,
.newsThumbRight .thumb {width:100%;}
.newsThumbRight .thumb img {float:none; margin:0 auto;}

}

/* =============================================================================
   Less than 480px / iphone portrait
   ========================================================================== */
@media only screen and (max-width: 479px) {
/* Styles */

	#ContentMemberTools {display:none;}
}

/* =============================================================================
   Retina Display 
   ========================================================================== */
@media only screen and (-webkit-min-device-pixel-ratio: 2) {

}