/* ____________________ #body overwrites ______________________________________________________________________________ */
#body {color:#color:#3B5B15; background:url(../images/football.png) no-repeat right bottom #C1CAAF;}
#body p{color:#000;}
#body a{color:#333D27;}
#body .navigation li a:hover, #body .navigation li .selected{background:#a8b197; box-shadow:inset 0 0 4px rgba(0,0,0,.3); color:#393939;}
/* ____________________ OuterContainer and Container CSS ______________________________________________________________________________ */
#outerContainerBA{background-image:url(/adm/css/library/47/29/10567/517010.jpg) left bottom repeat-x;}
#containerBA{}
/* ____________________ Header CSS ______________________________________________________________________________ */
#headerBA{background:rgba(255,255,255,.2); box-shadow:0 0 10px rgba(0,0,0,.1); margin:0 auto; padding:30px 15px;}
	.headerContent{margin:0 auto; width:900px}
#headerBA .zbl-h1{color:#fff;font-family:Impact,Charcoal,sans-serif;font-size:40px;font-weight:normal;letter-spacing:.02em;padding:10px;}
#headerBA .zbl-h2{padding:10px;}
#zbl-NavHeader .navigation-container{background:#3b5b15; border-bottom:1px solid #213707; border-top:1px top #5fa30e; box-shadow:0 0 10px rgba(0,0,0,.3)}
#zbl-NavHeader ul.navigation{background:#446320; box-shadow:0 0 5px rgba(0,0,0,.4); margin:0 auto; width:900px}
#zbl-NavHeader ul.navigation li{float:left; min-width:30px;text-align:center}
#zbl-NavHeader ul.navigation li a{color:#fff;display:block;font-size:14px;font-weight:bold;line-height:2.2em;padding:3px 25px;text-decoration:none;width:auto;}

/* ____________________ Main / Content Area & Side bar CSS ______________________________________________________________________________ */
#mainBA{margin:0 auto;width:900px;}
#contentBA{padding:20px 0; width:600px;}
#contentBA ul.navigation li{border:1px solid #333d27;float:left;height:20px;margin-bottom:6px;margin-right:6px;min-width:30px;text-align:center;width:auto;}
#contentBA ul.navigation li a{background-color:#bcc6aa;color:#000;display:block;font-size:12px;font-weight:bold;height:20px;line-height:1.8em;padding:0 10px;text-decoration:none;width:auto;}
#contentBA ul.navigation li a.selected{background:#333d27;color:#fff;}
#sidebarBA{min-height:20px;width:200px;}
#sidebarBA ul.navigation{background-color:#243b09; border:1px solid #243b09; border-radius:8px; padding:10px 0;margin:0 0 10px; width:auto;}
#sidebarBA ul.navigation li{min-width:30px;width:auto;}
#sidebarBA ul.navigation li.first{border-top:none;}
#sidebarBA ul.navigation li.last{border-bottom:none;}
#sidebarBA ul.navigation li a{color:#fff;display:block;font-size:14px;font-weight:bold;line-height:2.2em;padding:0 10px;text-decoration:none;width:auto;}

/* ____________________ Footer CSS ______________________________________________________________________________ */
#footerBA{color:#000;margin:0 auto;min-height:100px;padding:5px 20px;position:relative;width:900px;}
#footerBA ul.navigation{margin:15px 0;}
#footerBA ul.navigation li{border-right:1px solid;float:left;width:auto;}
#footerBA ul.navigation li.first a{padding-left:0}
#footerBA ul.navigation li.last{border:0}
#body #footerBA ul.navigation li a{box-shadow:none; color:#000;display:block;font-size:12px;font-weight:bold;padding:0 10px;text-decoration:none;width:auto;}
#body #footerBA ul.navigation li.first a{padding-left:0}
#body #footerBA ul.navigation li a.selected, #body #footerBA ul.navigation li a:hover{background:none;text-decoration:underline}
/* ____________________ Layout Specific CSS ______________________________________________________________________________ */
/*----LAYOUT 1 Column----*/
.v3 #contentBA{margin:0;width:100%;}
.v3 #sidebarBA{padding:0 0 20px; margin:0; width:auto;}
.v3 .sidebarContent{border-bottom:1px solid #3b5b15; padding:20px 0}
.v3 #sidebarBA ul.navigation{background:#3b5b15; border-bottom:1px solid #213707; border-top:1px top #5fa30e; box-shadow:0 0 10px rgba(0,0,0,.3); margin:0 auto; padding:0;}
.v3 #sidebarBA ul.navigation li{float:left;margin-right:6px;min-width:30px;text-align:center;width:auto;}
.v3 #sidebarBA ul.navigation li a{box-shadow:none; color:#fff;display:block;padding:0 40px;width:auto;}
.v3 #sidebarBA ul.navigation li a:hover{background-color:#A8B197;} 
.v3 #sidebarBA ul.navigation li a.selected{background:none;}

/*----LAYOUT 2 Column Left----*/
.v2 #footerBA{border-top:1px solid #101b03; padding-top:15px}
.v2 #contentBA{padding:20px 0; width:660px}
.v2 #sidebarBA{padding:20px 20px 20px 0}
.v2 #sidebarBA ul.navigation li{border-bottom:1px solid #101b03}
.v2 #sidebarBA ul.navigation li.last{border:none}
.v2 #sidebarBA ul.navigation li a.selected{background-color:#243b09; box-shadow:none; color:#fff;position:relative;}
.v2 #sidebarBA ul.navigation li a.selected:after {left:100%; border:solid transparent; content:" "; height:0; width:0; position:absolute; pointer-events:none;}
.v2 #sidebarBA ul.navigation li a.selected:after {border-left-color:#243b09; border-width:10px; top:50%; margin-top:-10px;}

/*----LAYOUT 2 Column Right----*/
.v1 #footerBA{border-top:1px solid #101b03; padding-top:15px}
.v1 #contentBA{width:660px}
.v1 #sidebarBA{padding:20px 0 20px 20px}
.v1 #sidebarBA ul.navigation li{border-bottom:1px solid #101b03}
.v1 #sidebarBA ul.navigation li.last{border:none}
.v1 #sidebarBA ul.navigation li a.selected{background-color:#243b09; box-shadow:none; color:#fff;position:relative;}
.v1 #sidebarBA ul.navigation li a.selected:after {right:100%; border:solid transparent; content:" "; height:0; width:0; position:absolute; pointer-events:none;}
.v1 #sidebarBA ul.navigation li a.selected:after {border-right-color:#243b09; border-width:10px; top:50%; margin-top:-10px;}
/* ____________________ Module Specific Styling ______________________________________________________________________________ */
#body .zbl-Btn{background:#4f7720; border:1px solid #A8B197; color:#eee}
	#body .zbl-Btn:hover{background:#2f4a0f;}

/* ____________________ 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/50-yard-line/images/mBG.jpg) no-repeat #c1caaf 0 -20px;}

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

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

#body.mobileLayout .headerContent{width:auto}

/* mobile layout/content styling */
#body.mobileLayout #outerContainerBA, #body.mobileLayout #containerBA{height:auto;position:static;width:auto}
	#body.mobileLayout #contentBA{background:#70745b; border-bottom:2px solid;border-top:2px solid;margin-bottom:15px}
	#body.mobileLayout #headerBA{color:#fff}
	#body.mobileLayout .sidebarContent{border:0; padding:0}
	#body.mobileLayout #footerBA{background:#fff;border-top:2px solid}
}
