/* Start of CMSMS style sheet 'default' */
/*--------------------------------------------

				Defaults
				
---------------------------------------------*/


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
blockquote {
	padding:0pt 10px 0pt 53px;
}
.left {
float: left;
}
.right {
float: right;
}
em {
font-style: italic;
}
strong {
font-weight: bold;
}

.clear {
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*--------------------------------------------

				Layout
				
---------------------------------------------*/

body {
background: url(images/bkg.gif) top center repeat-x;
text-align: center;
font-size: 62.5%;
font-family: Arial, Helvetica, sans-serif;
}

#container {
text-align: left;
width: 826px;
margin: 0 auto;
}

#main {
float: left;
width: 800px;
/*background: #E7F3D3 url(images/left_nav_bkg.gif) repeat-y;*/
background: #ffffff url(images/left_nav_bkg.gif) repeat-y;
position: relative;
}

#objectspace {
height:30px;
}

.banner {
font-size:0;
}

#header_1 {
float: left;
width: 800px;
height: 138px;
background: url(images/header_1.jpg) no-repeat;
}

#header_2 {
float: left;
width: 800px;
height: 138px;
background: url(images/header_2.gif) right top no-repeat;
}
#navcontent {
float: left;
color:#003300;
font-size:1.5em;
line-height:1.65em;
padding:20px 0 0 20px;

}
#left_nav {
float: left;
width: 149px;
min-height: 100px;
}

#content {
float: left;
width: 651px;
}

#footer {
float: left;
width: 826px;
}

/*--------------------------------------------

				Border
				
---------------------------------------------*/

.border_bkg {
float: left;
width: 826px;
background: url(images/border_bkg.gif) left 0;
}

.border_top {
float: left;
width: 826px;
background: url(images/border_top.gif) left 0 no-repeat;
}

.border_bottom {
float: left;
width: 812px;
background: url(images/border_bottom.jpg) left bottom no-repeat;
padding: 0 0 28px 14px;
}

/*--------------------------------------------

				header
				
---------------------------------------------*/

.tag {
float: left;
margin: 32px 0 0;
}
.top_nav_sp {
float: right;
width: 350px;
height: 23px;
padding: 10px 108px 0 0;
line-height: 150%;
}

.top_nav_sp li {
float: left;
color: #003300;
font-size: 1.1em;
font-weight: bold;
text-align: center;
position: relative;
}

.top_nav_sp li a {
color: #003300;
text-decoration: none;
float: left;
height: 23px;
overflow: hidden;
position: relative;
}
.top_nav {
float: right;
width: 250px;
height: 23px;
padding: 10px 108px 0 0;
line-height: 150%;
}

.top_nav li {
float: left;
color: #003300;
font-size: 1.1em;
font-weight: bold;
text-align: center;
position: relative;
}

.top_nav li a {
color: #003300;
text-decoration: none;
float: left;
height: 23px;
overflow: hidden;
position: relative;
}

.top_nav li a.espanol {
width: 74px;
}

.top_nav li a.contact {
width: 90px;
}

.top_nav li a.home_top {
width: 46px;
}

.top_nav li span {
width: 100%;
height: 23px;
position: absolute;
top: 0;
left: 0;
}

.top_nav li a.espanol span {
background: url(images/espanol.gif);
}

.top_nav li a.contact span {
background: url(images/contact.gif);
}

.top_nav li a.home_top span {
background: url(images/home_top.gif);
}

.top_nav li.pipe span {
background: url(images/pipe.gif);
}

.top_nav li.pipe1 span {
background: url(images/pipe1.gif);
}

.top_nav li.pipe, .top_nav li.pipe span, .top_nav li.pipe1, .top_nav li.pipe1 span {
width: 1px;
height: 23px;
}

.search {
float: right;
width: 377px;
height: 41px;
}

.search img {
float: left;
}

.search input {
float: left;
margin:18px 0 0 5px;
}

.searchfield{
width: 200px;
}

/*--------------------------------------------

				Left Nav
				
---------------------------------------------*/

#nav {
float: left;
width: 149px;
padding: 15px 0;
}

#nav li {
float: left;
width: 122px;
border-bottom: 1px solid #87B677;
padding: 10px 7px 5px 20px;
}

#nav li a {
float: left;
text-decoration: none;
color: #003300;
font-weight: bold;
font-size: 1.1em;
width: 100%;
position: relative;
line-height: 11px;
overflow: hidden;
}

.uppercase li a{
text-transform: uppercase;
}

#nav li a span {
float: left;
position: absolute;
left: -1px;
bottom: 0;
cursor: pointer;
width: 132px;
}

#nav li a.home, #nav li a.about, #nav li a.why, #nav li a.practices, #nav li a.resources {
height: 11px;
}

#nav li a.problem, #nav li a.faq {
height: 22px;
}

#nav li a.home span {
height: 11px;
background: url(images/home.gif) no-repeat;
}

#nav li a.about span {
height: 11px;
background: url(images/about.gif) no-repeat;
}

#nav li a.why span {
height: 11px;
background: url(images/why.gif) no-repeat;
}

#nav li a.problem span {
height: 22px;
background: url(images/problem.gif) no-repeat;
}

#nav li a.practices span {
height: 11px;
background: url(images/practices.gif) no-repeat;
}

#nav li a.resources span {
height: 11px;
background: url(images/resources.gif) no-repeat;
}

#nav li a.faq span {
height: 22px;
background: url(images/faq.gif) no-repeat;
}

#nav li.active a {
margin: 10px 7px 0 20px;
width: 122px;

}

#nav li.active ul {
float: left;
width: 149px;
padding: 0 0 15px;
background: url(images/active_bottom.gif) left bottom no-repeat;
}

#nav li.active ul li {
float: left;
border: none;
padding: 5px 0 0 10px;
}

#nav li.active ul li a {
float: left;
text-transform: none;
color: #CC3300;
font-weight: normal;
margin: 0 7px 0 30px;
width:97px;
line-height:1.1em;
}

#nav li.active {
background: url(images/active_bkg.gif);
padding: 0;
width: 149px;
}

#nav li.active a.home span {
background-image: url(images/home_active.gif);

}

#nav li.active a.about span {
background-image: url(images/about_active.gif);
}

#nav li.active a.why span {
background-image: url(images/why_active.gif);

}

#nav li.active a.practices span {
background-image: url(images/practices_active.gif);

}

#nav li.active a.problem span {
background-image: url(images/problem_active.gif);

}

#nav li.active a.resources span {
background-image: url(images/resources_active.gif);

}

#nav li.active a.faq span {
background-image: url(images/faq_active.gif);

}

.subscribe {
position: absolute;
left: 18px;
bottom: 17px;
background: url(images/subscribe.gif);
width: 109px;
height: 19px;
}

/*--------------------------------------------

				footer
				
---------------------------------------------*/

#footer p {
color: #003300;
padding:5px 0 10px 25px;
}
#footer a {
color:#003300;

}
/* End of 'default' */

/* Start of CMSMS style sheet 'inner' */
#content {
background: #fff;
font-size:1.2em;
line-height:1.9em;
}

.col {
float: left;
width: 649px;
padding: 32px 0;
border-right: 1px solid #E1E3DA;
border-left: 1px solid #E1E3DA;
background: #fff url(images/col_1_bkg.gif) 0 0 repeat-x;
min-height: 175px;
}

* html .col {height:175px;} /* becuase explorer won't listen to min-height */

.col ul li {
list-style-type:disc;
margin-left:20px;
}
ul.spul li {
margin: 0 10px 5px 43px;
list-style-type:disc;
}

ol.spul li {
margin: 0 10px 5px 43px;
list-style-type:decimal;
}
ul.ulContacts li {
margin-bottom:15px;
}
ul.grass {
list-style-position:outside;
margin-left:20px;
text-indent:0pt;
}

.col ul li ul li {
margin-left:20px;
margin-bottom: 0;
list-style-type:circle;
}

.tabberlive p {
padding-left:10px;
}

tabberlive br {
clear: left;
}

.col a {
color:#CC3300;
text-decoration: none;
}

.col a:hover {
color:#CC3300;
text-decoration: underline;
}

.col_1 {
float: left;
width: 324px;
padding: 32px 0;
border-right: 1px solid #E1E3DA;
background: #fff url(images/col_1_bkg.gif) 0 0 repeat-x;
}

.col_1 a {
color: #CC3300;
text-decoration: none;
}

.col_1 a:hover {
color:#CC3300;;
text-decoration: underline;
}

.col_2 {
float: left;
width: 324px;
padding: 32px 0;
border-left: 1px solid #EBEEE6;
border-right: 1px solid #E1E3DA;
background: #fff url(images/col_2_bkg.gif) 0 0 repeat-x;
}

.col_2 a {
color: black;
text-decoration: none;
}

.col_2 a:hover {
color: black;
text-decoration: underline;
}

.col_2 a.alt {
color: #CC3300;
}

.col_2 a.alt:hover {
color: #CC3300;
}

.col_3 {
float: left;
width: 193px;
padding: 32px 0;
border-left: 1px solid #EBEEE6;
border-right: 1px solid #E1E3DA;
background: #fff url(images/col_3_bkg.gif) 0 0 repeat-x;
}

.col_3 a {
color:black;
text-decoration: none;
}

.col_3 a:hover {
color:black;
text-decoration: underline;
}

h2 {
font-size: 1.7em;
color: #10400E;
font-weight: bold;
padding: 0 0 18px 23px;
text-transform:uppercase;
}

h3 {
font-size: 1.4em;
color: #10400E;
font-weight: bold;
padding: 15px 0 15px 23px;
}

h4 {
font-size: 1.2em;
color: #10400E;
font-weight: bold;
padding: 15px 0 15px 23px;
}

/*h2,h3 style for Local Resources section*/
.divh2 {
padding: 15px 0 15px 23px;
font-size: 1.6em;
color: #10400E;
font-weight: bold;
text-transform:uppercase;
}

.divh3 {
padding: 15px 0 15px 23px;
font-size: 1.4em;
color: #10400E;
font-weight: bold;
}

p {
padding: 0 10px 10px 23px;
}


.answer {
padding: 0 10px 20px 43px;
}

.answer ul li {
margin-left: 20px;
list-style-type: disc;
}

.col_3 ul, .col_2 ul {
font-size: 1.1em;
line-height: 1.4em;
padding: 0 10px 0 23px;
}

.col_3 ul li {
padding: 0 10px 10px 20px;
background: url(images/red_arrow.gif) left 2px no-repeat;
}

.col_2 ul li {
padding: 0 10px 20px 55px;
background: url(images/tceq_small.gif) left 2px no-repeat;
min-height:51px;
height:auto !important;
height:51px;
}

.col_2 ul li.alt {
color: #CC3300;
}

.col_1 p {
color: black;
padding: 0 10px 10px 23px;
}

.col_2 p {
padding: 0 10px 10px 23px;
}

.col_3 p {
padding: 0 10px 10px 23px;
}

#contact-us{
line-height: 200%;
margin: auto;
margin-right: 300px;
text-align: right;
}

#contact-us textarea {
font-family: Arial, Helvetica, sans-serif;
font-size:1.1em;
width:230px;
margin-top: 5px;
}

#contact-us input{
margin: 5px 0 0 5px;
}

.condensed-list li{
margin-bottom: 0;
}

.banner img{
width: 651px;
}

.probs a:link, .probs a:visited{
text-decoration: underline;
}

.org{
font-size: 1.3em;
}
/* End of 'inner' */