/* CSS DOCUMENT */

body {
font-family: arial,sans-serif;
text-align:center;
color:#000000;
font-size:16px;
text-align:center;
margin-top:0px;
font-family: 'Lato', sans-serif;
}

@import url(https://fonts.googleapis.com/css?family=Lato+Sans);

h1 {
font-family: arial,sans-serif;
color:#000000;

font-size:16px;
}

h2 {
font-size:14px;
}

#stateheader {
	font-size:30px;
	width:80%;
}

#stateheader2 {
width:150px;

margin-bottom:10px;
margin-top:10px;
text-decoration: underline;
}

/* DIV IDs */

#completewrapper {
margin-left:auto;
margin-right:auto;
width:80%;
}

#abovelogo {
width:691px;
height:25px;
padding:5px 5px 0px 2px;
text-align:right;
margin-bottom:5px;
}

#mainlogo {
width: 70%;
height: auto;

}

#menuwrapper {
width:701px;
height:25px;
margin-top:20px;
vertical-align:middle;
}

#menustate {
width:125px;
height:20px;
float:left;
text-align:right;
padding:5px 5px 5px 5px;
font-size:10px;
color:#CCCCCC;
}

#menulinks {
width:520px;
height:13px;
float:right;
text-align:left;
margin-left:16px;
padding: 7px 5px 10px 3px;
border:2px solid #ff6600;
vertical-align:middle;
background-color:#CCCCCC;
}

#leftcol {
width:125px;
float:left;
background-color:#ffffff;
border:2px solid #333333;
padding:5px 5px 5px 5px;
font-family: arial,sans-serif;
font-size:12px;
text-align:left;
margin-left:21px;
margin-top:21px;
height:auto;
}

#rightcol {
font-family: arial,sans-serif;
line-height: 125%;
font-size:12px;
width:520px;
float:left;
margin-left:1px;
padding:5px 5px 5px 5px;
border:2px solid #000000;
}

#rightcolcenter {
font-family: arial,sans-serif;
line-height: 125%;
font-size:12px;
width:100%;
float:left;
margin-left:5px;
padding:5px 5px 5px 5px;
text-align:center;
}

#mainwrapper {
	margin-top:20px;
	width:80%;
	text-align:center;
	border:2px solid #000000;
	background-color:#ffffff;
	box-shadow: #000000
}

#bottom {
margin-top:20px;
width:691px;
height:15px;
background-color:#ff6600;
text-align:center;
padding:5px 5px 5px 5px;
font-size:12px;
color:#cccccc;
clear:both;
}

#copyright {
width:701px;
height:20px;
padding-top:10px;
text-align:center;
font-size:10px;
color:#333333;
}

/* This can be swapped with FarmHeader */
#servicehead {
width:450px;
padding:5px 5px 5px 5px;
border-bottom:2px solid #999999;
font-size:14px;
background-color:#304377;
color:#ffffff;
}

/* MENU */

.smalladd {
font-size:10px;
}

  
  
/* ====== CLASSES AND STUF FOR FARMS ======== */
  .head {
font-family:Arial, Helvetica, sans-serif;
color:#FF9900;
font-weight:bold;
}
.main {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000;
text-align:left;
}
.imgfloat {
float:left;
border-width:1px;
border-style:solid;
border-color:#000000;
margin-right:5px;
}
.cleartext {
clear: top;
}


#statedesc {
width:80%;

text-align:left;
}

#farmwrapper {
width:80%;
font-size: 12px;;
margin-top:10px;
}

#farmname {
width:80%;
padding:5px 5px 5px 5px;
border-bottom:2px solid #999999;
font-size:14px;
background-color:#ff6600;
color:#ffffff;
}

#container1 {
width:80%;
text-align:left;
padding: 5px 5px 5px 5px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
columns: #000000;;
background-color:#fff;
}

#container2 {
border:2px solid #ddd;
width:90%;
text-align:left;
padding: 5px 5px 5px 5px;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
background-color:white;
margin-bottom:10px;
margin-top:10px;
color:black;
 
}

a:link {
	color:red;
}

a:visited {
	color:red;
}

#flashbox {
width:450px;
height:150px;
padding:5px 5px 5px 5px;
border:2px solid #999999;
}

footer {
	bottom: 0px;
	position:fixed;
	background-color:#FF9900;
	height:150px;
	width:100%;
	color: white;
	margin-bottom:0px;
}

