@charset "UTF-8";
/*-------  basic styling ---------*/

body {	
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	color:#000000;	
}

.newsitem{
	background-color:rgba(255,255,255,0.4);
	box-shadow:2px 2px 5px #aaa;
	border-radius: 5px;
	margin: 20px auto;
	padding: 10px;
}

input {outline: none;}

input[type=search] {
	-webkit-appearance: textfield;
	-webkit-box-sizing: content-box;
	font-family: inherit;
	font-size: 100%;
}
input::-webkit-search-decoration, input::-webkit-search-cancel-button {
	display: none; 
}


input[type=search] {
	background: #ededed url(http://static.tumblr.com/ftv85bp/MIXmud4tx/search-icon.png) no-repeat 9px center;
	border: solid 1px #ccc;
	padding: 9px 10px 9px 32px;
	width: 55px;
	
	-webkit-border-radius: 10em;
	-moz-border-radius: 10em;
	border-radius: 10em;
	
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s;
}
input[type=search]:focus {
	width: 130px;
	background-color: #fff;
	border-color: #66CC75;
	box-shadow: 0 0 5px rgba(109,207,246,.5);
}


/* Demo 2 */
#cse-search-box input[type=search] {
	width: 15px;
	padding-left: 10px;
	color: transparent;
	cursor: pointer;
}
#cse-search-box input[type=search]:hover {background-color: #fff;}

#cse-search-box input[type=search]:focus {
	width: 130px;
	padding-left: 32px;
	color: #000;
	background-color: #fff;
	cursor: auto;
}
#cse-search-box input:-moz-placeholder {color: transparent;}
#cse-search-box input::-webkit-input-placeholder {color: transparent;}

#preheader{        
    width:100%;
    display:inline-block;
    font-size:12pt;    
    padding: 10px;    
    height:60px;
    background: white;
    text-align: center;     
}

#preheader a {
    padding:10px;
    display:inline-block; 
    color: #333;
    margin: auto 10px;    
    border-width:1px;
}
#preheader a:hover {color: #777;}

#linksbox{
    float:right; 
    text-align:right
}

#preheadcontainer{
    margin:auto;
    text-align:left;
    max-width:1000px;
    min-width:320px;
    width:90%;
}

#preheader form {float:left}

#wrapper {    
    max-width:1000px;
    min-width:320px;
    width:90%;
	position:relative;		
	height: auto;
	margin: 15px auto;
	text-align:left;	    
	overflow: hidden;
    padding-bottom: 50px;
}

#french {
	position:relative;
	width:100%;
	margin: 0 auto;
	text-align:left;
	padding-bottom:7px;
}

.frenchtext {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
}

.frenchtext a:link, .frenchtext a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
.frenchtext a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}
 
#clear {clear:both;}

/*-------position container elements-----------*/
#header{
	position:relative;	
	width:100%;
    background:linear-gradient(rgba(255,255,255,0), rgba(0,0,0,0.1))
	}
#frenchheader{
	position:relative;
	height:158px;
	width:100%;
	}
#content {
	width: 100%;
	}
#footer {
	width: 776px;
	background:#666;
	padding: 7px 7px 7px 7px;
	}
.credittext {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #fff;
	float: right;
	margin-top: -25px;
	}
.credittext a:link {
	color: #FFFFFF;
	text-decoration: none;
}
.credittext a:hover {
	color: #6600CC;
	text-decoration: underline;
}
.credittext a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
p.topbanner{
	background-color: Black;
}
.banner-block img{
    width:100%;        
}

#news-left{padding-top:35px}

.news-row{padding:20px;}

.news-row img{width:100%}

h2{
	border-left:4px solid #00547c;
}
h2, h3{
	font-weight:bold;	
	padding-left:5px;
	margin-bottom:20px;
}

h3{
	text-align:center;
	font-size:16pt;
}

.banner-block{
    display:block;
    width:100%;	
}
.banner-title{		
	font-size: 2.5em;
	letter-spacing: 3;
	color: black;
	font-weight: 800; 
	text-align:center;
	/*! vertical-align: bottom; */
	margin-top: 65px;
}

.pull-quote{
	background-color:#fff5af;		
	padding-left:30px;
	padding-top:20px;
	padding-bottom:20px;	
	margin:20px -50px 20px -50px;
	font-weight:bold;
	font-size:14pt;
	text-align:center;
}

.main-content hr{
	width:80%;
	border-color: #c1b878;
	border-width:2px;
	margin:40px auto;
}

.action-text{
	font-weight:bold;
	color:#1a90c8;
	font-size:110%;	
}

#visit{
	text-align:right;	
}

#visit p{
	font-size:10pt;	
}
#visit a{
	display:inline-block;
	border-right:2px solid black;
	padding-right:5px;	
	padding-left:2px;	
	line-height: 15px;
}

@media only screen and (max-width: 780px){
    .side-link p{font-size: 16pt;}
}

.side-link-grad{
    z-index:99;
    position: absolute;
    width:100%;
    background: linear-gradient( rgba(255,255,255,0.1), rgba(255,255,255,0.8));
    height:50px;
    border-radius:10px;
}

.side-link-grad{bottom:0px}


/* large screen only styles*/
@media only screen and (min-width: 991px){
    .side-link:first-child{margin-top:0px;}
    .side-link{margin-right:6%}
    .main-right{width:26%; float:right}    
    #news-center img{width:50%;}
}

/*small only styles*/
@media (max-width: 991px) {      
    h1 {font-size:23pt}
	.side-link p{padding-left:10%}
    .main-right{
        width:98%;
        float:left;
        padding: 0px 3%;
        margin-top:-20px;
    }
    .slide-box-sm{
        width:100%;
        padding:0 5% 2% 5%;
        z-index:0;
    }    
    .side-link{
        width:33%;
        padding:0px;
        display:inline-block;
        margin-left:auto;
        margin-right:auto;
    }
    .side-link img{
        display:inline;
        width:100%;        
    }
    .side-link img, .side-link-grad{
        margin-left:5%;
        margin-right:5%;
    }
    .side-link img:first-child{margin-right:0px;}
    .side-link img:last-child{margin-left:0px;}
    #news-center img{width:100%;}
}
/* extra small styles */
@media (max-width: 550px) { 
	.main-right{margin-top:-10pt}
	h1 {font-size:18pt}
	#wrapper{margin:1%;width:98%}
	h3 {font-size:12pt !important;}
	.side-link p{font-size: 10pt;}
    .socialbox{display:block;z-index:1000;background-color:rgba(255,255,255,.5)}
}


#campaigns {
	float:right;
	margin:9px 10px 5px 1px;
}
#action {
	float:left;
	width: 226px;
	margin:5px 6px 9px 15px;
}
#news{
	float:left;
	width: 223px;
	height: 309px;
	margin:5px 6px 9px 9px;
}
#newscontent{
	padding: 7px 15px 15px 18px;
	background:url(images/constant/newsboxbg.jpg)  no-repeat;
	height: 400px;
	overflow:hidden;
	}
#lamb {
    position:absolute;
    bottom:0px;
    right:0px;
    padding: 0px;
    z-index: 0;
}
#lamb img{height:auto;}


/*---main navigation styles---*/
#gobtn {
	float:right;
	margin-top: -23px;
	margin-left: 6px;
	margin-right: 8px;
	}

.MenuBarActive{ z-index: 10; display:block}




.navbar-inverse .navbar-nav>li>a, .navbar-inverse .navbar-nav>li>a{
    color: #fff;
    background-color: transparent;
}

ul.MenuBarHorizontal ul li {z-index:200}

input.navigation { height: 5px; width: 14px; }
#searchbar {
	margin-top: -10px;	
	padding-right:10px;
	float:right;
    font-size: 10pt;
	}

/*---main text styles---*/
p{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.15;	
	font-style: normal;
	word-spacing: normal;
	font-size:13pt;
	margin-bottom:15px;
}

.main-content{   	
	padding-top:50px;
	padding-bottom:50px;	
	padding-left:50px;
	padding-right: 50px;
}


.main-content>img{  
  display: block;
	margin:20px auto;
	width:100%;
	max-width:500px;
}
.gallery-box{
	flex: 1 0 50%;
	max-width:50%;
}
.mini-gallery{font-size:0pt;}
.mini-gallery img{width:100%;}
.mini-gallery figure{		
	padding:5px;
	font-size:12pt;
	color:black;	
	margin:0px;			
	padding-bottom:15px;
}
.mini-gallery{
	display:flex;
	flex-wrap: wrap;		
}

.socialbox img{
    float:left;
    width:40px;
    margin-right:5%;
    margin-top:-10px;
}

.socialbox span{
    padding:3px;
    display: table-cell;
    vertical-align: middle;
    height:45px;
    width:100%;
    color: black;
}

#news-social a:hover{text-decoration: underline; z-index:1}
#news-social {z-index:1}
#news-center img {border-radius:10px}
.linkbox a:hover, .linkbox a:link, .linkbox a:visited{
    color:black;
    text-decoration:none;
}
.socialbox{	
	display: table;
    width:100%;
    height:50px;
    margin: 10px 0px;
    padding-top:5px;
}

.linkbox{
    transition: all .5s; 
}
.linkbox:hover {    
    box-shadow: 
        3px 6px 17px 0px rgba(0,0,0,0.35), 
        inset 0 0 100px 100px rgba(255, 255, 255, 0.3);
}


.selected-bar{
	display:inline-block;
	height:100%;
	color:white;
	float:left;
}

#navigation{
	display:block;
	height:40px;
	font-size:13pt;	
}
#navigation a, #navigation .selected-bar, #curpage{
	padding-top:5px;
}


#navigation #curpage{
	position:absolute;
	left:-150px;	
	color:white;	
	font-weight:bold;
	width:150px;
	z-index:10;
}


/*---inner pages styles---*/
#sidebar {
	float: left;
	width: 226px;
	margin:12px 5px 12px 8px;
	}	
#innercampaigns {
	float:left;
	margin-bottom: 11px;
	margin-left: 5px;
	width:216px;
}
#inneraction {
	width: 226px;
	height: 310px;
	float:left;
}
#maincontent{
	float: right;
	width: 540px;
	margin-right: 10px;
	margin-top: 12px;
	}
#frenchmaincontent{
	width: 100%;
	width: 290px;
	}
#text {
	margin: 18px;
	min-height: 450px;
	}
#frenchtext {
	margin: 18px;
	width: 750px;
	}	

h1, h2{
    font-family:palatino, serif;
}
#newsheader{margin-top:25px !important }
.linkbox h2, .linkbox h3, #news-social h3, #newsheader, #news-left h2, .text-content h1{	
    margin-top:10px;
    font-weight:800;
}
.text-content h3{font-size: inherit;font-weight: inherit;}
.text-content h2{font-size: 14pt;font-weight: bold;}
.text-content p{margin:20px; line-height: 1.2;}
.text-content{font-size: 12pt;}
.text-content h3{
	margin-left:20px;
	font-weight: bold
}

.teaser{
	font-size: 11pt;
	margin:0px 0px 10px 60px;	
    display:block;
}
.teaser:before{
	content:"New! ";
	color:red;
}
.teaser {color:black}

ol {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 15px;
	color: #000000;
	list-style-position: outside;
	margin-left: 30px;
	font-style: normal;
}
#searchtext {
	width: 400px;
	margin: 15px;
	}
/*---video pages styles---*/
#videotext {
	margin: 18px;
	}	
#clarkfarms {
	padding: 0px 0px 0px 30px;
	}	
#batteryvideo {
	padding: 0px 0px 0px 80px;
	}
#pigslaughter {
	padding: 0px 10px 0px 20px;
	}
#cowslaughter {
	padding: 0px 10px 0px 20px;
	}		
/*---sitemap pages styles---*/
#sitemaptext {
	margin: 18px;
	width: 240px;
	float:left;
	}
#sitemaptext2 {
	width: 240px;
	float:right;
	margin-top: 55px;
	}

@media (min-width: 825px) {   		
	#navigation a, #curpage{
			display:inline-block;
			/*! min-width:0px; */	
			text-align:center;			
			color:black;
			transition: all -.5s;
			font-size: 12pt;
	}
    #navigation a {width:25%;}
    #navigation a:hover{
        background-color: #00547c;
        color:white;	
        text-decoration: none;	
        height: 100%;
	}
	#navigation, .main-content{
		position:relative;
		border-left:150px solid #00547c;
	}
	.selected-bar{	
		top:0px;
		width:150px;
		background-color:#00547c;	
		text-align:center;	
		float:left;	
	}	
}

@media (max-width: 825px) { 
	#navigation{
		display:block;
		height:auto;
	}
	#navigation a{
		font-weight:bold;
		height:40px;		
		color:black;
		width:100%;
		display:block;
		text-align:center;		
		border:1px solid black;
		background-color:#e9e9e9;
	}	
	
	.main-content{		
		padding: 20px;
	}
	.pull-quote{
		padding-right:50px;
		padding-left:50px;
		font-size:90%;
	}
	.banner-title{font-size:22pt;}
  .navbar-header {float: none;}    
  .navbar-left,.navbar-right {float: none !important;}
  .navbar-toggle {display: block; float:left}
  .navbar-collapse {
      border-top: 1px solid transparent;
      box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
  }
  .navbar-fixed-top {top: 0; border-width: 0 0 1px;}
  .navbar-collapse.collapse {display: none!important;}
  .navbar-nav {float: none!important; margin-top: 7.5px;}
  .navbar-nav>li {float: none;}
  .navbar-nav>li>a {padding-top: 10px; padding-bottom: 10px;}
  .collapse.in{display:block !important;}
}