/* CSS Template for [Company/Organization] */

/* all sytles should be structured as follows:
******************************************
call (descriptive element names are required) { / comments for what the call is used for if the call doesnt explain enough (eg. .nav p { \* paragraph style for copy in the nav area *\) /
	position: value;
	flaot: value; / if aplicable /
	width: value; / plese use px if possible only use % if under 100%/
	height: value; / please use px if possible and if height is absolutely neccisary please comment behind with IMPORTANT, otherwise omit /
	background: color image repat position;
	color: value;
	font-family: value;
	font-size: value; / please use pt or em if possible or size types like "small", "larger", "x-small", etc. /
	font-whatever: value; / all other font styles /
	margin: top-value right-value bottom-value left-value;
	padding: top-value right-value bottom-value left-value;
	text-whatever: value;
	display: value;
	border: width style color;
	any other styles...
}	
******************************************
if possible please use #hhh; for colors */
@font-face {
    font-family: 'BENJAMIN';
    src: url('benjami-webfont.eot');
    src: url('benjami-webfont.eot?#iefix') format('embedded-opentype'),
         url('benjami-webfont.woff') format('woff'),
         url('benjami-webfont.ttf') format('truetype'),
         url('benjami-webfont.svg#BENJAMINRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

html, body {
	background: #f3eed0;
	margin: 0;
	padding: 0;
	text-align: center;
} 
 
#container {
	width: 760px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
	color: #000;
	border-left: 1px solid #990000;
	border-right: 1px solid #990000;
} 

#top_wrap {
	width: 565px;
	float: left;
	background: #ffffff;
}

#toplinks {
	width: 220px;
	position: absolute;
	left: 0px;
	top: 30px;
	color: #5E0020;
	font-size: 10px;
	font-weight: bold;	
	text-align: left;
	margin-left: -50px;
}

#toplinks A {
	text-decoration: none;
}

#tabs {
	float: right;
	top: 74px;
	right: 0px;
	z-index: 2;
	position: absolute;
}
 
#header {
	/*border: 1px solid green;*/
	background: #ffffff;
} 

#top {
	height: 92px;
	position: relative;
	margin-bottom: 2px;
	background: #ffffff;
}

#search {
	height: 50px; 
	width: 180px; 
	position: absolute;
	top: 5px;
	right: 0px;
	text-align: right;
	/*border: 1px solid Red;*/
}

#logo {
	width: 283px;
	height: 91px;
	position: absolute;
	top: 2px;
	left: 2px;
}

#right {
	width: 195px;
	height: 222px;
	float: right;
	padding: 0px;
	margin: 0px;
	font-size: 11px;
	font-weight: bold;
	position: relative;
	background: #ffffff;
}

#right IMG {
	margin-bottom: 0px; 
}

#bloghome {
	margin-top: 35px;
	width: 180px;
	height: 120px;
}

#bloghome P {
	margin-top: 30px;
}

#latestnews {
	position: absolute;
	left: 0px;
	top: -7px;
	z-index: 10;
	/*border: 1px solid blue;*/
}

#news {
	background: url(/media/home/news_back_new.png) no-repeat;
	background-position: bottom;
	width: 185px;
	height: 128px;
	text-align: left;
	padding: 5px;
	position: absolute;
	top: 82px;
	left: 0px;
}

#news A {
	font-weight: bold;
}
 
#nav {
	background: url(/images/structure/gradients/gradient_1.gif) repeat;
	height: 38px;
	text-align: center;
	/*border: 1px solid yellow;*/
	width: 760px;
	/*position: absolute;
	top: 100px;*/
	border: 1px solid #843838;
}

#nav a {
	font-weight: bold;
	text-decoration: none;
}

#nav a:link {
	color: #FFF;
}

#nav a:visited {
	color: #FFF;
}

#nav a:hover {
	color: #cc3300;
}

#content {
	width: 760px;
	padding : 0px;
	/*margin-top: 3px;*/
	background: #ffffff;
}

#content_wrap {
	padding: 10px;
	background: #ffffff;
}

h1 {
	color: #3c4e9a;
	font-size: 19px;
	font-weight: bold;
}

h1.heading_home {
	color: #863f54;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}

h2 {
	font-size: 17px; 
	color: #7d212e;
	font-weight: bold;
}

h2.heading_home {
	color: #863f54;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
}

.services_back  {
	/*background: #f4efd1;*/
	margin: 0;
	padding-left: 4px;
}

.address_info {
	font-size: 11px; 
	color: #ffffff; 
	text-align: center;
}

.address_info a:link, .address_info a:visited, .address_info a:hover {
	font-size: 11px; 
	color: #ffffff; 
}

.address_footer {
	text-align: center;
	font-size: 8pt;
}

.services_home {
	background: #e5ddae;
	border: 2px solid #928559;
	width: 170px;
}

.header {     
	font-size: 17px; 
	color: #7d212e;
	font-weight: bold;
}

.newshead {
	font-size: 16px;
	color: #990000;
	font-weight: bold;
}

.bloghead {
	color: #3c4e9a;
	font-weight: bold;
}

a {
	color: #7b1916;
}

a:link {
	color: #7b1916;
}

a:visited {
	color: #7b1916;
}

a:hover {
	color: #7b1916;
	text-decoration: none;
}

.maroon { /*This is for the Area representative stuff for home page */
	color: #702931;
}

/* ROW styles for the properties pages and other pages where tables of data are presented */

.ROW1 {
	background-color: #FFFFF0;
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	text-decoration: none;
	font-weight: bold;
}

.ROW2 {
	background-color: #F5F5F5;
	color: #000;
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	text-decoration: none;
	font-weight: bold;
}

.ROW1a {
	font-family : Verdana, Arial, sans-serif;
	font-size : 11px;
	text-decoration : none;
	font-weight:bold;
	background-color: #FFFFF0;
}
.ROW2a {
	background-color: #F5F5F5;
	font-family : Verdana, Arial, sans-serif;
	font-size : 11px;
	text-decoration : none;
	font-weight:bold;
}
.ROW1b {
	background-color: #FFFFF0;
	font-family : Verdana, Arial, sans-serif;
	font-size : 11px;
	text-decoration : none;
	font-weight:bold;
}
.ROW2b {
	background-color: #F5F5F5;
	font-family : Verdana, Arial, sans-serif;
	font-size : 11px;
	text-decoration : none;
	font-weight:bold;
}
.ROW1c {
	background-color: #FFFFF0;
	font-family : Verdana, Arial, sans-serif;
	font-size : 11px;
	text-decoration : none;
	font-weight:bold;
}
.ROW2c {
	background-color: #F5F5F5;
	font-family : Verdana, Arial, sans-serif;
	font-size : 11px;
	text-decoration : none;
	font-weight:bold;
}

a.ROW1listing {
	color: #ff3300;
}
.ROW1listing {
	color: #ff3300;
}
a.ROW2listing {
	color: #990000;
}
.ROW2listing {
	color: #990000;
}
a.ROW1listingBIG {
	color: #ff3300;
	font-size : 14px;
}
.ROW1listingBIG {
	color: #ff3300;
	font-size : 14px;
}
a.ROW2listingBIG {
	color: #990000;
	font-size : 14px;
}
.ROW2listingBIG {
	color: #990000;
	font-size : 14px;
}

a.viewfarm:link {
	color: #00a5f4;
	font-family : Verdana, Arial, sans-serif;
	font-size : 11px;
	text-decoration : underline;
	font-weight:bold;
}
a.viewfarm:active {
	color: #00a5f4;
	font-family : Verdana, Arial, sans-serif;
	font-size : 11px;
	text-decoration : underline;
	font-weight:bold;
}
a.viewfarm:visited {
	color: #00a5f4;
	font-family : Verdana, Arial, sans-serif;
	font-size : 11px;
	text-decoration : underline;
	font-weight:bold;
}

.resheader {
	color: #990000;
	font-size : 16px;
}

.property_listing {
	border: 1px solid #d7d0a5; 
	background: #fffef5; 
	padding-left: 5px;
	text-align: left;
}

.property_listing_closedresults {
	border: 1px solid #d7d0a5; 
	background: #fffef5; 
	text-align: left;
}

.property_listing_info_heading {
	padding-left: 5px;
	color: #702931;
	border-bottom: 1px solid #d7d0a5;
}

.property_listing_info {
	padding-left: 5px;
	border-bottom: 1px solid #d7d0a5;
}

a.closedresults_farmlinks:link, a.closedresults_farmlinks:active, a.closedresults_farmlinks:visited, a.closedresults_farmlinks:hover {
	color: #ffffff;
}

.featured_home {
	background: #ffffff url(/images/structure/boxbackground/boxmiddle.gif) repeat-y center;
}

.featured_home_new {
	background: #ffffff url(/images/structure/longbox/longmiddle_box.png) repeat-y center;
}

.services_home_new {
	background: #ffffff url(/images/structure/boxbackground/smallbox_middle.png) repeat-y center;
}

.services_text {
	padding-left: 10px;
}

.services_text H2 {
	font-size: 15px; 
	color: #7d212e;
	font-weight: bold;
	line-height: 17px;
}

.smaller {
	font-size: 11px;
}

.featuredfarmname {
}

.featuredcounty {
     font-weight: bold;
}

div.states_show {
  margin: 0px 20px 0px 20px;
  display: block;
}
div.states_hide {
  margin: 0px 20px 0px 20px;
  display: none;
}

div.link_show {
  display: block;
}
div.link_hide {
  display: none;
}

hr.featured {
     color: #702931;
}

.associates_header {
	font-size: 16px;
	color: #660000;
	font-weight: bold;
}

#footer{
	text-align: center;
	font-size: 8pt;
	width: 100%;
}

#border {
	border: 1px solid #7D212E;
	}

#footertext {
	position: relative;
	float: left;
	margin-left: 30px;
	text-align: center;
	margin-top: 5px;
}

#socialicons {
	position: relative;
	float: right;
	margin-right: 20px;
	top: 5px;
	text-align: center;
	width: 200px;
}

/* Roll Over Images Halderman */

.rollover a {
	display:block;
	width: 170px;
	height: 170px;
	padding-top: 0px;
	font: 16px sans-serif;;
	color:#000000;
	background: url("/images/structure/rollover.gif") 0 0 no-repeat;
	text-decoration: none;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
}

.rollover a:hover { 
	background-position: 0 -170px;
	color: #ffffff;
}

#rolloverpadding { 
	margin-top: 5px; 
	padding: 0px; 
	width: 170px; 
	float: left;
}

#redline {
	background-image:url(/images/structure/line.gif);
	width: 149px;
	height: 1px;
	margin-left: 10px;
	padding: 0px;
	float: left;
}

#insideimages { 
	padding: 3px; 
}

#textarea {
	float: left; 
	margin-left: 10px; 
	width: 149px; 
	height: 55px; 
	overflow: hidden; 
}

.insidetext { 
	font-size: 12px;
}

/* End Roll Over Images Halderman */

/* Representative Font */

.rep_font {
	font-family: 'BENJAMIN', Arial;
	font-size: 36px;
}

/*Simple styles for clients to use sizes and colors etc.*/

.socialtext {
	color: #5e0020;
	font-size: 14px;
	text-decoration: underline;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
}


.small {
	font-size: 10px;
}

.big {
	font-size: 16px;
}

.bigger {
	font-size: 15px;
	font-weight: bold;
}

.blue {
	color: #0000a0;
}

.red {
	color: #ff0000;
}

.green {
	color: #008000;
}

.yellow {
	color: #ffff00;
}

.white {
	color: #ffffff;
	font-weight: bold;
}


/* Other style names that may be used include:

1) horiz-nav - if nav needs to be a horizontile navigation
2) base-nav - if nav needs to be text links near the copyright
3) copyright - if the style needs to be different from other elements in the footer - usually used in a span within the footer div
4) something_something where there would be additional styles for sectioned layouts where the peacies fit togeather but are in seperate divs (eg. nav_top, nav_bottom or header_left, header_right etc.)
5) something_something where there would be user defined changes through either navigation or selection (eg. header_0, header_1, header_2)

*/ 

 
/* Float containers fix:
   http://www.csscreator.com/attributes/containedfloat.php */ 
.clearfix:after {
 	content: "."; 
 	display: block; 
	height: 0; 
 	clear: both; 
 	visibility: hidden;
 }
 
.clearfix {
	display: inline-block;
}

/* Hides from IE-mac */
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */  

@media print{  /* printer styles */ 
#nav { /* hide the left column when printing */ 
		display:none;
	} 

#maincol {
		width:100%;
		float:none;
	}
html, body {
	background-color: #FFF;
	} 
 
#container {
	border-left: 1px solid #FFF;
	border-right: 1px solid #FFF;
} 
}

/* Styles for listings pages */
#listings {
     width: 100%;
}

#farm_facts {
     font-family: Arial,Verdana,sans-serif;
     font-size: 18px;
     text-decoration: none;
}

.listing_label {
     font-weight: bold;
}

span.asking_price {
    /* color: red; */
}

.hls {
     font-size: 13px;
}

.category_heading {
     color: #7B1916;
     font-size: 16px;
     font-weight: bold;
}

table.area_manager {
     width: 100%;
}

td.area_manager {
     width: 50%;
}

/* line heights for viewfarm.php */
#aerial, #farm_facts, #hls_number, #location, #acreage, #property, #contact, #auction, #open_houses, #brochures {
     line-height: 14pt;
}

table.images_documents {
     width: 100%;
     vertical-align: top;
}

td.left_column, td.right_column {
     vertical-align: top;
     width: 50%;
}

div.showClosed {
    color: red;
    font-weight: bold;
    font-size: 32px;
    margin-left: 10px;
}