/*
CSS for On The Loose site
*/

html,
body {
  	font-family: arial, "Arial MT", helvetica, sans-serif;
	font-size: 13px;
	font-weight: 500;
	padding: 0;
	margin: 0;
	height:100%;
	color: #121011;
}

table{
	margin: 10px
	}
	
table#press td  {
	border: 1px solid #ffffff;
	vertical-align: middle;
	text-align:center;
	
}
	
table#press  td:hover.hovred{
	border: 1px solid #c23c21;
}



a:link {
	  text-decoration: underline;
	  font-size: 13px;
	  font-weight: 500;
	  color: #121011;
	  }	  	  

a:hover {
	  text-decoration: none;
	  }	  

p  {
	padding-left: 10px;
	padding-right: 10px;
	}
	  
p .headings {
    padding-left: 10px;
	font-size: 16px;
	font-weight: 600;
}

p .headings2 {
    padding-left: 10px;
	font-size: 14px;
	font-weight: 600;
}

#header {
  background-color: #121011;
  width: 100%;
  height: 40px;
  padding: 0;
  margin: 0;
}

#wrapper {
  background-color: white;
  position: relative;
  width: 1020px;
  margin-left: auto;
  margin-right: auto;
  padding: 1px;
}

#title {
  position: relative;
  height: 90px;
  margin: 0;
  padding: 0;
}

#logo a {
  float:left;
  background:url(images/headerv13.png) no-repeat;
  display: block;
  width: 420px;
  height: 80px;
  margin-left: 10px;
  margin-top: 10px;
  margin-bottom: 0px;
}

a#logoimg {

  width: 420px;
  height: 80px;
  margin-left: 10px;
  margin-top: 10px;
  margin-bottom: 0px;
}

#mainnavigation { 
  float:left;
  padding-top: 15px;
  width: 500px;
  height: 70px;
}

#bodycontent {
	  margin-left: 10px;
	  margin-right: 10px;
	  margin-top: 20px;
	  margin-bottom: 10px;
	  width: 100%;
}

.homepage {height: 900px; }
.other {height:780px;}
.csheight {height:1020px;}
.ndsheight{height: 1050px;}
.fowlheight{height: 1070px;}
.fmheight{height: 1400px;}
.bmheight{height:1900px;}
.pressheight{height:2050px;}

#bodycontent .headings {
 	  font-family: arial;
	  font-size: 15px;
	  }

#bodycontent_main{
	float: left;
	width: 710px;
	margin: 0;  
	}
	
#bodycontent_side_holder{
    float:left;
	padding: 0;
	width: 270px;
}

#bodycontent_side{
	  float: left;
	  padding: 0;
	  width: 270px;
	  height: 28px;
	  background: url(images/whats_on.png) no-repeat;
	  border-bottom: 1px solid black;
}

#bodycontent_side2{
	  float: left;
	  padding: 0;
	  width: 270px;
	  height: 190px;
}

.whatson {
	  position:relative;
	  padding: 0;
	  margin-top: 10px;
	  width: 270px;
	  height: 50px;
}

.whatson_sub {
	  float:left;
	  padding: 0;
	  width: 270px;
	  height: 50px;
	  background: url(images/wobg.png) no-repeat;
}

.whatson_link {
	  position: absolute;
	  top: 0px;
	  left: 0px;
	  padding: 0;
	  margin: 0;
	  width: 270px;
	  height: 50px;
      background: url(images/wobgv2.png) no-repeat;
	    opacity:0.0;
  filter:alpha(opacity=0); /* For IE8 and earlier */
}

.whatson_link:hover{
	background-position: 0 -50px;
	opacity:0.3;
    filter:alpha(opacity=30); /* For IE8 and earlier */
}

#whatson2{
	  float: left;
	  padding: 0;
	  margin-top: 10px;
	  width: 270px;
	  height: 50px;
      background: url(images/wobg.png) no-repeat;
}

#whatson3{
	  float: left;
	  padding: 0;
	  margin-top: 10px;
	  width: 270px;
	  height: 50px;
      background: url(images/wobg.png) no-repeat;
}

#whatsonmarketpic{
	  float: left;
	  padding: 0px;
	  margin: 5px;
	  width: 60px;
	  height: 40px;
	  background: url(images/whatson/market.jpg) no-repeat;
}

#whatsonheartpic{
	  float: left;
	  padding: 0px;
	  margin: 5px;
	  width: 60px;
	  height: 40px;
	  background: url(images/whatson/HEART.jpg) no-repeat;
}

#whatsoncafepic{
	  float: left;
	  padding: 0px;
	  margin: 5px;
	  width: 60px;
	  height: 40px;
	  background: url(images/whatson/cs.jpg) no-repeat;
}

#whatsonmarkettxt{
	  float: left;
	  padding: 0px;
	  margin-top: 10px;
	  margin-left: 5px;
	  width: 175px;
}

#whatsonmarkettxt2{
	 font-size: 11px;
	 font-weight: 500;
	 color: #c23c21;
}

#bodycontent_side3 a {
	  float: left;
	  padding: 0;
	  width: 270px;
	  height: 28px;
	  background: url(images/heart_con.png) no-repeat;
	  border-bottom: 1px solid black;
}

#bodycontent_side4{
	  float: left;
	  padding: 0;
	  width: 270px;
}

#bodycontent_side5{
	  float: left;
	  margin-top: 10px;
	  padding: 0;
	  width: 270px;
	  height: 28px;
	  background: url(images/additional_info.png) no-repeat;
	  border-bottom: 1px solid black;
}

#bodycontent_side6  {
	  float: left;
	  padding: 0;
	  margin-top: 20px;
	  background: url(images/csbgv3.png) no-repeat;
	  width: 270px;
	  height: 360px;
}

#bodycontent_side6_img  a {
	  position: relative;
	  margin-top: 25px;
	  display: block;
	  margin-right:auto;
	  margin-left: auto;
	  width: 175px;
	  height: 238px;
}

#bodycontent_side6b_img  {
	  position: relative;
	  margin-top: 25px;
	  display: block;
	  margin-right:auto;
	  margin-left: auto;
	  width: 147px;
	  height: 200px;
}

.ndspdf  a  {background: url(images/HNDSv2.jpg) no-repeat;}
.fmpdf  {background: url(images/fmposter.jpg) no-repeat;}

#bodycontent_side6_txt {
	position: relative;
	margin-top: 15px;
	margin-right:auto;
	margin-left: auto;
	width: 250px;
	height: 80px;
}

#bodycontent_side7  {
	  float: left;
	  padding: 0;
	  margin-top: 20px;
	  background: url(images/csbgv4.png) no-repeat;
	  width: 270px;
	  height: 80px;
}

#bodycontent_side7 p {
      padding-left: 10px;
	  padding-right: 10px;
	  } 
	  
#bodycontent_side8  {
	  float: left;
	  margin-top: 20px;
	  padding: 0;
	  background: url(images/csbgv5.png) no-repeat;
	  width: 270px;
	  height: 160px;
	  font-size: 13px;
}

	  
#slider_wrapper {
	position: relative;
	width: 100%;
}

#slider {
	position: relative;
	width: 700px;
	height: 465px;
	background: url(images/loading.gif) no-repeating 50% 50%;	
}

#slider img {
	position: absolute;
	top: 0;
	left: 0;
	display: none;

}
	
#slider a {
    border: 0;
	display: block;
}

.nivoSlider {
	position:relative;
	 behavior: url(PIE.htc);
	border-radius: 10px;

}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:6;
	display:none;
}
/* The slices and boxes in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:5;
	height:100%;
}
.nivo-box {
	display:block;
	position:absolute;
	z-index:5;
}
/* Caption styles */
.nivo-caption {

	position:absolute;
	left:0px;
	bottom:0px;
	background: url(images/nivo/cap2.png) no-repeat;
	color:#ffffff;
	opacity:0.8; /* Overridden by captionOpacity setting */
	height: 60px;
	width:100%;
	z-index:8;
	font-size:12pt;
	font-family: arial, helvetica, sans-serif;

}

.nivo-caption p {
	padding-left:10px;
	padding-top: 6px;
	margin:0;
}

.nivo-caption p  .sml{
    font-size:11px;
	color: #c23c21;
	padding-top: 2px;
	margin:0;
}

.nivo-caption p  .sml a{
    font-size:11px;
	color: #c23c21;
	text-decoration: none;
}

.nivo-caption p  .sml a:hover{
    font-size:11px;
	color: #95896C;
	text-decoration: none;
}

.nivo-caption a {
	display:inline !important;
}
.nivo-html-caption {
    display:none;
}


/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:9;
	cursor:pointer;
	background: url(images/arrows.png) no-repeat;
	text-indent: -9999px;
	width: 30px;
	height: 30px;
	display: block;
}
a.nivo-prevNav {
	left:15px;
}
a.nivo-nextNav {
	right:15px;
	background-position: -30px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav  {
	margin-left: 266px;
}

.nivo-controlNav a {
	position:relative;
	z-index:9;
	cursor:pointer;
	float: left;
	background: url(images/bullets2.png) no-repeat;
	width: 22px;
	height: 22px;
	text-indent: -9999px;
	margin-top: 330px;
}
.nivo-controlNav a.active {
	background-position: 0 -22px;	
}

#twitter_m {
float: left;
width: 100%;
padding: 0;
margin: 0;
background:#ffffff;
}
#twitter_container {
float: left;
min-height:45px;
height:auto !important;
height:40px;
padding: 0;
margin: 0;
width: 100%;
}
#twitter_update_list {
float: left;
width: 100%;
margin: 0; 
padding: 0;
overflow: hidden;
font-size: 11px;
color: #393939;
line-height: 14px;
}
#twitter_update_list li {
background: url(images/twitter_icon4.png) no-repeat;
width: 230px;
list-style: none;
margin-left: 5px;
padding-left:37px;
padding-top: 10px;
padding-bottom: 10px;
border-bottom: dotted 1px #ccc;
}
#twitter_update_list li a {
color:#c23c21;
font-size: 11px;
text-decoration: none;
}
#twitter_update_list li a:hover {
color: #31353d;
}
#twitter_b {
width: 250px;
height: 29px;

}

/* bottom content */

#bottombodycontent {
	  float: left;
	  font-family: Arial, helvetica, sans-serif;
	  font-size: 13px;
	  margin-top: 10px;
	  padding: 0;
	  height: 380px;
	  color: #393939;
	  width :100%;
}

#bottombodycontent_left{
	  float: left;
	  width: 315px;
	  padding: 0;
	  margin: 0;
	  height: 100%;
}

#bottombodycontent_left_title a {
	  float: left;
	  width: 100%;
	  height: 28px;
	  background: url(images/about.png) no-repeat;
	  padding: 0;
	  margin: 0;
	  border-bottom: 1px solid black;
}

#bottombodycontent_left_holder{
	  float:left;
	  width: 100%;
	  height: 100%;
	  padding: 0;
	  margin: 0;
}

#bottombodycontent_left_img{
 
	  position: relative;
	  width: 280px;
	  height: 175px;
	  background: url(images/aboutconmini.png) no-repeat;
	  padding: 0;
	  margin-top: 10px;
	  margin-left: auto;
	  margin-right: auto;
}

#bottombodycontent_left_txt{
	  position: relative;
	  line-height:130%;
	  width: 310px;
	  height: 140px;
	  padding: 0;
	  margin-left: auto;
	  margin-right: auto;
}

/*#bottombodycontent_left_txt a:link{
	padding-left: 10px;
	padding-right: 10px;
	}*/

#bottombodycontent_centre{
	  float: left;
	  width: 315px;
	  height: 400px;
	  padding: 0;
	  margin-left: 20px;
}

#bottombodycontent_centre_title a{
	  float: left;
	  width: 100%;
	  height: 28px;
	  background: url(images/members.png) no-repeat;
	  padding: 0;
	  margin: 0;
	  border-bottom: 1px solid black;
}

#bottombodycontent_centre_holder{
	  float:left;
	  width: 100%;
	  height: 215px;
	  padding: 0;
	  margin: 0;
}

#bottombodycontent_centre_img{
	  position: relative;
	  width: 280px;
	  height: 175px;
	  background: url(images/volunteersmini.jpg) no-repeat;
	  padding: 0;
	  margin-top: 10px;
	  margin-left: auto;
	  margin-right: auto;
}

#bottombodycontent_centre_txt{
	  position: relative;
	  line-height:130%;
	  width: 310px;
	  height: 140px;
	  padding: 0;
	  margin-left: auto;
	  margin-right: auto;
}

/*#bottombodycontent_centre_txt a:link{
	padding-left: 10px;
	padding-right: 10px;
	}*/

#bottombodycontent_right{
	  float: left;
	  width: 315px;
	  height: 400px;
	  padding: 0;
	  margin-left: 20px;
}

#bottombodycontent_right_title a {
	  float: left;
	  width: 100%;
	  height: 28px;
	  background: url(images/heart.png) no-repeat;
	  padding: 0;
	  margin: 0;
	  border-bottom: 1px solid black;
}

#bottombodycontent_right_holder{
	  float:left;
	  width: 100%;
	  height: 215px;
	  padding: 0;
	  margin: 0;
}

#bottombodycontent_right_img {
	  position: relative;
	  width: 280px;
	  height: 175px;
	  background: url(images/heartmini.png) no-repeat;
	  padding: 0;
	  margin-top: 10px;
	  margin-left: auto;
	  margin-right: auto;
}

#bottombodycontent_right_txt{
	  position: relative;
	  line-height:130%;
	 /* letter-spacing:em;*/
	  width: 310px;
	  height: 140px;
	  padding: 0;
	  margin-left: auto;
	  margin-right: auto;
}

/*#bottombodycontent_right_txt a:link{
	padding-left: 10px;
	padding-right: 10px;
	}*/

/* Navigation bar */

#menu {
	float:left;
	list-style: none;
	padding: 0;
	margin: 0;
	width: 500px;
	height: 70px;
	position: relative;
}

#menu a {
	padding-left: 10px;
	padding-top: 10px;
	display: block;
	position: absolute;
	text-decoration: none;
	}
	
#menu a:visited {
	color: #121011;
	}
	
#menu a:hover {
	background-position: 0 -40px;
}
#menu a:hover span{
	display: block;
}

#menu #current {
	background-position: 0 -80px;
	color: #cd3333;
}

#menu .heart {
    float:left;
	width: 40px;
	height: 30px;
	background: url(images/menu/circle.png) no-repeat;
	left: 0px;
	top: 10px;
	z-index:1;
}

#menu .fm {
    float:left;
	width: 99px;
	height: 30px;
	background: url(images/menu/circle2.png) no-repeat;
	left: 50px;
	top: 10px;
}

#menu .nfs{
    float:left;
	width: 113px;
	height: 30px;
	background: url(images/menu/circle3.png) no-repeat;
	left: 159px;
	top: 10px;
}

#menu .co{
    float:left;
	width: 53px;
	height: 30px;
	background: url(images/menu/circle4.png) no-repeat;
	left: 280px;
	top: 10px;
}

#menu .pf{
    float:left;
	width: 81px;
	height: 30px;
	background: url(images/menu/circle5.png) no-repeat;
	left: 347px;
	top: 10px;
}

#menu .cs{
    float:left;
	width: 116px;
	height: 30px;
	background: url(images/menu/circle6.png) no-repeat;
	left: 438px;
	top: 10px;
}

/* header menu */

#headernav { 
  float:right;
  padding: 0px;
  width: 690px;
  height: 40px;
 /* background: url(images/menuv2.png) no-repeat;*/
}

#headermenu {
	float:right;
	list-style: none;
	padding: 0;
	margin: 0;
	width: 750px;
	height: 40px;
	position: relative;
}
#headermenu span {
	display: none;
	position: absolute;
}
#headermenu a {
	display: block;
	position: absolute;
	text-decoration: none;
	color: #ffffff;
	padding-top: 11px;
	padding-left:6px;
	font-size: 13px;

}

	
#headermenu a:visited {
	color: #ffffff;
	}
	

#headermenu a:hover {
	background-position: 0 -40px;
}
#headermenu a:hover span{
	display: block;
}


#headermenu #current {
	background-position: 0 -80px;
	color: #cd3333;
}

#headermenu .about {

	width: 39px;
	height: 30px;
	background: url(images/menu/circle7.png) no-repeat;
	left: 0px;
	top: 0px	;
}
#headermenu .contact {

	width: 50px;
	height: 30px;
	background: url(images/menu/circle8.png) no-repeat;
	left: 49px;
	top: 0px;
}

#headermenu .bm {

	width: 97px;
	height: 30px;
	background: url(images/menu/circle9.png) no-repeat;
	left: 109px;
	top: 0px;
}

#headermenu .member {

	width: 79px;
	height: 30px;
	background: url(images/menu/circle10.png) no-repeat;
	left: 216px;
	top: 0px;
}

#headermenu .hh {

	width: 46px;
	height: 30px;
	background: url(images/menu/circle11.png) no-repeat;
	left: 305px;
	top: 0px;
}

#headermenu .ds {

	width: 107px;
	height: 30px;
	background: url(images/menu/circle12.png) no-repeat;
	left: 361px;
	top: 0px;
}

#headermenu .news {

	width: 67px;
	height: 30px;
	background: url(images/menu/circle13.png) no-repeat;
	left: 478px;
	top: 0px;
}

#headermenu .press {

	width: 61px;
	height: 30px;
	background: url(images/menu/circle14.png) no-repeat;
	left: 555px;
	top: 0px;
}

#headermenu .las {

	width: 112px;
	height: 30px;
	background: url(images/menu/circle15.png) no-repeat;
	left: 626px;
	top: 0px;
}

#bottombodycontent  a{
	color: #c23c21;
    font-family: arial;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;	
}

.blet {
	color: #c23c21;
    font-family: arial;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}

#bottombodycontent a:link .blet  {
	color: #c23c21;
    font-family: arial;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;	
}

#bottombodycontent a:hover  {
	color: #95896C;
    font-family: arial;
	font-size: 11px;
	text-decoration: none;	
}

#bottombodycontent a:hover .blet  {
	color: #95896C;
    font-family: arial;
	font-size: 11px;
	text-decoration: none;	
}


#footer {
  position: relative;
  background-color: #121011;
  width: 100%;
  height: 90px;
 }
 
#footer_holder{
  position: relative;
  width: 1000px;
  height: 90px;
  margin-top: 10px;
  margin-left: auto;
  margin-right: auto;
  }

 
#footer_img {
  float: left;
  background: url(images/HDT-logo-cust1mini.png) no-repeat;
  margin-top: 10px;
  width: 80px;
  height: 70px;
  } 
  
#footer_container {
  float:left;
  width: 200px;
  height: 60px;
  color: #ffffff;
  font-size: 11px;
  font-weight: 500;
  padding: 0;
  }
  
#footer_container p {
	padding: 0;
}
  
#footer_container_menu {
  float: right;
  width: 555px;
  height: 60px;
  color: #ffffff;
  font-size: 11px;
  font-weight: 500;
  margin-top: 10px;
  padding: 0;
  }
  
#footer_menu {
	float: left;
	list-style: none;
	padding: 0;
	margin: 0;
	width: 550px;
	height: 20px;
}

#footer_menu li {
    display: inline;
}

#footer_menu a {
	text-decoration:none;
    color:white;
}
  
#footer_menu a:link {
	font-size: 11px;
	color: #ffffff;
    font-size: 11px;
	text-decoration: none;	
}

#footer_menu a:hover {
	font-size: 11px;
	color: #c23c21;
    font-size: 11px;
	text-decoration: none;	
}

  
  a .alt { display: none; }

  
/*sub pages*/

#content{
	  position: relative;
	  padding: 0;
	  width: 700px;
	  height: 28px;
	  border-bottom: 1px solid black;
}

.aboutheaderimg{background: url(images/about.png) no-repeat;}
.contactheaderimg{background: url(images/contact.png) no-repeat;}
.csheaderimg{background: url(images/cs.png) no-repeat;}
.hdsheaderimg{background: url(images/hds.png) no-repeat;}
.membershipheaderimg{background: url(images/membership.png) no-repeat;}
.hhheaderimg{background: url(images/hh.png) no-repeat;}
.fowlheaderimg{background: url(images/fowl.png) no-repeat;}
.farmersheaderimg{background: url(images/farmers_market.png) no-repeat;}
.bmheaderimg{background: url(images/boardmems.png) no-repeat;}
.pressheaderimg{background: url(images/thepress.png) no-repeat;}
.biglunchheaderimg{background: url(images/thebiglunchtxt.png) no-repeat;}

#content_img{
     margin-top: 10px;
	  position: relative;
	  padding: 0;
	  width: 700px;
	  height: 300px;
}

.aboutcontentimg{background: url(images/about/about_con.jpg) no-repeat;}
.contactcontentimg{background: url(images/about/contact_con.jpg) no-repeat;}
.cscontentimg{background: url(images/about/cs_con.jpg) no-repeat;}
.hdscontentimg{background: url(images/about/hds_con.jpg) no-repeat;}
.membershipcontentimg{background: url(images/about/membership_con.jpg) no-repeat;}
.hhcontentimg{background: url(images/about/hh_con.jpg) no-repeat;}
.fowlcontentimg{background: url(images/about/fowl_con.png) no-repeat;}
.farmerscontentimg{background: url(images/about/farmers_con.jpg) no-repeat;}
.bmcontentimg{background: url(images/about/bm_con.jpg) no-repeat;}
.presscontentimg{background: url(images/about/press_con.jpg) no-repeat;}
.biglunchcontentimg{background: url(images/about/biglunch_con.jpg) no-repeat;}

#content_txt{
	  position: relative;
	  padding-top: 10px;
	  width: 100%;
	  height: 300px;
	  font-family: arial;
	  font-size: 13px;
	  font-weight: 500;
	  color: #393939;
	  line-height:130%;
}

#about_menu {
	padding-left: 20px;
	margin: 0;
}

#about_menu li {
    padding: 5px;
}

#content_txt  .headings {
      padding-left: 10px;
 	  font-family: arial;
	  font-size: 16px;
	  font-weight: 600;
	  color: #393939;
	  }

#content_txt p {
	  padding-left: 10px;
	  padding-right: 10px;
	  }
	  
#content_txt a:link {
	  color: #393939;
	  }	  	  

#content_txt1{
	  float:left;
	  padding-right: 20px;
	  width: 375px;
}

#content_txt2{
	  float: left;
	  padding: 0;
	  width: 300px;
}

#content_txt2sub1{
	  position: relative;
	  background: url(images/csbgv7.png) no-repeat;
	  padding-top:5px;
	  margin: 0;
	  width: 350px;
	  height: 660px;
}

.txt1{
    font-size: 15px;
	font-weight: 600;
}

.txt2{
	color: #c23c21;
	}

#content_txt2sub3{
	  position: relative;
	  margin-top:10px;
	  background: url(images/csbg.png) no-repeat;
	  padding-top: 5px;
	  width: 300px;
	  height: 325px;
}

#content_txt2sub4{
	  position: relative;
	  margin-top:10px;
	  background: url(images/csbg.png) no-repeat;
	  padding-top: 5px;
	  width: 300px;
	  height: 325px;
}

#content_txt2sub1_img  {
	  position: relative;
	  display: block;
	  margin-right:auto;
	  margin-left: auto;
	  width: 250px;
	  height: 150px;
}

.pig { background: url(images/pigs.jpg) no-repeat;}
.chick {background: url(images/chickensv2.png) no-repeat;}



#content_txt2sub2{
	  position: relative;
	  margin-top:10px;
	  background: url(images/csbgv2.png) no-repeat;
	  padding-top: 10px;
	  width: 350px;
	  height: 170px;
}

#content_txt1 .headings {
 	  font-family: arial;
	  font-size: 16px;
	  font-weight: 600;
	  color: #393939;
	  }

#content_txt2 p {
	  padding-left: 20px;
	  padding-right: 20px;
	  }	  
	  
#content_txt2 .headings {
	  font-size: 13px;
	  font-weight: 600;
	  padding-left: 20px;
	  padding-right: 20px;
	  }