@charset "UTF-8";

/* Lone Star Groundwater Conservation District - Style Sheet by Matt Hoffpauir - ApacheAdvertising.com */




/********************************************
   GLOBAL RESET
********************************************/ 

/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h5, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h5, h5, h6 { font-size:100%; font-weight:normal }
q:before, q:after { content:''}



/********************************************
   BASICS
********************************************/ 


html { height: 100%
	}
	
body {
	background: #e9e4c4 url(img/long-side-strip.jpg) top left;
	background-repeat:repeat-x;
	text-align: center;
 	font-family: Georgia, "Times New Roman", Times, serif;
	
}

strong { font-weight: bold }
em { font-style: italic }
a img { border:none } /* Gets rid of IE's blue borders */


 
/********************************************
   TYPOGRAPHY
********************************************/ 

h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:20px;
	padding: 10px;
	color: #495e26
	
}

h4 {
	font-family: Helvetica, Arial, Geneva, sans-serif;
	font-size:13px;
	font-weight:bold;
	padding: 10px;
	color: #495e26
	
}

p.address { font-family: Georgia, "Times New Roman", Times, serif;
			font-size:14px;
			color: #5d5c58;
			margin-top: 4px;
			padding-right: 12px;
			line-height: 18px
			}

#leftnav h3 {
			font-size: 18px;
			color: #495e26;
			font-weight: bold;
			padding-top: 15px;
			padding-bottom: 10px;
			padding-right: 12px
}

#textarea p {
			padding: 10px 0 12px 0;
			margin: 0 12px 0 12px;
			line-height: 2em;
}

blockquote {
			margin: 0 16px 15px 16px;
			padding: 4px 8px 4px 8px;
			background: url(img/trans-png-35.png);
			color: #FFFFFF;
			font-style:italic;
			font-family:Georgia, "Times New Roman", Times, serif;
			font-size:12px;
			line-height: 18px
}

#leftnav ul   {
	font-size: 12px;
	font-family:  Helvetica, Arial, sans-serif;
	text-align: right;
	list-style-type: none;
	padding: 5px;
	margin-left: 50px;
}
	
#leftnav ul li   {
	text-decoration: none;
	display: block;
	padding: 4px 0;
	width: 180px;
	border-bottom: 1px dotted #999 }
	
#leftnav a  {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	display: block;
	width: 180px
}

#leftnav ul li a:link
   {
	color: #666;
	font-family: Helvetica, Arial, Geneva, sans-serif;
	font-weight: normal;
	text-decoration: none;
	padding-top: 0.2em;
	border-bottom: 0 none
}

#leftnav ul li a:hover
   {
	color: #333;
	background-color: #c6cfb5;
	border-top: 0 none;
	border-right: 0 none;
	border-bottom: 0;
	border-left: 0 none }
	
#leftnav ul li a:visited   {
	color: #666;
	text-decoration: none;
	padding-top: 0.2em;
	border-bottom: 0 none }
	
#leftnavt ul li a:active   {
	color: #666;
	text-decoration: none;
	padding-top: 0.2em;
	border-bottom: 0 none }
	
	
a.text-link:link{
	text-decoration: underline;
	color: #666
}

a.text-link:visited{
	text-decoration: none;
	color: #666
}

a.text-link:hover{
	text-decoration: none;
	color: #555e4e;
	background-color: #c6cfb5
}

a.text-link:active{
	text-decoration: underline;
	color: #666
}


.nopad { 
		margin-left: 0px;
		padding: 0px
		}

/********************************************
  TOP NAVIGATION 
********************************************/ 
	
#navigation   {
	visibility: visible;
	position: relative;
	z-index: 35;
	top: 165px;
	float: right;
	width: 300px;
	padding-right: 20px;
	height: 40px }
	
	
#navigation ul
    {
	font-size: 18px;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-align: right;
	list-style-type: none;
	margin: 0;
	padding: 0 }

#navigation ul li      {
	text-decoration: none;
	display: inline;
	 }

#navigation ul li a:link
  {
	color: #fff;
	text-decoration: none;
	padding: 0.2em 0.5em;
	border-bottom: 0;
	background-image: url(img/trans-png-75.png)
}

#navigation ul li a:hover
 {
	color: #fff;
	padding: 0.2em 0.5em;
	border-bottom: 6px solid #4d7908;
	background-image: url(img/trans-png-95.png)}
	
#navigation ul li a:visited  {
	color: #fff;
	text-decoration: none;
	padding: 0.2em 0.5em;
	background-image: url(img/trans-png-75.png)
	 }
	
#navigation ul li a:active  {
	color: #fff;
	text-decoration: none;
	padding: 0.2em 0.5em;
	background-image: url(img/trans-png-75.png)
	 }



/********************************************
   LAYOUT
********************************************/ 


			
#centercontent {
	width:863px;
	margin: 0 auto;
	background:url(img/background-tan.jpg);
	background-repeat: repeat-y;

	}			
	
	
#header {
	width:863px;
	height:200px;
	background-image: url(img/header-background.jpg);
	background-repeat: no-repeat;
	display: block;
	z-index: 10
	}
	
	
#midcontent {
	width:863px;
	background:#f9faea url(img/content-back-green.jpg);
	background-repeat: no-repeat;
	height: 100%
	}
	
#leftnav {
	float: left;
	text-align: right;
	height: 100%;
	width: 255px;
	background-image:url(img/sidebar-background.jpg);
	background-repeat: repeat-y;
	margin-left: 6px
}	

#textarea{
	width: 575px;
	float: right;
	background: none;
	font-family: Helvetica, Arial, Geneva, sans-serif;
	font-size:13px;
	color: #666;
	margin-right: 12px;
	text-align: left

	}

/********************************************
   FOOTER
********************************************/ 

#footer {
	clear: both;
	width: 100%;
	height: 125px;
	border-top: 2px solid #4d7908;
	padding-top: 20px;
	background-color: #555e4e;
	
	}
	
#footer p{
	color: #a0a088;
	text-align: center;
	font-family: Helvetica, Arial, sans-serif;
	font-size:12px;
	padding-top: 12px;
}

#footer a:link{
	text-decoration: none;
	color: #a0a088
}

#footer a:visited{
	text-decoration: none;
	color: #a0a088

}

#footer a:hover{
	text-decoration: none;
	color: #f9fcea
}

#footer a:active{
	text-decoration: none;
	color: #a0a088

}




/********************************************
   TABLES
********************************************/ 

td { padding: 4px }


/********************************************
 UTILITY STYLES
********************************************/ 

.clearfix {clear: both; }