/* 
CSS Created by Joe Schaffer for TPWD
For questions or comments contact joe.schaffer@tpwd.state.tx.us or 512-389-4494
*/

body {
	background-color: #fff;
	font-size: 1em;
	font-family: verdana, arial, sans-serif;
	margin: 0;
	margin-top: -35px;
}

#outer {
	width: 926px;
	margin: 25px auto 0 auto;
	padding: 20px;
}

h1 {
	line-height: 0px;
	font-size: 0px;
	height: 0px;
	width: 0px;
}

.hide-heading {
	color: #fff;
	font-size: 0px;
	padding: 0px;
	margin: 0 0 0 0;
	background: transparent;
	line-height: 0px;
}

.hidden {
	visibility: hidden;
	font-size: 0px;
	height: 0px;
	width: 0px;
	line-height: 0px;
}

img {
	border: 0;
}

.floatimgright {
	float: right;
	margin-left: 10px;
}

.floatimgleft {
	float: left;
	margin-right: 10px;
}

h2 {
	font-family: arial, sans-serif;
	color: #0f7039;
}

h2 a {
	font-family: arial, sans-serif;
	color: #0f7039;
	text-decoration: none;
	border: 0;
}

h2 a:active {
	font-family: arial, sans-serif;
	color: #0f7039;
	text-decoration: none;
	border: 0;
}

h2 a:hover {
	font-family: arial, sans-serif;
	color: #0f7039;
	text-decoration: none;
	border: 0;
}

h2 a:focus {
	font-family: arial, sans-serif;
	color: #0f7039;
	text-decoration: none;
	border: 0;
}

.clear {
	clear: both;
}

a {
	color: #0f7039;
	text-decoration: none;
	border-bottom: 1px dashed #0f7039;
}

a:active {
	color: #d59f10;
	text-decoration: none;
	border-bottom: 1px solid #d59f10;
}

a:hover {
	color: #d59f10;
	text-decoration: none;
	border-bottom: 1px solid #d59f10;
}

a:focus {
	color: #d59f10;
	text-decoration: none;
	border-bottom: 1px solid #d59f10;
}

div#lp-nav {
	background: url(../images/menu_bar.jpg) no-repeat;
	height: 39px;
	padding-left: 23px;
}

div#lp-nav a {
	border: 0;
}

div#lp-nav ul {
	margin : 0px;
	padding : 0px;
	height: 35px;
	list-style : none;
}

div#lp-nav ul li {
	display: inline;
}

div#lp-nav ul li a {
	float: left;
	display : inline;
	overflow: hidden;
	text-align: center;
	height: 35px;
}

div#lp-nav ul li#nav-home a {
	background : url(../images/menu-home.jpg);
	width: 107px;
	height : 35px;
}

div#lp-nav ul li#nav-faq a {
	background : url(../images/menu-faq.jpg);
	width: 94px;
	height : 35px;
}

div#lp-nav ul li#nav-contact a {
	background : url(../images/menu-contact.jpg);
	width: 152px;
	height : 35px;
}

div#lp-nav ul li#nav-money a {
	background : url(../images/menu-money.jpg);
	width: 250px;
	height : 35px;
}

div#lp-nav ul li#nav-tax a {
	background : url(../images/menu-tax.jpg);
	width: 228px;
	height : 35px;
}

div#lp-nav ul li#nav-home a:hover { background : url(../images/menu-home-active.jpg); }
div#lp-nav ul li#nav-faq a:hover { background : url(../images/menu-faq-active.jpg); }
div#lp-nav ul li#nav-contact a:hover { background : url(../images/menu-contact-active.jpg); }
div#lp-nav ul li#nav-money a:hover { background : url(../images/menu-money-active.jpg); }
div#lp-nav ul li#nav-tax a:hover { background : url(../images/menu-tax-active.jpg); }

/* PLEASE READ For accessibility reasons the a:active and a:focus attributes below enable a keyboard user to easily see where they are at */

div#lp-nav ul li#nav-home a:active { background : url(../images/menu-home-active.jpg); }
div#lp-nav ul li#nav-faq a:active { background : url(../images/menu-faq-active.jpg); }
div#lp-nav ul li#nav-contact a:active { background : url(../images/menu-contact-active.jpg); }
div#lp-nav ul li#nav-money a:active { background : url(../images/menu-money-active.jpg); }
div#lp-nav ul li#nav-tax a:active { background : url(../images/menu-tax-active.jpg); }

div#lp-nav ul li#nav-home a:focus { background : url(../images/menu-home-active.jpg); }
div#lp-nav ul li#nav-faq a:focus { background : url(../images/menu-faq-active.jpg); }
div#lp-nav ul li#nav-contact a:focus { background : url(../images/menu-contact-active.jpg); }
div#lp-nav ul li#nav-money a:focus { background : url(../images/menu-money-active.jpg); }
div#lp-nav ul li#nav-tax a:focus { background : url(../images/menu-tax-active.jpg); }

div#lp-content {
	width: 924px;
	margin: 21px auto 0px auto;
}

/*
div#plate-holder {
	margin: 25px auto 0 auto;
	background: url(../images/bg-plates.jpg) no-repeat;
	width: 914px;
	height: 166px;
}
*/

div#plate-holder{
	margin: 0px;
	padding: 0px;
}

div#row1{
	margin: 0px 100px 0px 100px;
	padding: 0px;
}

div#row2{
	margin: 0px 290px 30px 290px;
	padding: 0px;

}

.plate {
	float: left;
	width: 148px;
	margin: 0px auto 0 auto;
	padding-top: 20px;
}

.plate a {
	border: 0;
}

.plate2 {
	margin-left: 42px;
}

div.plate ul {
	margin : 0px;
	padding : 0px;
	list-style : none;
}

div.plate ul li {
	display: inline;
}

div.plate ul li a {
	float: left;
	display : block;
	overflow: hidden;
	font-size: 0px;
	text-align: center;
	height: 36px;
}

div.plate li.cart a {
	background : url(../images/cart.jpg);
	width: 63px;
	height : 36px;
	margin-left: 5px;
	border: 0;
}

div.plate li.info a {
	background : url(../images/info.jpg);
	width: 63px;
	height : 36px;
	margin-left: 13px;
	_margin-left: 10px;
	border: 0;
}

div.plate ul li.cart a:hover { background : url(../images/cart-active.jpg); }
div.plate ul li.info a:hover { background : url(../images/info-active.jpg); }

/* PLEASE READ For accessibility reasons the a:active and a:focus attributes below enable a keyboard user to easily see where they are at */

div.plate ul li.cart a:active { background : url(../images/cart-active.jpg); }
div.plate ul li.info a:active { background : url(../images/info-active.jpg); }

div.plate ul li.cart a:focus { background : url(../images/cart-active.jpg); }
div.plate ul li.info a:focus { background : url(../images/info-active.jpg); }

#intro-blurb {
	padding-top: 20px;
	font-family: verdana, arial, sans-serif;
	font-size: 1.3em;
	color: #0f7039;
}

#action {
	font-family: verdana, arial, sans-serif;
	font-size: 1.3em;
	color: #0f7039;
}


div#buttons {
	_margin-top: 25px; /*Necessary because IE6 sucks*/
}

div#buttons a {
	float: left;
	border: 0;
}

.buttonpad {
	margin-left: 20px;
	_margin-left: 18px; /*Necessary because IE6 sucks*/
}

div#footer {
	background: url(../images/footer_bar.jpg) no-repeat;
	margin: 25px auto 0 auto;
	font-size: xx-small;
}

div#footer p {
	padding-top: 15px;
	color: #363636;
}

div#footer img {
	margin-top: 25px;		
}

.logoleft {
	float: left;
}

.logoright {
	float: right;
}

/* This is the stuff on the FAQ and projects pages */

.lp-projects {
	width: 920px;
	margin-bottom: 25px;
	clear: both;
}

.lp-info {
	float: left;
	width: 250px;
	margin-right: 10px;
}

.lp-info a {
	font-family: "arial narrow", arial, helvetica, sans-serif;
	font-weight: bold;
	line-height: 1.6em; /*necessary to make sure the bottom border shows up*/
	font-size: 1.1em;
}

.lp-info2 {
	width: 500px;
}

.lp-info2 ul {
	float: left;
	list-style: none;
}

.lp-info2 img {
	float: left;
}

.lp-info2 a {
	font-family: "arial narrow", arial, helvetica, sans-serif;
	font-weight: bold;
	line-height: 1.6em; /*necessary to make sure the bottom border shows up*/
	font-size: 1.1em;
}

.accordion {
	width: 100%;
	border-bottom: solid 1px #c4c4c4;
}

.accordion-holder {
	float: left;
	width: 650px;
}

.accordion h3 {
	background: #e9e7e7 url(../images/arrow-square.gif) no-repeat right -51px;
	padding: 7px 15px;
	margin: 0;
	font-family:"arial narrow", Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #0f7039;
	border: solid 1px #c4c4c4;
	border-bottom: none;
	cursor: pointer;
}
.accordion h3:hover {
	background-color: #e3e2e2;
}
.accordion h3.active {
	background-position: right 5px;
}

.accordion h3 a {
	text-decoration: none;
	border: 0px;	
}

.accordion h3 a:hover {
	text-decoration: none;
	border: 0px;	
}

.accordion h3 a:active; {
	text-decoration: none;
	border: 0px;	
}

.accordion_content {
	background: #f7f7f7;
	margin: 0;
	padding: 10px 15px 20px;
	border-left: solid 1px #c4c4c4;
	border-right: solid 1px #c4c4c4;
	font-size: small;
}
/*sub is for the smaller text on the front page*/
.sub {
	font-family: verdana, arial, sans-serif;
	font-size: 1em;
	color: #0f7039;
}