/* ____________________ #body overwrites ______________________________________________________________________________ */
#body a{font-weight:bold; color:#373f2c}
#body{
	background-attachment:fixed;
	background-color:#8b8f8e;
	background-image:url(https://lygo.net/ly/zeeblio/styles/on-point/images/747335.jpg);	
	background-repeat:repeat-x;
}
/* ____________________ OuterContainer and Container CSS ______________________________________________________________________________ */
/* ____________________ Header CSS ______________________________________________________________________________ */
#headerBA{
	background:#8A927C;
	color:#fff;
	margin:0 auto;
	min-height:70px; 
	padding:15px;
	width:886px;  
}
#headerBA .zbl-h1{font-size:35px}
#headerBA ul.navigation{ 
	margin:8px 0; 
	width:90%;
}
#headerBA ul.navigation li{
	background-color:#adb59f; 
	border:2px solid #373f2c;
	-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; 
	float:left;  
	margin:0 5px 8px 0; 
	min-width:30px; 
	text-align:center; 
	width:auto;
}
#headerBA ul.navigation li a{
	color:#373f2c; 
	display:block; 
	font-size:12px;  
	padding:2px 10px; 
}
#headerBA ul.navigation li a:hover, #headerBA ul.navigation li a.selected{
	background-color:#373f2c; 
	color:#fff; 
	text-decoration:none; 
}
/* ____________________ Main / Content Area & Side bar CSS ______________________________________________________________________________ */
#mainBA{
	background:url(../images/arrowDOWN.png) no-repeat center top;
	margin:0 auto 30px;
	padding:80px 0 15px 15px;
	width:901px;
}
#contentBA{
	min-height:200px;
  	width:63%;
}
#contentBA ul.navigation{ 
	margin:8px 0; 
	width:auto;
}
#contentBA ul.navigation li{
	background-color:#adb59f; 
	border:2px solid #373f2c;
	border-radius:2px;
	float:left;  
	margin:0 5px 8px 0;
	min-width:30px; 
    text-align:center;
}
#contentBA ul.navigation li a{
	color:#373f2c; 
	display:block; 
	font-size:12px;   
	padding:2px 10px; 
}
#contentBA ul.navigation li a:hover, #contentBA ul.navigation li a.selected{
	background-color:#373f2c; 
	color:#fff; 
	text-decoration:none; 
}
#sidebarBA{
	width:33%; 
}
#sidebarBA ul.navigation{
	margin-bottom:30px; 
	width:auto;
}
#sidebarBA ul.navigation li{
	background-color:#adb59f; 
	border:1px solid #373f2c;
	border-radius:2px;
	margin:2px 0;
	min-width:30px;
    text-align:left; 
	width:auto; 
}
#sidebarBA ul.navigation li a{
	color:#373f2c; 
	display:block; 
	font-size:12px; 
	padding:2px 10px; 
	width:auto;
}
#sidebarBA ul.navigation li a:hover,
#sidebarBA ul.navigation li a.selected{
	background-color:#373f2c; 
	color:#fff; 
	text-decoration:none; 
}
/* ____________________ Footer CSS ______________________________________________________________________________ */
#footerBA{
	background-color:#8A927C;
	border:1px solid #8A927C;
	-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;
	margin:30px auto 0;
	min-height:40px;
	padding:20px 15px;  
	width:876px;
} 
#footerBA ul.navigation{ 
	margin:15px auto;
	width:886px;
}

#footerBA ul.navigation li{
	background-color:#adb59f; 
	border:1px solid #373f2c; 
	-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;
	float:left; 
	margin:0 5px 8px 0;
	min-width:30px;   
	text-align:center; 
}
#footerBA ul.navigation li a{
	color:#373f2c; 
	display:block; 
	font-size:12px; 
	padding:2px 10px;
}
#footerBA ul.navigation li a:hover, #footerBA ul.navigation li a.selected{
	background-color:#373f2c; 
	color:#fff; 
	text-decoration:none; 
}
/* ____________________ Layout Specific CSS ______________________________________________________________________________ */
/*----LAYOUT 1 Column----*/
.v3 #contentBA{width:auto;}
.v3 #sidebarBA{
	border-top:1px dashed #000;
	width:auto;
}
.v3 #sidebarBA ul.navigation{
	margin:8px 0; 
	width:auto;
}
.v3 #sidebarBA ul.navigation li{
	background-color:#adb59f; 
	border:2px solid #373f2c; 
	-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;
	float:left;  
	margin:0 5px 8px 0; 
	min-width:30px; 
	text-align:center; 
	width:auto; 	  
}
.v3 #sidebarBA ul.navigation li a{
	color:#373f2c; 
	display:block; 
	font-size:12px; 
	padding:0 10px; 
}
.v3 #sidebarBA ul.navigation li a:hover, .v3 #sidebarBA ul.navigation li a.selected{
	background-color:#373f2c; 
	color:#fff; 
	text-decoration:none; 
}
/*----LAYOUT 2 Column Left----*/
.v2 #mainBA{
	padding-left:0;
	width:916px;
}
/* ____________________ Module Specific Styling ______________________________________________________________________________ */
#body .zbl-Btn, #body input.buttonFamily{background:#adb59f; border:2px solid #373f2c; color:#373f2c}
#body .zbl-Btn:hover, #body input.buttonFamily:hover, #body .formSubmit .zbl-Btn:hover, #body input.poll-vote-button:hover{
	background:#373f2c; border:2px solid #373f2c; color:#adb59f}


/* ____________________ mobile layout ______________________________________________________________________________ */
@media screen and (max-device-width:480px), screen and (max-width:600px){
/* adds mobile only background */
#body.mobileLayout{background:url(https://lygo.net/ly/zeeblio/styles/on-point/images/mBG.jpg) no-repeat #dce3dc}

/* style for menu button at top right of page */
#body.mobileLayout #mNavLink{background:#ADB59F; color:#373F2C; border:1px solid #373F2C}

/* styling for navigation menu to be placed at bottom of page */
#body.mobileLayout .mobileNav ul li a{background:#ADB59F; color:#373F2C}
#body.mobileLayout .mobileNav ul li a:hover, #body.mobileLayout .mobileNav ul li a.selected{background:#373F2C; color:#fff}

/* mobile layout/content styling */
	#body.mobileLayout #headerBA{background:#8A927C; padding:20px 25px; border-bottom:1px dashed #ccc; color:#333}
	#body.mobileLayout #mainBA{margin:15px!important}
	#body.mobileLayout #contentBA{margin-bottom:15px}
	#body.mobileLayout #sidebarBA{background:rgba(0, 0, 0, .1);border-top:dashed 3px #8A927C; padding-top:15px}
	#body.mobileLayout #footerBA{background:#8A927C; border-radius:0}
}
