@media print {

.printhide { display: none }

}

@media screen {

.screenhide { display: none }

}

body {
	background: #FFF;
	margin: .75em 0;
	padding: 0;
	height:100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.72em;
	color: #000000;
	line-height: normal;
	font-weight: normal;
	text-decoration: none;
}

#container {
	width: 760px;
	margin: 0 auto;
	padding: 0;
	background: #F1EBD5;	/* border-top: 1px solid #000000;
	border-right: 1px solid #000000;
	border-left: 1px solid #000000; */
}

#utilitynav {
	width: 760px;
	margin: 0;
	padding: .25em 0;
	font-size: 0.98em;
	text-align: right;
	background-color:#FFF;/*background-color: #5B5B5B;*/	/* border-top: 1px solid #999999; */
	/*border-bottom:1px solid #AAA;*/
}

/*#utilitynav li a:link { color:#EEE; }
#utilitynav li a:visited { color:#DDD; }
#utilitynav li a:hover { color:#FFF; }
#utilitynav li a:active { color:#FFF; }*/

#utilitynav li a:link { color:#222; }
#utilitynav li a:visited { color:#444; }
#utilitynav li a:hover { color:#333; }
#utilitynav li a:active { color:#666; }

#utilitynav p {
	position:absolute;
	left:-9999px;
}

#utilitynav img {
	float: left;
	border: none;
	width: 1px;
	height: 1px;
}

#titlebar {
	width: 760px;
	margin: 0;
	padding: 0 0;
	height: 150px;
	border-top:1px solid #999999;
	/*border-top: 1px solid #999999;
	 border-bottom: 1px solid #000000; */
}



body#home #titlebar, body#site #titlebar { background: url(../images/banner_back4.gif) no-repeat; 
}

body#home #titlebar img, body#site #titlebar img, img#printtitlebar {
	display:none;
}

/* #i30banner {
	float: left;
	margin: 8px 0;
	padding: 0;
	width: 350px;
	height: 90px;
} */

#i30banner a {
	position:absolute;
	display:block;
	margin: 65px 0 0 19px;
	padding: 0;
	border: none;
	width: 410px;
	height: 76px;
	
}



#txdothome a {
	/* float: right; */
	position:absolute;
	display:block;
	margin: 3px 18px 0 410px;
	padding: 0;
	border: none;
	width: 343px;
	height: 30px;
	
	

}
#keeptxmoving a {
	/* float: right; */
	position:absolute;
	display:block;
	margin: 75px 20px 0 635px;
	padding: 0;
	border: none;
	width: 100px;
	height: 60px;
	
	display:none; /* remove this link 6-24-10 */
}

#txdothome span, #i30banner span, #keeptxmoving span { 
	position:absolute;
	left: -9999px;
}

#topnav {
	width: 760px;
	margin: 0;
	padding: .25em 0;
	font-size: 0.98em;
	text-align: right;
	/* background-color: #069; */

	border-top: 3px solid #940000;
	background: #003E7E url(../images/linkbkgrnd-2.gif) no-repeat left top;
}

#topnav ul, #utilitynav ul {
	margin: 0 2em 0 0;
	padding: 0;
	display: inline;
} 
#utilitynav ul { margin-right:0; }

#topnav ul li, #utilitynav ul li {
	margin: 0;
	padding: 0 6px 0 8px;
	list-style: none;
	display: inline;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #999999;
}
#utilitynav ul li {
	border-left: 1px solid #999;
	}
			
#topnav ul li.first, #utilitynav ul li.first {
	border-left: none;
}

#contentarea {
	width: 758px;
	margin: 0;
	padding: 0;
	background: #F1EBD5;
	/* overflow: auto; */
	border-top: 1px solid #999;
	border-right: 1px solid #CCC;
	border-left: 1px solid #CCC;
}

#footer {
	clear: both;
	width: 760px;
	margin: 0 auto 1px;
	padding: 0;
	font-size: 0.9em;
	color: #EEE;
	text-align: center;
	background-color: #5B5B5B;
	/* border: 1px solid #000000; */
	overflow: auto;
}

body#site #feature {
	clear:both;
	margin: 1em 10px;
	padding: 0 5px 10px 5px;
	background: #FFF;
	border: 1px solid #CCC;	/* overflow: visible; */
}


/* HOME PAGE */

body#home #feature {
	margin: 1em 10px 1em 220px;
	padding: 0 5px 0 5px;
	border: 1px solid #CCC;	/* overflow: visible; */
	background-color: #FFF;
}

#home #contentarea #feature h2 {
	margin: 0.5em;
	color:#832201;
}
#home #contentarea #feature h3 {
	color:#832201;
	}

#leftcol {
	float: left;
	display: inline;
	width: 200px;
	margin: 1em 0 1em 10px;
	padding: 0;
}

div.callout {
	width: 200px;
	margin: 0 0 1em 0;
	padding: 0;
	background-color: #FFFFFF;
	border: 1px solid #AAA;
	overflow:auto; 	
}

div.callout h2 {
	font-family: arial;
	font-size: 1.1em;
	font-weight: bold;
	color: #FFFFFF;
	/* background: #006699; */
	background-color:#832201;
	margin: 0;
	padding: .15em .15em .15em 5px;
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: 1px solid #666666;
}

div.callout p, div.callout address {
	padding: 0 7px; /* added 2-7-08 mc */
	margin: 0.4em 0;
	font-size: 0.95em;
}

/* --------------- added 2-7-08 mc ------------------ */
div.callout h3 {
	margin:0;
	padding:8px 5px 2px 7px;
	font-size:0.95em;
	font-style:italic;
}
div.callout div.mediaplayer {
	/* display:block; */
	margin: 0 5px 5px 5px;
	padding:0;
}
div.callout img, #feature img {
	margin:0 0 5px 5px;
	border:none;  
	}	
div.callout img.icon {
	float:left;
	margin:5px;
}




	
div.slideshow, div.video {
	float:right;
	clear:both;
	width:400px;
	margin:10px 5px 5px 10px;
}
div.slideshow { 
	float:none; 
	margin: 10px auto 15px auto;
	}
div.video h2 span.small, div.slideshow h2 span.small { font-size:0.76em; }
#feature div.slideshow h2, #feature div.video h2 {
	font-style:italic;
	font-size: 1.2em;
	margin:0.25em 0;
}

#feature p.note, #feature p.footnote {
	font-size:0.92em;
	font-style:italic;
	color:#666;
	}

/* ------------------------------ */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */
/* ------------------------------ */	

#feature .subscribe {
	margin:-50px 18px 8px 0;
	/* background-color:#EEE; */
	padding:12px;
}


div.callout li {
	margin-left: -3em;
	padding: 0 5px 0 0;
}

div.callout h2.hilite { color:#FFFF80; }

/* END HOME PAGE */


div.callout h3.last { margin-bottom:0.55em; 
}

#container #feature div.alert form {
	margin: 10px;
	padding: 10px;
	 background-color:#F1F1F1; 
	/*border:1px solid #999;*/
}



#topnav a:link, #topnav a:visited {
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
}

#topnav li.hilite a:link, #topnav li.hilite a:visited {
	color:#FFFF80;
}
#topnav li.hilite {
	padding-left:60px;
	border:none;
	}

#topnav a:hover, #topnav a:active {
	font-weight: bold;
	color: #999;
	text-decoration: none;
}

#utilitynav a:link, #utilitynav a:visited {
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}

#utilitynav a:hover, #utilitynav a:active {
	font-weight: normal;
	color: #6699CC;
	text-decoration: none;
}

a:link, a:visited {
	color: #CC3333;
	text-decoration: underline;
}

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

a:active {
	color: #6699CC;
	text-decoration: none;
}

#footer a:link, #footer a:visited {
	font-weight: bold;
	color: #DDD;
	text-decoration: underline;
}

#footer a:hover, #footer a:active {
	font-weight: bold;
	color: #6699CC;
	text-decoration: none;
}




.floatright {
	float: right;
}

.floatleft {
	float: left;
}

.clear 	 {
	clear: both;
}

.textright {
	text-align: right;
}

.textleft {
	text-align: left;
}

.textcenter {
	text-align: center;
}



img.icon {
	vertical-align: baseline;
	margin: 0;
}

img.featureimg {
	border: 1px solid #000000;
}

li {
	margin: .5em 0;
}

li.none {
	list-style-type: none;
}

ul.disc
{
        list-style-type: disc;
}

ul.circle 
{
	list-style-type: circle;
}

ul.square 
{
	list-style-type: square;
}

ul.none 
{
	list-style-type: none;
}

ul.nonepad 
{
	list-style-type: none;
	margin: 0;
	padding-left: 0;
}

ul.nonepad li
{
	padding: .5em .7em;
	letter-spacing: 0.05em;
}

ul.nonepad li.sub
{
	font-size: .7em;
	padding: .5em .7em .5em .8em;
	letter-spacing: 0.05em;
	font-weight: normal;
	letter-spacing: 0em;
}

ol.decimal 
{
	list-style-type: decimal;
}

ol.lroman 
{
	list-style-type: lower-roman;
}

ol.uroman 
{
	list-style-type: upper-roman;
}

ol.lalpha 
{
	list-style-type: lower-alpha;
}

ol.ualpha 
{
	list-style-type: upper-alpha;
}

table {  
	margin-left: auto;
	margin-right: auto;
	margin-bottom:1em;
	empty-cells: show;
	font-size: 1em;
}

table.border {
	border-collapse: collapse;
	margin-top: 1em;
	margin-left: auto;
	
	margin-right: auto;
	empty-cells: show;
	/*border: 1px solid #AAA;
	border-spacing: 1px;*/
	padding: 1px;
}

table.data {
	width: 95%;
	margin-bottom: 1em;
	empty-cells: show;
	text-align: left;
	border-collapse: collapse;
	border: 1px solid #000000;
	font-size: 1em;
}

table.data th {
	vertical-align: top;
	padding: .50em;
	border: 1px solid #000000;
}

table.data td {
	vertical-align: top;
	padding: .50em;
	border: 1px solid #000000;
}

table.left {  margin-left: 0.5em; margin-right: auto; empty-cells: show; }

table.full {  margin-left: 0; margin-right: auto; width: 100%; empty-cells: show; }

table.generic {  margin-left: auto; margin-right: auto; empty-cells: show; border: 0px; padding: 0px; border-spacing: 0px; }

form table.alert { width:50% }

th {
	padding: 0.35em;
}

td {
	vertical-align: top;
	padding: 0.35em;
}
td.closure {
	font-weight:bold;
	color:red;
	}

table.border td, table.border th {
	border-bottom: 1px solid #AAA;
}
table.border td, table.border th[scope=row] {
	border-right: 1px solid #AAA;
	}
table.border th {
	border-left: 1px solid #AAA;
	}
table.border th[scope=col] {
	background-color:#555;
	color:#EEE;
	text-transform:uppercase;
	text-align:left;
}
table.border th#work[scope=col]   {
	text-align:center;
}
table#closures, table#roadwork, table#key {
	width:500px;
	margin: 10px auto;
}
body#home table#key {
	width:300px;
	border:1px solid #999;
	margin-top:0px;
	margin-bottom:15px;
	}
body#home table#key img {
	margin-bottom:2px;
	}
table#roadwork {
	width:95%;
}

table#closures img, table#roadwork img, #feature table.left img {
	display:inline;
	margin:4px 1px 0px 1px;
}

table#closures span, table#roadwork span {
	position:absolute;
	right:9999px;
}
table#closures td, table#closures th#status {
	text-align:center;
	}
	
table.border th[scope=row] {
	text-align:left;
}
table tr.odd th, table tr.odd td {
	background-color: #FFFFFF;
}
table#key {
	border:none;
	border-top: 1px solid #999;
	text-align:center;
}
#feature table#key img { margin:0; margin-bottom:-4px;} 
#feature table#key td { vertical-align:top; padding-top:-0.5em; }


#feature .news {
	/* width:600px; */
	margin:10px;
	border:1px solid #999;
	padding: 0;
	}
#feature .news h2 {
	margin:0 0 10px 0;
	padding:8px;
	background-color:#CCC;
	border-bottom:1px double #999;
}
#feature .newsTop {
	/* width:600px; */
	margin:10px;
	border:1px solid #999;
	padding: 0;
	}
#feature .newsTop h2 {
	margin:0 0 10px 0;
	padding:8px;
	background-color:#CCC;
	border-bottom:1px double #999;
	color: #FFFFFF;
	background-color: #003E7E;
}


form p {
	margin: 1.5em 0 1.5em .25em;
}

.nobr {
	white-space: nowrap;
}

.small {
	font-size: .95em;
}



ADDRESS,
BLOCKQUOTE, 
BODY, DD, DIV, 
DL, DT, 
FIELDSET, FORM,
FRAME, FRAMESET,
H1, H2, H3, H4, 
H5, H6, IFRAME, 
NOFRAMES, 
OBJECT, OL, P, 
UL, APPLET, 
CENTER, DIR, 
HR, MENU, PRE   { display: block }
LI              { display: list-item }
HEAD            { display: none }
TABLE           { display: table }
TR              { display: table-row }
THEAD           { display: table-header-group }
TBODY           { display: table-row-group }
TFOOT           { display: table-footer-group }
COL             { display: table-column }
COLGROUP        { display: table-column-group }
TD, TH          { display: table-cell }
CAPTION         { display: table-caption }
TH              { font-weight: bolder; text-align: center }
CAPTION         { text-align: center; font-weight: bold; padding: 1em 0; }
/*BODY            { padding: 8px; line-height: 1.33 }*/

#site h1 {
	color: #832201;
	font-size: 1.6em;
}

#site h1, #site h2, #feature h3, #site h3, #site h4, #site h5 {
	margin: 0.5em 0.5em 0 10px;
}

#site h2 {
	color: #832201;
	font-size: 1.35em;
	}



#site h3 {
	color: #832201;
	font-size: 1.20em;
	font-style:italic;
}

H4 {
	color: #832201;
	font-size: 1.15em;
}

H5 {
	color: #000000;
	font-size: 1.00em;
	margin-bottom: -1em;
}


H6 {
	color: #000000;
	font-size: 1.00em;
	margin-bottom: -1em;
	font-style: italic;
}

P, 
BLOCKQUOTE, FIELDSET, FORM, DIR, MENU, IMG, address, ul, dl  { margin: 0.25em 0.5em 1.0em 10px; }



LEGEND {
	color: #2F682F;
	font-weight: bold;
}

LABEL {
	font-weight: bold;
}

#feature ul, #feature ol, #feature dl {
	margin-top: 0.25em;
	margin-bottom: 1.25em;
}

#feature ul { margin-left:25px; }

B, STRONG   { font-weight: bolder }

BLOCKQUOTE      { color: #663300; margin-left: 5%; margin-right: 5%; }

BLOCKQUOTE.byline      { color: #000000; margin-left: 5%; margin-right: 5%; }

I, CITE, EM,
VAR, ADDRESS    { font-style: italic }
PRE, TT, CODE,
KBD, SAMP       { font-family: monospace }

CODE		{ font-size: 1.3em; }

PRE             { white-space: pre }
BIG             { font-size: 1.17em }
SMALL, SUB, SUP { font-size: .83em }
SUB             { vertical-align: sub }
SUP             { vertical-align: super }
S, STRIKE, DEL  { text-decoration: line-through }
HR              { border: 1px inset }
/*OL, UL, DIR,
MENU, DD        { margin-left: 1.0em; }*/
OL              { list-style-type: decimal }
OL UL, UL OL,
UL UL, OL OL    { margin-top: 0; margin-bottom: 0 }
U, INS          { text-decoration: underline }
CENTER          { text-align: center }
BR:before       { content: "\A" }

/* An example of style for HTML 4.0's ABBR/ACRONYM elements */

ABBR, ACRONYM   { font-variant: small-caps; letter-spacing: 0.1em }
/*A[href]         { text-decoration: underline } */
:focus          { outline: thin dotted invert }


/* Begin bidirectionality settings (do not change) */
BDO[DIR="ltr"]  { direction: ltr; unicode-bidi: bidi-override }
BDO[DIR="rtl"]  { direction: rtl; unicode-bidi: bidi-override }

*[DIR="ltr"]    { direction: ltr; unicode-bidi: embed }
*[DIR="rtl"]    { direction: rtl; unicode-bidi: embed }

/* Elements that are block-level in HTML4 */
ADDRESS, BLOCKQUOTE, BODY, DD, DIV, DL, DT, FIELDSET, 
FORM, FRAME, FRAMESET, H1, H2, H3, H4, H5, H6, IFRAME,
NOSCRIPT, NOFRAMES, OBJECT, OL, P, UL, APPLET, CENTER, 
DIR, HR, MENU, PRE, LI, TABLE, TR, THEAD, TBODY, TFOOT, 
COL, COLGROUP, TD, TH, CAPTION 
                { unicode-bidi: embed }
/* End bidi settings */


@media print {
  H1, H2, H3,
  H4, H5, H6    { page-break-after: avoid; page-break-inside: avoid }
  BLOCKQUOTE, 
  PRE           { page-break-inside: avoid }
  UL, OL, DL    { page-break-before: avoid }
}

@page { margin: 10%; }

@media aural {
  H1, H2, H3, 
  H4, H5, H6    { voice-family: paul, male; stress: 20; richness: 90 }
  H1            { pitch: x-low; pitch-range: 90 }
  H2            { pitch: x-low; pitch-range: 80 }
  H3            { pitch: low; pitch-range: 70 }
  H4            { pitch: medium; pitch-range: 60 }
  H5            { pitch: medium; pitch-range: 50 }
  H6            { pitch: medium; pitch-range: 40 }
  LI, DT, DD    { pitch: medium; richness: 60 }
  DT            { stress: 80 }
  PRE, CODE, TT { pitch: medium; pitch-range: 0; stress: 0; richness: 80 }
  EM            { pitch: medium; pitch-range: 60; stress: 60; richness: 50 }
  STRONG        { pitch: medium; pitch-range: 60; stress: 90; richness: 90 }
  DFN           { pitch: high; pitch-range: 60; stress: 60 }
  S, STRIKE     { richness: 0 }
  I             { pitch: medium; pitch-range: 60; stress: 60; richness: 50 }
  B             { pitch: medium; pitch-range: 60; stress: 90; richness: 90 }
  U             { richness: 0 }
  A:link        { voice-family: harry, male }
  A:visited     { voice-family: betty, female }
  A:active      { voice-family: betty, female; pitch-range: 80; pitch: x-high }
}


#feature dl { 
	/* background-color:#F1F1F1; */
	/* margin-top:1em;  */
	clear:right;
	padding:12px;
	background-color:#EEE;
	/* border-bottom:1px solid #999; */
	border:1px solid #999;
	}

#feature dd { margin-top:0.5em; }

#feature dt { 
	font-size:1.2em;
	}