/*save in UTF-8 format on particular site This is dated 04-29-2013 */

/* has menu styles that we started with fescue.com with link styles (hover etc) */

/* NOTE .=class for elements like <p> <a> <h1> etc---#=id is used for div and other element id*/

body { 
font-family : "lucida grande", tahoma, Verdana, Arial, Helvetica, sans-serif;  
margin-top :8px; 
margin-right :auto; 
margin-left : auto; 
margin-bottom : 8px;
border-collapse: collapse;
background-color : #ffffff;
width: 960px;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
table.collapse {
    border-collapse:collapse;
}  

/*content hlinks styles - this is a class element */  
.l1  {
color: #27548E;
text-decoration: none;
font-weight: bold;
} 
a:visited {
color: #91198C;
}
a:hover{
color: #27548E;
text-decoration: none;
}
/* to align paragraphs to left in IE*/
#style1 { 
font-family :  "lucida grande", tahoma, Verdana, Arial, Helvetica, sans-serif; 
font-size : 15px; 
color : #000000; 
text-align : left;
} 
/* class attribute to align paragraphs to left in IE 10pt arial used in bottom-notice */
.style2 { 
font-family : Arial, Verdana, Helvetica, sans-serif; 
font-size : 14px; 
color : #000000; 
text-align : left;
margin-top : 0;
} 
#bar { 
background-color : #008000;
font-family : Arial;
font-size : 16px;
font-weight: bold;
color : #ffffff; 
border-collapse : collapse; 
text-align : left;
text-indent: 5px;
width : 100%;
}

/* to keep gold color in bar with red hover*/
.l2 {
font-family: Arial;
font-size: 16px;
font-weight: bold;
color: #FFD900;
text-decoration: none; 
}
.l2:hover{
color: #CB2027;
text-decoration: none;
}
.l2:visited {
color: #FFD900;
text-decoration: none;
}

/*end link in bar to keep gold color in bar with red hover*/

/* to make link red w/no changes in color for Warm Season grasses etc*/
.l3 {
font-family: Arial;
font-size: 14px;
font-weight: bold;
color: #CB2027;
text-decoration: none;

}
.l3:hover{
color: #CB2027;
text-decoration: none;
}
.l3:visited {
color: #CB2027;
text-decoration: none;
}
/*end properties for red hyperlinks*/

/*to make blue links with no underline & no color changes for cool season grass*/
.l4 {
font-family: Arial;
font-size: 14px;
font-weight: bold;
color: #2F6BF6;
text-decoration: none;

}
.l4:hover{
color: #2F6BF6;
text-decoration: none;
}
.l4:visited {
color: #4697FB;
text-decoration: none;
}
/*end of blue links properties*/

/*to make heading links stay green*/
.l5:hover{
color: #008000;
text-decoration: none;
}
.l5:visited {
color: #008000;
text-decoration: none;
}

#ctrmenu { 
font-family: Arial; 
font-size: 14px; 
font-weight: bold; 
text-align: center; 
} 
ul { 
font-family : Verdana, Arial, Helvetica, sans-serif; 
font-size: 15px; 
line-height: 200%; 
font-weight: normal; 
text-align: left; 
} 
/*used on horsepasture - navy blue title */
.title { 
font-family : Verdana; 
font-size: 16px; 
color: #800000; 
font-weight: bold;
margin-bottom: 0; 
} 
h1 { 
font-family :"lucida grande", tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size:20px;
color : #006600; 
font-style: italic; 
font-weight: bold; 
text-align: center; 
} 
h3 { 
font-family: "lucida grande", tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size : 17px; 
color : #006600; 
font-weight : bold; 
text-align : left;
margin-bottom: 0; 
} 
h2 { 
font-family : "lucida grande", tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size : 17px; 
color : #006600; 
font-weight : bold; 
text-align : left; 
} 
h4 { 
font-family : "lucida grande", tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size : 16px; 
color : #006600; 
font-weight : bold; 
text-align : left; 
}

/* Red Heading to use for notices */
h5 {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 17px; 
color : #ff3000; 
font-weight : bold; 
text-align : left;
text-indent: 5px;
margin-top : 0;
margin-bottom : 0;   
} 
ol { 
font-family : Arial; 
font-size : 15px; 
font-weight : bold; 
line-height : 150%; 
} 
p { 
font-family : "lucida grande", tahoma, Verdana, Arial, Helvetica, sans-serif; 
font-size : 15px;
} 

/* p1 & p2 8pt paragrapgh p1 align left p2 align center */
#p1 { 
font-family : Arial; 
font-size : 12px;
text-align : left;
margin-bottom: 0;
margin-top: 0; 
} 
#p2 {
font-family : Arial; 
font-size : 12px;
font-weight : bold; 
text-align : center;
margin-bottom: 0;
margin-top: 0;
 
}
#buybar1 { 
font-weight : bold; 
text-align : center; 
background-color : #ffd900;
border : 2px;
vertical-align : middle;
width: 150px; 
}
/*NAVIGATION MENU*/
#menu12 {
width: 160px;
padding: 0 0 0 0;
margin-bottom: 1em;
font-size: 11px;
font-weight: normal;
font-family: "lucida grande", Tahoma, Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
background-color: #FFFFFF;
color: #333;
}
#menu12 ul {
list-style: none;
margin: 0;
padding: 0;
border: none;
}		
#menu12 li {
border-bottom: .5px solid #90bade;
margin: 0;
line-height: 25px;
width: auto;
background-color: #FFFFFF;
}
#menu12 li a {
display: block;
padding: 0px 0px 0px 4px;
color: #000000;
text-decoration: none;
width: auto;
}
#menu12 li a:hover {
border-left: 5px solid #000000;
border-right: 5px solid #000000;
background-color: #669900;
color: #fff;
}
.bt1 {
width : auto;
font-family : "lucida grande", tahoma, Verdana, Arial, Helvetica, sans-serif;  
font-size : 10px; 
text-align : left; 
font-weight : bold; 
color : #000000; 
background-color : #000000; 
padding-top : 0px; 
padding-bottom : 0px; 
padding-left : 4px; 
display : block; 
}
.ht11 {
font-size : 11px; 
font-weight: bold;
font-family : "lucida grande", Tahoma, Verdana, Arial, Helvetica, sans-serif; 
text-decoration : none; 
} 	
.hw12 {
font-size : 14px; 
font-weight : bold; 
color : #ffffff; 
font-family : "lucida grande", Tahoma, verdana, arial, helvetica, sans-serif;
text-decoration : none; 
}
/*for images in menu to center*/
img.center {
display: block;
margin-left: auto;
margin-right: auto;
}
/*END NAVIGATION MENU*/

/*BOTTOM2-WILDFLOWER HELP MENU*/

#bottom2 {
width: 100%;
padding: 0 0 0 0;
font-size: 10px;
font-weight: bold;
font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
background-color: #FFFFCC;
}
#bottom2 ul {
list-style: none;
margin: 1px;
padding: 2px;
border: none;
}		
#bottom2 li {
margin: 0;
font-size: 10px;
line-height: 12px;
text-indent: 5px;
width: auto;
background-color: #FFFFCC;
}
#bottom2 li a {
display: block;
padding: 0px 0px 0px 4px;
color: #006600;
text-decoration: none;
width: auto;
}
#bottom2 li a:hover {
border-left: 5px solid #800000;
border-right: 5px solid #800000;
background-color: #FF7C3E;
color: #fff;
width: 150px;

}