/*
I. GLOBAL:  Global classes, header styles, link styles and .page (body tag) class
II. BUTTONS
III. MISC CLASSES 
IV. CUSTOM SITE SELECTORS

/////////////////////////////////////////////////////*/

body {
	
	background:  #FFF;
	color: #000;
}


h1 {
	
	color: #0a6826;
	font: 100 36px 'proxima-nova';
	text-transform:uppercase;
	letter-spacing:0.03em;
	padding-bottom:20px !important;

}


h2 {
	
	color: #0a6826;
	font:700 16px 'proxima-nova';
	text-transform:uppercase;
	letter-spacing:0.03em;
	padding-bottom:15px !important;

	
	
}

h3 {
	
	color: #6d6d6d;
	font:700 16px 'proxima-nova';
	text-transform:uppercase;
	letter-spacing:0.03em;
	padding-bottom:15px !important;

}

h4 {
	
	color: #6d6d6d;
	font:13px 'proxima-nova';
	text-transform:uppercase;
	letter-spacing:0.03em;
	padding-bottom:10px !important;

}

h5 {
	
	color: #6d6d6d;
	font:16px 'proxima-nova';
	padding-bottom:10px !important;
}

h6 {
	
	color: #6d6d6d;
	font: 10px 'proxima-nova';
	padding-bottom:10px !important;

}

body, p {
	
	color: #6d6d6d;
	font: 14px/1.6em 'proxima-nova';

}

	.container a {transition:all .3s ease-in-out;}

a,a.small,a.anchor,a.visited {
	
	color: #0a6826;
	font: inherit;
	text-decoration: none;

}

a:hover {
	
	color: #014616;
	font: inherit;
	text-decoration: underline;

}

.page {
	
	background: #fff;
	text-align: center;
	
}

.CEMenu {
	
	margin: 0;
	padding: 0;

}

/* important edit global text boxes - deFault --------- */
.txtbox {
	
	background: #FFF;
	border-style: inset;
	border-width: 2px;
	color: #000;
	font: 11px Verdana, "Lucida Sans Unicode", Arial, sans-serif;
	margin: 2px 0;

}

/****** END GLOBAL ------------------
/////////////////////////////////////
II. BUTTONS
/////////////////////////////////////
= directory -> edit roster options -> cancel & next button --------- */
.but {
	
	background: #eee;
	border: 1px outset buttonhighlight;
	color: #333;
	cursor: pointer;
	font: 13px Verdana, "Lucida Sans Unicode", Arial, sans-serif;

}

/*= directory -> edit roster options -> close button --------- */
.membut {
	
	background: #eee;
	border: 1px solid buttonFace;
	color: #333;
	cursor: pointer;
	font: 11px Verdana, "Lucida Sans Unicode", Arial, sans-serif;

}

/*= ADMIN BUTTON AND BAR ------ */
.abut {
	
	background: #0a6826;
	border:none;
	color: #fff;
	font: bold 14px 'proxima-nova';
	text-transform:uppercase;
	letter-spacing:0.06em;
	margin-bottom: 2px;
	margin-top: 2px;
	padding:15px 30px;
	overflow:visible;
	*border-width:0;
	width:auto !important;
}

a.abut {
display:block;
text-align:center;
width:100%;	
cursor:pointer;
}

a.abut:hover, .abut:hover {
color: #fff;
text-decoration:none;
background:#014616;
cursor:pointer;	
font: bold 14px 'proxima-nova';
}

.adminbar {
	
	background: #eee;
	color: #333;
	font: 400 12px Verdana, "Lucida Sans Unicode", Arial, sans-serif;

}

/*////////////////////////////////////
III. MISC CLASSES 
//////////////////////////////////////
 --------- general row hover classes --------- */
.rowNormal {
	
	background: #eee;
	color: #000;
	font: 400 11px Verdana, "Lucida Sans Unicode", Arial, sans-serif;

}

.rowHover {
	
	background: #FFF;
	color: #000;
	font: 400 11px Verdana, "Lucida Sans Unicode", Arial, sans-serif;

}

.rowAlternate {
	
	background: #eee;
	color: #000;
	font-weight: 400;

}

.rowHeader {
	
	background: #555;
	border: 1px solid #000;
	color: #FFF;
	font-weight: 700;

}

.cookieTrail {
	
	background: #FFF;
	border-bottom: 1px solid #FFF;
	color: #000;
	display: none;
	font: 400 11px Verdana, "Lucida Sans Unicode", Arial, sans-serif;
	padding: 2px;
	text-decoration: none;

}

a.cookieTrail,a.cookieTrail:hover {
	
	color: #333;
	font: 400 11px Verdana, "Lucida Sans Unicode", Arial, sans-serif;
	text-decoration: none;

}

/*////////////////////////////////////////////////////////
Layout and Custom Selectors For: siteName
////////////////////////////////////////////////////////*/

.hideText {

	display: none;

}

/*////////////////////////////////////////////////////////////////
= MASTER PAGE SPECIFIC CLASSES 
////////////////////////////////////////////////////////////////*/




/* -------------------------------------------------------------
= HEADER CLASSES 
------------------------------------------------------------- */

header {
	width:100%;
	min-height:95px;}
	


/* -------------------------------------------------------------
= CONTENT  
------------------------------------------------------------- */

.publicAlbum .pic {
    height: 81.5vh;
    position: relative;
    background: url(../../../Images/pic02.jpg) no-repeat center top;
    background-size: cover;}
	
.topPic {
	width:100%;
	height:588px;
	overflow:hidden;}
	
	.topPic .mpContent img {
		width:100%;
		height:auto;
		min-width:1600px;
		min-height:588px;}
		
	.topPic .clickToEditDiv {
		position:relative;
		margin-top:-320px;}
		
.pvtPic {
	width:100%;}
	
	.pvtPic .mpContent img {
		width:100%;
		height:auto;}
		
.contentArea {
	padding:100px 0;}
	
	.contentArea .mpContent img {
		width:100%;
		height:auto;}
		
.pvtAlbum .pic {
		width:100%;
		height:410px;
		overflow:hidden;}
		
	.pvtAlbum .pic img {
		width:100%;
		height:auto;
		min-width:1170px;
		min-height:410px;}
		 
	.pvtAlbum .arrowsUp {
		width:82%;
		height:auto;
		position:relative;
		margin:-102px auto 60px auto;
		z-index:10000;
		background:rgba(51,89,63,.5);
		padding:15px;}
		
	.pvtAlbum .title {
		font:25px Proxima-Nova, Arial, sans-serif;
		color:#ffffff;
		padding-bottom:8px;}
		
	.pvtAlbum .info {
		font:14px Proxima-Nova, Arial, sans-serif;
		color:#ffffff;}
		
.newsItem {
	padding-bottom:50px;
	display: table;}
	
	.newsItem a.more {
		text-transform:uppercase;
		letter-spacing:.5px;
		font-weight:700;
		text-decoration:none;
		border-bottom:#014616 1px solid;
		padding-bottom:5px;}
		
	.newsItem a.more:hover {
		border-bottom:#014616 1px solid;}
		
	.newsItem a h3 {
		color:#6d6d6d;
		text-decoration:none;}
		
	.newsItem img {
		width:100%;
		height:auto;}
		
.pvtContent {
	padding:35px 0 65px;}
	
#sideBar, #main, #pvtMain {text-align:left;}

.logDrop {}
	
#logPG {
	width:306px;
	margin:0 auto;
	border:#c8b283 1px solid;}
	
	#logPG .wrap {
		width:230px;
		margin:0 auto;
		padding:20px 0;}
		
	#megaDrop #logPG .wrap {}
		
	#logPG .wrap .advLogUsername,
	#logPG .wrap .advLogPassword {
		width:230px;
		height:38px;
		background:#f9f5eb;
		border:none;
		margin:9px 0px;
		text-transform:none;/*--redesign overide--delete after live--*/}
		
	#logPG .wrap .advLogRemoveChk,
	#logPG .wrap #forgotPassWrap a {
		font:11px 'proxima-nova';
		color:#6d6d6d;}
		
	#logPG .wrap #cookieMessageWrap {
		padding-top:9px;}
		
	#logPG .wrap #forgotPassWrap {
		padding-top:9px;}
		
	#logPG .abut {
		width:100% !important;}
		
	#logPG label {font-weight:normal !important;}
	
	#logPG .title {
		padding:10px 0 0;
		font:12px 'proxima-nova';
		color:#6d6d6d;
		text-transform:uppercase;
		letter-spacing:0.03em;
		text-align:left;}
		
#logPG input[type=checkbox] {
    display:none;
}
 
#logPG input[type=checkbox] + label:before {
    content: "";  
    display: inline-block;  
    width: 16px;  
    height: 16px;  
    vertical-align: bottom;
    margin-right: 4px;  
    background-color: #777777;  
    border:none;
	border-radius:8px;
}
 
#logPG input[type=checkbox]:checked + label:before {
    content:"\2714";
    color:white;
    background-color: #777777;
    text-align:center;
    line-height:16px;
    font-size: 11px;  
}

#photoPluginWrapper25,
#photoPluginWrapper29,
#photoPluginWrapper55 {width:100% !important;}

#megaDrop {
	position:relative;
	margin-top:-51px;
	z-index:10002;}
	
.plugTitle {
	padding-bottom:30px;}
	
.calItem {
	float:left;
	width:15%;
	margin-right:1%;
	text-align:left;
	padding-bottom:25px;}
	
	.calItem .link a {
		display:block;
		font-weight:bold;
		letter-spacing:1px;
		padding-bottom:8px;}
		
	.calItem .calDOW {
		font:500 12px 'proxima-nova';
		color:#0a6826;
		text-transform:uppercase;
		letter-spacing:1px;
		display:block;}
		
	.calItem .calMonth,
	.calItem .calDay {
		font-size:17px;
		font-weight:100;}
		
	.calItem .date {
		padding-bottom:25px;}
		
	.calPlugin31HorizontalTable,
	.calPlugin556HorizontalTable,
	.calPlugin549HorizontalTable,
	.calPlugin550HorizontalTable,
	.calPlugin1290HorizontalTable,
	.calPlugin555EventsWrapper {width:100% !important;}
	
.abut.logout,
.abut.logout:hover {
	padding:10px 20px;
	font-weight:normal;}
	
#VNav {
	padding-top:25px;}
	
.admin {
	padding:30px 0;
	text-align:left;}
	
	.admin .plgHeaderBar {
		color: #0a6826;
		font: 100 36px 'proxima-nova';
		text-transform:uppercase;
		letter-spacing:0.03em;}
		
.logWrap .pic {
    height: 100vh;
    position: relative;
    background: url(../../../Images/bg_login.jpg) no-repeat center top;
    background-size: cover;}
	
	.whiteBG {
		width: 330px;
		min-height:311px;
    	background: #fff;
    	padding: 12px;
		margin:0 auto;}
		
	.logWrap .top25 {
		padding-top:10%;}
		
	.page .hideNav {display:none;}

/* -------------------------------------------------------------
= fOOTER CLASSES 
------------------------------------------------------------- */

.container #footer {
	background:none;
	border-top:#0a6826 3px solid;
	padding-top:10px;}

.fixedFooter {
	position:fixed;
	bottom:0;
	z-index:10000;
	width:100%;}

#footer {
	width:100%;
	height:82px;
	background:url(../../../Images/bg_footer.jpg) top center repeat-x;
	font-size:11px;}
	
	#footer .inside {
		padding-top:18px;
		font:10px 'proxima-nova';
		color:#b0b0b0;}
		
	#footer .left {text-align:left;}
	
	#footer .right {text-align:right;}
	
	#footer .title {
		font:700 11px 'proxima-nova';
		text-transform:uppercase;
		letter-spacing:1px;}
		
	#footer .row {
		margin-right:0;
		margin-left:0;}
		
/* -------------------------------------------------------------
= BOOTSTRAP
------------------------------------------------------------- */


		
@media (max-width:767px) {
	
	.offcanvas-right.active {
    right: 50%;
	text-align: left;
}

.offcanvas-right.active .navbar-nav {
margin: 7.5px auto;	
}
.offcanvas-right.active .navbar-nav>.open>a,
.offcanvas-right.active .navbar-nav>.open>a:hover, .offcanvas-right.active .navbar-nav>.open>a:focus,
.offcanvas-right.active .navbar-nav .open .dropdown-menu,
.offcanvas-right.active .navbar-nav .open .dropdown-menu>li>a {
background: #035B1D;
color: #FFF;	
}
.offcanvas-right.active .navbar-nav  .dropdown-menu.level1 {background:#096123}
.offcanvas-right.active .navbar-nav .open .dropdown-menu {
	border-bottom:#dbdbdb 1px solid;}

.nav .open>a {border-bottom:none;}

.offcanvas-right.active .navbar-nav .open .dropdown-menu>li>a {
	text-transform:none;
	padding:10px 15px 10px 30px;}

.offcanvas-right.active .navbar-nav .open .dropdown-menu {
border-radius: 0 !important;
padding-top: 0;	
}

.offcanvas-right {
    right: 0;
}



.offcanvas {
    position: relative;
    transition: all 0.25s ease-out 0s;
	
}

	

.offcanvas-right .navbar-offcanvas {	
}

/*.navbar-offcanvas {
    position: absolute;
    top: 0;
    width: 100%;
}*/

.navbar-offcanvas {
    position: fixed;
    top: 0;
	height: 100%;
    width: 50%;
	right:-50%;}
	/*background: #FFF;*/
	
    /* padding-top: 0; */


.navbar-offcanvas.active { 
background: #0a6826;
box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.5);
right:0;
} 

.calItem {
	float:none;
	margin:0 auto 30px auto;}
	
	#footer li,
	#footer li.soc {
		display:block;
		padding-left:0;
		padding-bottom:30px;}
		
	#footer li.first {
		padding-left:0;}
			
				/*BURGER*/
.navbar-toggle {margin:20px 20px 0 0; background:none; padding:0; border-radius:0;	height:25px; width:30px;z-index:10001;}
.navbar-toggle .icon-bar {background: #000;
  width: 24px;
  border-radius: 0;
  transition:all 200ms ease-out;
}

/*X BURGER*/
.nav-open .icon-bar {position:absolute; top:7px;}

.nav-open .icon-bar:nth-of-type(2)  {
opacity:0;
}


.nav-open .icon-bar:nth-of-type(4) {
transform:rotate(-45deg);
}

.nav-open .icon-bar:nth-of-type(3) {
transform: rotate(45deg);
}

/* device nav */
.navbar-collapse {
  padding-left: 0;
  padding-right: 0;
  background: #e4e4e4;
  margin-top: 10px;
}

.navbar-nav {
  margin: 0;
  padding: 0;
}

.nav > li {
  margin: 0;
  text-align: left;
  font-size: 13px;
  text-transform: uppercase;
  font-weight: 500;
  line-height: 38px;
  position: relative;
  text-align: center;
  font-family: 'AvenirNextLTW01-Regular', sans-serif;
  letter-spacing: 2px;
}

.nav > li > a {
      padding: 20px 30px;
    color: #fff;
	text-align:left;
	border-bottom:#dbdbdb 1px solid;}
	
	.nav > li > a.dropdown-toggle {
		border-bottom:none;}
 
 .nav > li > a.dropdown-toggle, .navbar-nav .open .dropdown-menu>li>a.dropdown-toggle {
  position: absolute;
  right: 0;
  padding: 0;
  top: 0;
  width: 40px;
  height: 40px;
  margin: 0;
 }
 
.nav > li > a:hover, .nav > li > a:focus {
  color: #231f20;
  background: #c41230;}
  
 .nav > li > a.dropdown-toggle, .navbar-nav .open .dropdown-menu>li>a.dropdown-toggle {
  position: absolute;
  right: 0;
  padding: 0;
  top: 0;
  width: 40px;
  height: 40px;
  margin: 0;
}

.nav li a span.caret {
  position: absolute;
  top: 18px;
  left: 50%;
  margin-left: -5px;
}
.nav > li > a:hover, .nav > li > a:focus {
  color: #fff;
  background: #0a6826;
}

.nav .open>a, .nav .open>a:hover, .nav .open>a:focus {
  background: #222;
  color: #fff;
}


.navbar-nav .open .dropdown-menu {
  background-color: #c41230;
}

.navbar-nav .open .dropdown-menu>li {margin-left:0;}

.navbar-nav .open .dropdown-menu>li>a {
padding:10px 17px;
position:relative;	
color:#fff;
}

.navbar-nav .open .dropdown-menu>li>a:hover {    text-decoration: underline;}

.navbar-brand {height:auto;}
	
	.topPic {
	width:100%;
	height:inherit;}

.topPic .mpContent img, .topPic .pic img {
    width: 100%;
    height: auto;
    min-width: inherit;
    min-height: inherit;}	
	
	.topPic .clickToEditDiv {
		position:static;
		margin-top:0;}
	
	.pull-left,pull-right {
		float:none !important;}
		
	header.brand nav#nav, header.brand nav#nav.pvtNav {margin-top:0;width:100%;right:0;left:0;}	
	
	header.brand nav#nav {
		left:0;
		z-index:10000;}
		
		.quadCallOut {
		margin-right:0;
		width:95%;
		margin:0 auto;
		float:none;
		margin-bottom:6px;}
		
.pvtAlbum .pic {
		width:100%;
		height:auto;
		overflow:visible;}
		
	.pvtAlbum .pic img {
		width:100%;
		height:auto;
		min-width:initial;
		min-height:initial;}
		 
	.pvtAlbum .arrowsUp {
		width:100%;
		height:auto;
		position:static;
		margin-top:0;
		z-index:10000;
		background:#0a6826;
		padding:0 20px 20px 20px;}
		
	.pvtAlbum .title {
		padding-top:35px;}
		
.newsItem img {
		margin-right:0;
		margin-bottom:20px;
		width:100%;
		height:auto;}
		
		.newsItem .left,
		.newsItem .right {
			width:100%;}
			
.calItem {
	width:95%;
	height:auto;
	float:none;
	margin:0 auto;
	position:relative;
	margin-bottom:36px;}
	
	.calItem .pic {
		width:100%;
		height:auto;
		overflow:hidden;
		padding-bottom:10px;}
		
	.calItem .pic img {
		width:100%;
		height:auto;
		min-width:initial;
		min-height:initial;}
		
	.calItem .date {
		position:static;
		display:block;
		background: rgba(0,0,0,.1);
    	padding: 12px;}
		
	#footer {
		background:#fff;
		border-top:#0a6826 3px solid;
		padding-top:10px;}
		
	#footer .left,
	#footer .right {
		float:none;
		width:100%;
		text-align:center;
		padding:5px 0;}
		
	.nav-closed #logo.navbar-brand.left {float:left;}
	
	#megaDrop {margin-right:55px;}
	
	#megaDrop #logPG {background:#fff;}
		

}

@media (min-width:768px) { 
  

/**/

.navbar-brand {height:61px;z-index:10002;position:relative;}

.navbar-offcanvas {
    position: absolute;
	right:102px;
	top: 30px;
}

.navbar-default .navbar-nav > li > a {
	text-transform: uppercase;
	font-size: 0.75em;
	color: #424242;
	letter-spacing: 0.16em;
}

.navbar {z-index:10001;border-bottom:none;border-radius:0;}
.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {  max-height:none;}

.navbar-collapse {padding-left:0; padding-right:0; background:transparent; margin-top:0px;}
.navbar-nav {margin:0; padding:0}
.nav > li {margin:0;  text-align:left; font-size:13px; text-transform:uppercase; font-weight:400; line-height:33px; position:relative; text-align:center; font-family:'proxima-nova';letter-spacing:2px;}
.collapse ul li ul li{ margin-left:0; position:relative;text-align:center;}
.collapse ul li ul li a{ color:#6d6d6d; }

.nav > li > a {padding:0 17px; color:#6d6d6d;line-height:33px;}
.nav > li > a:hover, .nav > li > a:focus, .nav > li.selectedItem.active > a {color:#0a6826; background:transparent;}
.nav > li > a:hover, .nav > li > a:focus, .nav > li.selectedItem.active {border-bottom:#0a6826 1px solid;}
.nav .open>a, .nav .open>a:hover, .nav .open>a:focus {color:#0a6826; background:transparent;}
.dropdown-menu>li {margin-left:0;}
.dropdown-menu>li>a:hover, 
.dropdown-menu>li>a:focus,
.dropdown-menu>.active>a, 
.dropdown-menu>.active>a:hover, 
.dropdown-menu>.active>a:focus {
	color:#fff;
	background:transparent;
	border:none;
  font: 13px 'proxima-nova';
  text-transform:none;
  letter-spacing:1px;
  text-decoration:underline;
  
}

.dropdown.dropdown-submenu {background:url(../../../Images/HNavIdle.png) 95% 50% no-repeat;}

.dropdown-menu>.active>a,
.dropdown-menu>.active>a:hover {line-height: 26px;
    padding: 0 20px;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: 0.03em;}

.nav > li > a.dropdown-toggle,
.navbar-nav .open .dropdown-menu>li>a.dropdown-toggle {
  position: absolute;
  right: 0;
  padding: 0;
  top: 0;
  width: 40px;
  height: 40px;
  margin: 0;
  display:none;
}

	.nav > li > a.dropdown-toggle {display:none;}

.nav li a span.caret {
	display:none;}
.dropdown-menu {
	background: #0a6826;
    background-color: transparent;
    border: none;
    min-width: 200px;
	-webkit-box-shadow: none;
    box-shadow:none;}
	
	
  
  .navbar-nav > li.dropdown:hover > ul.level1.dropdown-menu,
  .nav li.dropdown-submenu:hover > ul.level1.dropdown-menu {
  display: block;
  border: 0px;
  border-radius: 0;
  color: #fff;
  background-color:#0a6826;
  border:none;
  font: 13px 'proxima-nova';
  text-transform:none;
  padding: 15px 0;
  position: absolute;
  width: auto;
  line-height:26px;
  white-space:pre-wrap;
}

.dropdown-menu>li>a, .dropdown-menu>li>a:hover {text-transform:none;line-height:26px;padding:0 20px;font-size:13px;font-weight:400;letter-spacing:0.03em;color:#fff;}
.dropdown-menu>li>a:hover {color:#fff;text-decoration:underline;}
/*3rd LEVEL*/

.nav li.dropdown-submenu:hover > ul.level2.dropdown-menu {
  left: 200px !important;
  margin: 0;
  border: 0;
  border-radius: 0;
  background-color:#0a6826;
  top:-15px;
  padding: 15px 0;
   display: block;
   margin-left:0;
}

.nav li.dropdown-submenu:nth-of-type(1) > ul.dropdown-menu {
  top: -15px;/*this equals top padding of level2*/	
}

.nav li.dropdown-submenu > ul.dropdown-menu>li>a:hover {
background:transparent;
color:#fff;
}


	
	.pull-left,pull-right {
		float:none !important;}
		

		header.public .row {
			margin-right: 0;
    		margin-left: 0;}
	
	#megaDrop .rmSlide {
		width:330px !important;
		background:#fff !important;
		padding: 12px;}
		
		
		.topPic .clickToEditDiv {
			position:relative;
			margin-top:-250px !important;}
}

@media (max-width:1200px) { 

	.private #logo.navbar-brand.left {
		float:none;}
		
	.private .navbar-offcanvas {
		top:25px;}
		
	

}

@media (max-width:1537px) { 

#ulMenuItem_100090 .dropdown-menu.level2 {margin-left:-400px;}

}

@media (max-width:990px) { 

.public.nav-closed #logo.navbar-brand.left {
		float:none;}
	.private.nav-closed .nav > li > a {
    	padding: 0 10px;}
		
}

/* iPhone */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 736px) {
#ulMenuItem_100090 .dropdown-menu.level2 {
	margin-left:0;
	white-space:pre-wrap;}
	
	.dropdown-menu.level1 li a,
	.dropdown-menu.level2 li a {white-space:pre-wrap;}
	
	.mpContent img {width:100% !important;height:auto !important;}
	
}