html{
   color: black;
   background-color: #558b2b;
   *height:100%;
}
body {
   font-family:Arial, Helvetica, sans-serif;
   background-color: #558b2b;
   color: black;
   *height:100%;
}
a {
   color: white;
   font-size: 90%;
   text-decoration: none;
}
h2 {
   font-weight: bold;
   text-transform: uppercase;
}
hr {
   color: white;
}
a:hover {
   color: blue;
}
.g-grid180f {
   width: 100%;
}
.g-grid180f .l-main{
   float: left;
   margin-right: -25em;
   width: 100%;
}
.g-grid180f .l-main .content {
   margin: 0px;
   margin-right:13.8461em;*margin-right:13.5000em;
   position: static;
}
.g-grid180f .l-block{
   float:right;
   width:13.3em;*width:13.0000em;
   position: relative;
}
.g-center {
   margin: auto;
   text-align: center;
}
.g-photo {
   margin: 7px;
}
.g-inline-block {
 display: -moz-inline-box;
 display: inline-block;
 vertical-align: top;
}
.g-inline-block-fix {
 display: block;
 _display: inline;
}
#custom {
   margin: auto;
   width: 1000px; *height:100%;
}
#hd .header {
   display: block;
   background: #62955b url(img/b-head.jpg) left top no-repeat;
   height: 216px;
   width: 1000px;
}
#hd div.b-hd-center {
   width: 70%;
   margin: auto;
}
#hd ul.b-hd-buttons {
   float: left;
   font-size: 110%;
   font-weight: bold;
   margin-top: 4px;
}
#hd ul.b-hd-buttons li {
   float: left;
   font-size: 115%;
   margin: 1px 5px;
}
#hd ul.b-hd-buttons .b-hd-button-left {
   width: 20px;
   height: 15px;
   background: url(img/b-hd-button-left) left no-repeat;
}
#hd ul.b-hd-buttons .b-hd-button-left {
   width: 20px;
   height: 15px;
   background: url(img/b-hd-button-right) left no-repeat;
}
#bd {
   background: url("img/b-content.jpg") bottom left no-repeat;
   min-height: 550px; _height: 550px;
   padding-bottom: 20px;
}
div.b-leftmenu {
}
ul.b-leftmenu{
   margin-top: -40px; *margin-top: -30px; _margin-top: -10px;
   background: url(img/b-leftmenu-bg.jpg) left repeat-y;
   width: 162px;
} 
ul.b-rightmenu  {
   margin-top: -74px;
   _position: absolute;
}
ul.b-leftmenu  li {
   width: 90%;
   margin-left: 15px;
   font-size: 110%;
   font-weight: bold;
   margin-top: 8px;
}
ul.b-leftmenu  .admin {
   margin-top: 0px;
   font-size: 100%;
}
ul.b-leftmenu  .admin hr {
   text-align: left;
   width: 90%;
}
.b-leftmenu-bottom{
   width: 152px;
   height: 76px;
   background: url(img/b-leftmenu-bottom.jpg) left no-repeat;
}
ul.b-rightmenu .menu {
   display: block;
   width: 100%;
}
ul.b-rightmenu  li{
}
ul.b-rightmenu  li .left{
   background: url('img/b-rightmenu-left.gif') left no-repeat;
   height: 35px;
}
ul.b-rightmenu  li .bg{
   width: 100%; _width: 153px;
   background: url('img/b-rightmenu-bg.jpg') right repeat-x;
   height: 35px;
   vertical-align: middle;
}
ul.b-rightmenu  li .bg a{
   font-size: 120%;
   font-weight: bold;
   display: block;
   margin: auto;
   vertical-align: middle;
}
.b-rightmenu li ul li{
   padding: 2px;
   display: block;
   width: 100%;
}
.b-rightmenu li ul.submenu {
   margin-left: 25px;
   font-weight: bold;
}
div.b-popular {
   font-size: 110%;
   font-weight: bold;
   text-align: center;
   color: #fff;
   margin-top: -20px;
}
ul.b-popular li {
   color: #fff;
   text-align: center;
}
ul.b-popular li a {
   display: block;
}
.b-separate {
	display: block;
	background: url("img/b-menu-separate.gif") center center no-repeat;
	height: 20px;
	width: 9px;
	float: left;
}
.b-search {
	display: block;
	background: url("img/b-search.jpg") no-repeat;
	height: 25px;
	width: 18px;
	float: left;
}
.menu {
}
.menu .main {
   width: 130px;
   height:24px;
   padding:0px;
   margin:0px;
}
.menu .main a {
   margin-left: 20px;
}
.menu .right {
   height:24px;
}
.contenttop {
   display: block;
   background: url("img/b-content-top.png") top left no-repeat;
   height: 75px;
   width:100%;
   position: relative;
}
.contentmiddle {
   display: block;
   background: url("img/b-content-bg.jpg") top left repeat-y;
   width:100%;
}
#h2 {
   height: 310px;
   overflow: auto;
   width:650px;
   margin-left: 10px;
}
.login {
   float: right;
   background: url("img/b-login.jpg") top left no-repeat;
   height: 63px;
   width:200px;
   margin-top: -63px;
}
.farmtop {
   display: block;
   background: url("img/b-farmstead-bg.jpg") top left no-repeat;
   height: 13px;
   width: 153px;
}
.farmimage {
        display: block;
        height: 23px;
        width: 21px;
}
.farmmain {
	background: url("img/b-farmstead-bg.jpg") top left repeat-y;
	height: 35px;
	width: 153px;
	margin-bottom: 5px;
        padding-top: 2px;
}
.farmmain a {
        display: block;
	background: transparent url('img/b-base.gif') center left no-repeat;
        padding-left: 20px;
}
#content {
   width: 100%;
   min-height: 700px;
   position: relative;
   margin-top: -20px;
   font-family: Verdana;
}
#ft {
   width: 1000px;
   color: white;
}
#ft #leftimage {
   display: block;
   background: url("img/b-ftleftimage.jpg") top left no-repeat;
   height: 75px;
   width: 154px;
   float: left;
}
#ft #center {
   display: block;
   background: url("img/b-ftcenterimage.jpg") top left no-repeat;
   height: 72px;
   width: 671px;
   float: left;
   padding-top: 10px;
}
#ft #rightimage {
   display: block;
   background: url("img/b-ftrightimage.jpg") top left no-repeat;
   height: 75px;
   width: 175px;
   float:left;
}

.maincontent {
   width: 95%;
   margin: auto;
   margin-top: 13px;
   text-align: justify;
   min-height: 300px;
   color: #dff;
}
.photo {
   float: left;
   margin: 5px 3px;
}
th,td{vertical-align:middle;padding:2px 5px;}
table.blink {
   color: #dff;
   font-width: bold;
   margin: 0px;
   padding: 0px;
   font-family: arial;
   width: 100%;
   text-align: center;
}
table.blink tr.even {
}
table.blink tr.odd {
}
.req {
   color: red;
}
#form .red {
	border: 1px solid red;
}

#form label.red {
	border: none;
	color: red;
}

#form .customRed {
	border: none;
	color: red;
}

#form #submit {
	margin-left: 100px;
}

#validationMessage {
	padding: 5px;
	/*background-color: #eee;*/
	border: 1px solid red;
	margin-bottom: 10px;
	color: red;
	font-weight: bold;
	display: none;
}

#form .errorMessage {
	color: red;
	margin-left: 10px;
	font-size: 0.8em;
}
.clear{
   clear: both;
}

fieldset{width: 630px; margin: 20px;}
legend {
   font-family: verdana;
   font-weight:bold;
   margin-bottom:6px;
   padding:4px;
   background:none;
   color:  white;
}
* html legend { padding:0 0 30px 0; margin:5px 0 0 0; border:none;}

label {
   font-family: verdana;
   font-size: 12px;
   display:block;
   width:30%;
   text-align:left;
   color: white;
   margin: 0;
   font-weight:bold;
   float:left;
}

select {
   margin-bottom: 3px;
   width: 66%;
   text-align: center;
}
input[type=checkbox] {
   border:1px solid #824f24;
   background: #ABABAB;
   padding: 4px 3px 0pt 4px;
   width: 15px;
   margin-bottom: 3px;
   text-align: center;
}
input[type=submit] {
   border:1px solid gray;
   background: white;
   padding: 4px 3px 0pt 4px;
   width: 60px;
   margin-bottom: 3px;
   text-align: center;
   font-size: 14px;
}
input {
   border:1px solid gray;
   background: white;
   padding: 4px 3px 0pt 4px;
   width: 65%;
   margin-bottom: 3px;
   text-align: center;
   font-size: 14px;
}
input.ilogin {
   border:1px solid black;
   background: white;
   width: 90px;
   text-align: center;
   font-size: 11px;
}
.textarea {
   margin-bottom: 15px; 
   margin-left: 165px;
}
.customers {
        display: block;
	background: transparent url('img/customers.jpg') center left no-repeat;
        height: 27px;
        width: 26px;
        float: left;
        margin-left: 4px;
}
.spam {
        display: block;
	background: transparent url('img/spam.jpg') center left no-repeat;
        height: 27px;
        width: 26px;
        float: left;
        margin-left: 4px;
}
.farmsteads {
        display: block;
	background: transparent url('img/base.jpg') center left no-repeat;
        height: 27px;
        width: 26px;
        float: left;
        margin-left: 4px;
}
.key {
        display: block;
	background: transparent url('img/key.gif') center left no-repeat;
        height: 27px;
        width: 26px;
        float: left;
        margin-left: 4px;
}
.regions {
        display: block;
	background: transparent url('img/regions.jpg') center left no-repeat;
        height: 27px;
        width: 26px;
        float: left;
        margin-left: 4px;
}
.services {
        display: block;
	background: transparent url('img/services.jpg') center left no-repeat;
        width: 26px;
        height: 27px;
        float: left;
        margin-left: 4px;
}
.settings {
        display: block;
	background: transparent url('img/settings.jpg') center left no-repeat;
        height: 27px;
        width: 26px;
        float: left;
        margin-left: 4px;
}
.delete-button {
   display: block;
   background: url('img/b-button-delete.png') center center no-repeat;
   height: 40px;
   width: 41px;
   border: 0;
}
.save-button {
   display: block;
   background: url('img/b-button-save.png') center center no-repeat;
   height: 40px;
   width: 41px;
   border: 0;
}
.search-button {
   display: block;
   background: #558b2b url('img/b-button-search.png') center center no-repeat;
   height: 40px;
   width: 41px;
   border: 0px;
}
.aboutus {
   display: block;
   background: url('img/b-aboutus.jpg') center center no-repeat;
   height: 27px;
   width: 26px;
   float: left;
   margin-left: 4px;
}
.masters {
   display: block;
   background: url('img/masters.jpg') center center no-repeat;
   height: 27px;
   width: 26px;
   float: left;
   margin-left: 4px;
}
.recomends {
   display: block;
   background: url('img/recomends.jpg') center center no-repeat;
   height: 27px;
   width: 26px;
   float: left;
   margin-left: 4px;
}
.partners {
   display: block;
   background: url('img/partners.jpg') center center no-repeat;
   height: 27px;
   width: 26px;
   float: left;
   margin-left: 4px;
}
.laws {
   display: block;
   background: url('img/laws.jpg') center center no-repeat;
   height: 27px;
   width: 26px;
   float: left;
   margin-left: 4px;
}
.status {
   display: block;
   background: url('img/status.jpg') center center no-repeat;
   height: 27px;
   width: 26px;
   float: left;
   margin-left: 4px;
}
#errorimage {
   width: 600px;
   padding-right: 20px;
   padding-top: 40px;
   height: 100px; 
}
.error-message {
   font-size: 120%;
   color: white;
}
h1,h2,h3 {
   color: white;
   font-size: 1.2em;
   font-family: Arial;
}
.keylogin {
   background: transparent url('img/key.gif') no-repeat center;
   width: 52px;
   height: 24px;
   border: 0;
   margin-right: 10px;
}
.plogin {
   vertical-align: top;
}
.info-message {
  width: 600px;
  margin-left: 1px;
  font-size: 120%;
  color: #dff;
}
#info {
   width: 92%;
   color: #dff;
}
.pages {
   width: 620px;
}
.nonehome {
   background: url('img/b-nonehome.jpg') center no-repeat;
}
.bighrefs {
   text-align: left;
}
.bighrefs a {
   font-size: 115%;
}

.bubble {
	font: normal 10px verdana;
	width: 270px;
	border: 1px solid #8D8EA3;
	padding:3px;
	text-align:left;
	color: #B915C3;
}
.buttonsFrame {
        background-color: #5f985f;
        max-width: 145px;
        text-align: center;
        height: 600px;
}
#mapDiv {
    font: normal 10px verdana;
    height: 400px;
    position: relative;
    width: 100%;
    border: none;
}
.basename {
   text-align: center;
   text-decoration: underline;
   font-weight: bold;
   width: auto;
}
.b-photolinks {
   text-align: center;
}
.b-list {
   font-size: 110%;
   margin-left: 20px;
   text-align: left;
   font-weight: bold;
}
.h-20left {
   margin-left: 20px;
}
.h-20left a {
   text-align: right;
   display: block;
   font-size: 105%;
}
.b-bline {
   border-bottom: 1px solid white;
   margin-top: 3px;  *height: 3px;
   width: 100%;
}
