@charset "utf-8";

/******************************C5menu.v2**end************************************/
	
body{ behavior: url("/themes/BisonProducers2015/csshover3.htc"); } /* this allows for cross browser happy fun */


#aside .ccm-page-list br { display: none; }

#sidenav.nav,
#sidenav.nav li { margin: 0; padding: 0; list-style-type: none; }

#sidenav.nav { }

	#sidenav.nav ul { margin: 0; padding: 0 0 0 15px; }

#sidenav.nav li { display: block; }

#sidenav.nav li a, #aside .ccm-page-list a {
display: block; padding: 10px 12px 9px 12px; margin-bottom: 3px;
background: #efefef; color: #444; font-size: 15px; 
font-family: 'Roboto', Arial, Helvetica, sans-serif;
font-weight: 500; text-decoration: none; 
}
	#sidenav.nav li li a,
	#sidenav.nav li li li a { padding: 5px 8px; font-size: 13px; }
	
	#sidenav.nav li li a { background: #efefef; }

	#sidenav.nav li li li a { background: #f8f8f8; }

#sidenav.nav li a:hover, #aside .ccm-page-list a:hover { background: #d2d2d2; color: #222; }

#sidenav.nav li a.nav-path-selected, 
#sidenav.nav li a.nav-selected { background: #555; color: #fff; }

	#sidenav.nav li li a.nav-path-selected, 
	#sidenav.nav li li a.nav-selected { background: #777; color: #fff; }

	#sidenav.nav li li li a.nav-path-selected, 
	#sidenav.nav li li li a.nav-selected { background: #999; color: #fff; }

#sidenav.nav li a.parenttitle { background: #942923; text-transform: uppercase; padding: 12px 12px 10px 12px; font-weight: 700; }



@media screen and (min-width: 1100px)
{ 
#nav { position: relative; z-index: 6; }

#nav ul {
position: relative; list-style-type: none; text-align: center;
width: auto; height: auto; z-index: 6; margin: 0; padding: 0; }

#nav li { width: auto; height: auto; display: inline-block; }
#nav li:hover {  }

#nav a {
display: block; margin: 0; padding: 15px 20px 14px 20px;
color: #232020; text-decoration: none; font-size: 16px; 
text-transform: uppercase; color: #fff; letter-spacing: 0.25px;
font-family: 'Roboto', Arial, Helvetica, sans-serif; font-weight: 700; }

#nav a:hover { background: rgba(0,0,0,0.35); }
#nav a.nav-selected, #nav a.nav-path-selected { background: rgba(0,0,0,0.65); }

#nav a#pull { display: none; }
}

/*Styles for screen 600px and lower*/


 
@media screen and (max-width: 1099px) {
#nav { }
#nav ul {
display: none; position: absolute; z-index: 3;
height: auto; padding: 0; width: 100%; margin: 0; 
top:50px; left:0; background-color: rgba(0,0,0,0.85); }
#nav li { display: block; float: left; width: 50%;  }
#nav li a {
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
display: block; color: #fff; margin: 0; text-align: center; text-transform: none;
padding: 14px 0 12px 0; font-size: 15px; text-decoration: none;
}
#nav li a:hover { color: #eaeaea; background-color: rgba(150,40,35,0.35); }
#nav li a.nav-selected, #nav li a.nav-path-selected {
color: #eaeaea; background-color: rgba(150,40,35,0.85); }

#nav a#pull {
display: block; margin: 0; text-align: left; font-style: normal; text-transform: uppercase;
color: #d56d1f; font-size: 16px; text-decoration: none;
background-color: transparent; font-size: 12px; height: 50px;
width: 100%; padding: 0; margin: 0; position: relative;
}
#nav a#pull:before {
content:"Site Menu"; color: #fff; position: absolute; top: 18px; left: 15px;
 }
#nav a#pull:after {
content:"";
background: url(/themes/BisonProducers2015/images/nav-icon.png) no-repeat;
width: 30px;
height: 30px;
display: inline-block;
position: absolute;
right: 5px;
top: 16px;
}
}
@media screen and (max-width: 509px) {
#nav li { display: block; float: left; width: 100%;  }
}