body {
  padding: 0;
  margin: 0; 
  font-family:verdana,ARIAL,HELVETICA,sans-serif;
	/*background-color:white;*/
  /*use this with shell and content for centering; currently only centering home page */
  
  
}  

table {
	width: 95%;
}


/*~~~~~~~~~~~~~~~~~general headings~~~~~~~~~~~~~~~~~~*/

h1 {text-align: left; font-size:16px; font-weight:bold }
h2 {text-align: left; font-size:14px; font-weight:bold;}
h3 {text-align: left; font-size:12px; font-weight: bold }
h4 {text-align: left; font-size:10px; font-style: italic }

/*~~~~~~~~~~~~~~~~~~ simple text header for printer friendly version ~~~~~~~~~~~~~~~~~~*/


@media print {
	html, body, p, ul, li, table, tr, td, a {
	font-size: 16pt;
	}
	
	#body2ndLevel {
	font-size: 16pt;
	}
	
	#headerAllLevels
  	{
	display: none;
	}
		
	#mobileHead{
		display:none;
	}
	
	#homeContact {display:none;}
	
	#printHead {
	font-family:"Times New Roman",Georgia,Serif;
	border-bottom:1px solid #660000;
	display:block;
	}
	
	#tilesMobile {display: none;}
	
	}

/* ~~~~~~~ For full-size screens ~~~~~~~~*/

@media screen {
	
	#headerAllLevels {
		height:140px;
		/*width:100%;*/
		min-width:975px;
		background-image:url(images/header_line.jpg);
		
	}
	
	#mobileHead{
		display:none;
	}
	
	#tilesMobile {display: none;}
	
	
	#homeContact {display:none;}
	
	#printHead 
	{
	display: none;	
	}	
	
	div.container2 {
	background-color:white;
	font-size: 13px;
	padding-top:18px;
	position:relative;
	background-color:white;
	left: 5%;
	width: 75%;
	
}
	
	/* ~~~~~~~~~~~~~~~~multicolumn display that turn to single columns ~~~~~~~~~~~~~~~~*/
div.multicoltwoChange {
     -webkit-column-count: 2; /* Chrome, Safari, Opera */
     -moz-column-count: 2; /* Firefox */
     column-count: 2;
	 column-gap: 40px;
	 column-fill: balance;
 } 

div.multicolthreeChange {
     -webkit-column-count: 3; /* Chrome, Safari, Opera */
     -moz-column-count: 3; /* Firefox */
     column-count: 3;
	 column-gap: 5px;
	 column-fill: balance;
 } 
	
	div.multicolthreeOneChange {
     -webkit-column-count: 3; /* Chrome, Safari, Opera */
     -moz-column-count: 3; /* Firefox */
     column-count: 3;
	 column-gap: 5px;
	 column-fill: balance;
 } 

form {
	
	width: 75%;
	padding-bottom: 20px;
}
	
	
	
	ul.NanN {
		list-style:none;
		padding-bottom:5px;	
	}	
	
	li.NandN {
		padding-bottom:25px;
		display:flex;
		align-items:flex-start
	}
	
	div.NandN {
	 padding-left:20px;
	}
	
	
	.mobileShow {
		display:none;
	}
	
	
	}

/*#printHead {
display: none;	
}*/

/* ~~~~~~~ For small screens / large text ~~~~~~~~*/

@media screen and (max-width: 1100px) {
	#headerAllLevels { display: none;}
	
	#printHead {display:none;}
	
	#menu {display:none;}
	
	#billSearch {float:left;}
	
	#catalog {float:left;}
	
	#siteSearch {float:left;}
	
	#homeSearch {display:none;} 
	
	div.Connect {display:none;} 
	
	#billStatus {display:none;} 
	
	#contactUs {display:none;} 
	
	/*#homeNotice {display:none;}*/
	
	#homeNotice {
		border-top:1px solid #B7BC54;
		}
	
	#homeFoot {display:none;}
	
	#homeContact {display:block;}

	#tiles {display:none;}
	
	#tilesMobile {display: block;
	width:95%;
	}
	
	#tilesMobile ul {	
		list-style: none;
	}
	
	#homeLeft {
		clear:both;	
		width:100% !important;
		margin:0px auto;
		padding-bottom:10px;
	}
	
	#quickLinks {
		-webkit-column-count: 2; /* Chrome, Safari, Opera */
     	-moz-column-count: 2; /* Firefox */
     	column-count: 2;
	}
	
	#TexasLinks {
		-webkit-column-count: 2; /* Chrome, Safari, Opera */
     	-moz-column-count: 2; /* Firefox */
     	column-count: 2;
	}
	
	#contactUs {
		clear: both;
		-webkit-column-count: 2; /* Chrome, Safari, Opera */
     	-moz-column-count: 2; /* Firefox */
     	column-count: 2;
	}
	
	#homeMiddle {
		clear:both;	
		width:98% !important;
		margin:0px auto;
		margin-left:10px;
		border-bottom:1px solid #B7BC54;
	}
	
	#homeRight {
		clear:both;
		width:100% !important;
		margin:0px auto;
	}
	
	
	#mobileHead {
		display: block;
		height:132px;
		 padding-left: 8px;
		 padding-top: 8px;
		background-image:url(images/header_line.jpg);
		font-family:"Times New Roman",Georgia,Serif;
		border-bottom:1px solid #660000;
	}
	
	
	div.container2 {
	font-size: 13px;
	padding-top:18px;
	margin:auto;
	position:relative;
	width: 90%;
	background-color:white;
	left:auto;
	
}
	
/* ~~~~~~~~~~~~~~~~multicolumn display that turn to single columns ~~~~~~~~~~~~~~~~*/
div.multicoltwoChange {
     -webkit-column-count: 1; /* Chrome, Safari, Opera */
     -moz-column-count: 1; /* Firefox */
     column-count: 1;
	
 } 

div.multicolthreeChange {
     -webkit-column-count: 2; /* Chrome, Safari, Opera */
     -moz-column-count: 2; /* Firefox */
     column-count: 2;
	 column-gap: 5px;
	 column-fill: balance;
 } 
	
	div.multicolthreeOneChange {
     -webkit-column-count: 1; /* Chrome, Safari, Opera */
     -moz-column-count: 1; /* Firefox */
     column-count: 1;
	 column-gap: 5px;
	 column-fill: balance;
 } 
	
	form {
	
	width: 90%;
}
	

		
	ul.NanN {
		list-style:none;
		padding-bottom:5px;	
		padding-left:0;
		margin:0;
	}	
	
	li.NandN {
		padding-bottom:25px;
		padding-left:0;
		margin:0;
		display:flex;
		flex-direction:column;
		flex-wrap:wrap;
		align-items:flex-start
	}

	div.NandN {
	 padding-left:0px;
	}

	
	.mobileHide {
		display:none;
	}
	
	.mobileShow {
		display:block;
	}
	
}

/* ~~~~~~~ For in-between sizes ~~~~~~~~*/

@media screen and (min-width: 1000px) AND (max-width: 1200px) {
	#headerAllLevels { display: block;}
	
	#printHead {display:none;}
	
	#mobileHead {
		display:none;
	}
	
		#topLinks
	{
		display:none;
	}
}
	

#screenOption {display:none;}
#printOption {display:inline;padding-left:10px;}

	

/*~~~~~~~~~~~~~~~~~~~~~~~~~~ home page container for centering ~~~~~~~~~~~~~~~~~~*/

#shellHome {


	
	}
	
#ContentHome {
	width:100%; /*Changed width to percentage instead of fixed width. AS*/
	margin:0px auto; 
	text-align:left;
	}
	

/*~~~~~~~~~~~~~~~~~~~~Nav bar styles ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.topnav {
	color: #3A4883; /*darker blue*/
  /*color: #FFFFCC;
  background-color: #4759A3; *//*dark blue*/
 /*background: linear-gradient(#BACBF3, #4759A3 30%);*/
 background: linear-gradient(#BACBF3, #3A4883 30%);
 border:1px solid black;
}

div.dropdown-menu a {
	/*color: #FFFFCC;*/
	color: #3A4883; /*darker blue*/
	border: 0 solid #B8CFEB; /*THEME CHANGE HERE*/
	border-bottom-width: 1px;
	padding: 2px 20px 0 0;
	text-indent: 5px;
}

div.dropdown-menu {
	background-color: #EDF3FA; /*lighter blue*/
}

div.dropdown-menu2 {
	background-color: white !important;
}

a:link.nav-link {
	font-size:.9em;
	font-weight:bold;
	color: #FFFFCC !important;/*more yellow*/
	/*color: #EFEDDE  !important;*/ /*more taupe*/
	text-decoration:none;
}

a:link.nav-link2 {
	text-decoration:none;
}

a:link.dropdown-item {
	text-decoration:none;
	font-weight:bold;
}

a:link.dropdown-item2 {
	text-decoration:none;
}


/*Adds high focus to navebar links */
a:link.nav-link:focus {
  outline: 0.1rem solid #EFEDDE;
	border-radius: 5px;}	


/*~~~~~~~~~~~~~~~~~~~~ Home page body ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

div.containerHome {
  	/*width: 900px;*/ 
	margin:0px auto; /*This line is an AS addition*/
	width:100%;/*AS changed width from fixed to percentage to make fluid layout*/
	background-color:#EDF3FA !important;

}


/* ~~~~~~~~~~~~~~~~~~~~~~~ Other sytles ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
div.blackBold { color: #000000; font-size:12px; font-weight:bold }

form.wide {
	width: 95%;
	padding-bottom: 20px;
}

div.containerWide  {
	font-size: 13px;
	padding-top:18px;
	margin:auto;
	position:relative;
	width: 90%;
	background-color:white;
	left:auto;
}


p.body {
	margin-left: 0px; 
	margin-top: 0px; 
	margin-right: 0px; 
	margin-bottom: 10px;
	font-size:12px;
}

button.btn {
	color:#003366 !important;
}

A:link {color:#003366; text-decoration:underline; }
/*A:active { color:#FFFFFF; font-weight:bold;}*/
A:active {color:#FFFFFF; text-decoration:underline;}
A:visited {color:#603; text-decoration:underline;}
A:hover {color:#000000; text-decoration:underline; }


A:link.12 {font-size:12px; color:#003366; text-decoration:underline;}
A:active.12 {font-size:12px; color:#FFFFFF; text-decoration:underline;}
A:visited.12 {font-size:12px; color:#603; text-decoration:underline;}
A:hover.12 { font-size:12px; color:#000000; text-decoration:underline;}


A:link.noDeco9 { font-size:9px; color:#003366; text-decoration: none }
A:active.noDeco9 { font-size:9px; color:#003366; text-decoration: none }
A:visited.noDeco9 { font-size:9px; color:#603; text-decoration: none; }
A:hover.noDeco9 { font-size:9px; color:#000000; text-decoration: none }

A:link.noDeco10 { font-size:10px; color:#003366; text-decoration: none }
A:active.noDeco10 { font-size:10px; color:#003366; text-decoration: none }
A:visited.noDeco10 { font-size:10px; color:#603; text-decoration: none; }
A:hover.noDeco10 { font-size:10px; color:#000000; text-decoration: none }

A:link.noDeco11 { font-size:11px; color:#003366; text-decoration: none }
A:active.noDeco11 { font-size:11px; color:#003366; text-decoration: none }
A:visited.noDeco11 { font-size:11px; color:#603; text-decoration: none; }
A:hover.noDeco11 { font-size:11px; color:#000000; text-decoration: none }

A:link.noDeco12 { font-size:12px; color:#003366; text-decoration: none }
A:active.noDeco12 { font-size:12px; color:#003366; text-decoration: none }
A:visited.noDeco12 { font-size:12px; color:#003366; text-decoration: none }
A:hover.noDeco12 { font-size:12px; color:#000000; text-decoration: none }

A:link.pageHeader { font-size:16px; color:#003366; text-decoration: none }
A:active.pageHeader { font-size:16px; color:#003366; text-decoration: none }
A:visited.pageHeader { font-size:16px; color:#003366; text-decoration: none }
A:hover.pageHeader { font-size:16px; color:#000000; text-decoration: none }


A:link.noDeco16 { font-size:16px; color:white; text-decoration: none; font-style:normal; font-weight:bold; }
A:active.noDeco16 { font-size:16px; color:white; text-decoration: none; font-style:normal; font-weight:bold;  }
A:visited.noDeco16 { font-size:16px; color:white; text-decoration: none; font-style:normal; font-weight:bold;  }
A:hover.noDeco16 { font-size:16px; color:white; text-decoration: none; font-style:normal; font-weight:bold; }

A:link.noDeco { font-size:12px; color:#003366; text-decoration: none }
A:active.noDeco { font-size:12px; color:#003366; text-decoration: none }
A:visited.noDeco { font-size:12px; color:#003366; text-decoration: none }
A:hover.noDeco { font-size:12px; color:#000000; text-decoration: none }


A:link.footerMail { font-size:9px; color:#660000; }
A:active.footerMail { font-size:9px; color:#003366;  }
A:visited.footerMail { font-size:9px; color:#603;  }
A:hover.footerMail { font-size:9px; color:#000000; }


A:link.notesURL {color:#003366; font-size:100%; }
A:hover.notesURL { color:#000000; font-size:100%; }
A:visited.notesURL {color:#003366; font-size:100%; }

a:link.head {color:white; text-decoration: underline; font-weight: bold}
a:active.head {color:white; text-decoration: underline; background-color: #2F415B}
a:visited.head {color:white; text-decoration: underline; font-weight: bold}
a:hover.head {color:white; text-decoration: underline; background-color: #2F415B}


A.topRight{color:#603; text-decoration: none; font-size: 85%;}

A:link.disclaimerURL {color:#666666; text-align:center; font-size:90%;}
A:hover.disclaimerURL { color:#666666; text-align:center; font-size:90%;}
A:visited.disclaimerURL {color:#666666; text-align:center; font-size:90%;}


#skip a
{
position:absolute;
left:-10000px;
top:auto;
width:1px;
height:1px;
overflow:hidden;
color:#92AEEC;
}
 
#skip a:focus
{
position:static;
width:auto;
height:auto;
color:#FFF;
} 

a.skip {
position:absolute;
left:-10000px;
top:auto;
width:1px;
height:1px;
overflow:hidden;
color:#92AEEC;
}

a.headerSkip {
	/*color: #92AEEC;*/
	color:transparent;	
}

a:focus.headerSkip {
	color:#603; 
	text-decoration: none;
	font-size: 85%;
}


/*~~~~~~~~~~~~~~~table styles used in dynamic output lists~~~~~~~~~~~*/
table.indent { margin-left:+3em  }
table.results { margin-right:1em; }
table.billStats {font-size:85%;}
tr.resultRow1 { background-color:#FFFFFF }
tr.resultRow2 { /*background-color:#EFEDDE*/background-color:#f2efe5; } 
tr.lastSelect {background-color:#D5DBDB; color:white;}
td.subHead { background-color:#ECE9D8; text-align:left; font-weight:bold;  padding-top:3pt; padding-bottom:3pt; padding-right:1em; padding-left:1em; border-bottom:1pt solid #988A71 }
td.bold { vertical-align:bottom; font-weight:bold}
td.deLabel{ font-size:90%; vertical-align:bottom; font-weight:bold; text-align:right; vertical-align:top}
td.indent { padding-left:10pt }
td.head {color:gray; padding-left:20pt; background-color:white; font-weight:bolder; padding-bottom:1pt; padding-top:1pt; padding-left:5pt}
th { text-align:center; color:white;background-color: #3A4883; /*color: #000; background-color:#CBC9BF;*//* taupe*/ /*background-color:#4759A3;*/ padding-left:5pt; padding-right:5pt}
th.left { text-align:left; color: #000; background-color:#CBC9BF;} /*This is used for the bill stats tables*/
td.results { border-bottom: 1px solid #CCCCCC; vertical-align:top }
table.calendar { border-top: 1pt solid #999999; border-left:1pt solid #999999 }
td.calendar { border-bottom:1pt solid #999999;border-right:1pt solid #999999; color:#666666 }
caption { text-align:center; font-size:110%; font-weight:bold; padding-bottom: 1em }

/*~~~~~~~~~~~~~~~~~~~~~row style used to mark vetoed rows in ISAf ~~~~~~~~~~~~~~~~~~~*/
tr.vetoedRow1 { background-color:#FFFFFF; color:#666666; font-style:italic } 
tr.vetoedRow0 { background-color:#EFEDDE; color:#666666; font-style:italic } 
tr.resultsRow1 { background-color:#FFFFFF } 
tr.resultsRow0 { /*background-color:#EFEDDE*/ background-color:#f2efe5; } 


 table.tablesorter thead .disabled {
        display:none;
    }

/*~~~~~~~~~~~~~~~~~special paragraphs~~~~~~~~~~~~~~~~~~~~*/

p.center { text-align:center }
p.disclaimer { color:#666666; font-size:95%; text-align:left }
p.footer { text-align:left; font-size: 70% }
p.indent { margin-left:+3em }
p.light { color:gray }
p.notes {  font-size:90%; text-align:left }
p.results { margin-left:.25in}
p.resultsBorder { margin-left:1em; border-top:1pt solid #CCCCCC; border-bottom:1pt solid #CCCCCC; padding:3pt}
p.sources {  text-align:left; padding-left: .3em; font-size: 90% }
p.subHead { text-align:left}

/*~~~~~~~~~~~~~~~~~special span classes~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

span.disclaimer { color:#666666; font-style: italic; text-align:center }
span.emphasis { font-weight: bold }
span.light { color:gray }
span.listindent { margin-left: 1.5cm }
span.match { color:#990000 }
span.notes {  font-size:90%; text-align:left }
span.results { margin-left:.25in }
span.resultsTerms { width:60%; padding-left:1em }
span.srcURL   {font-size: 80% }
span.srcbktitle { font-style:italic }
/*span.sources { font-size:60% }*/
span.tinyLight { color:gray; font-size:smaller; font-style:italic }
span.underline { text-decoration: underline }
span.nnHead { font-size:100%; font-style:italic}
span.nnItemTitle { margin-left: -1em }
div.nnItem { padding-left: 4em; padding-bottom:3pt }
span.nnItem { font-size:80%; color:#666666; font-style:italic }
span.anno { font-size: 90% }
span.label { font-style:normal; font-weight:normal; color:black; padding-right:1em}
span.subject { font-style:italic }
span.footer {font-size:11px; color: #660000; text-align:center; vertical-align:middle;}
span.phead{font-family:"Times New Roman",Georgia,Serif;font-weight:bold;font-size:20pt;color:#006;}
span.printTag{font-family:"Times New Roman",Georgia,Serif;font-weight:normal;font-style:italic;font-size:12pt;}
span.smallCap {font-variant: small-caps; font-weight:600;}

/*~~~~~~~~~~~~~~~~~~~ list style for landing pages lists ~~~~~~~~~~~~~~~~~~~~~~~*/
ul.landing {list-style:none;padding-bottom:5px;}
li.landing {padding-bottom:15px;}

/*~~~~~~~~~~~~~~~~~~~ list style for homepage link lists ~~~~~~~~~~~~~~~~~~~~~~~*/

/*New list class - added by AS for home page redesign.*/
ul.homepage {list-style:none;padding:0px;margin:0px;}
li.homepage {padding:3px;}

/* ~~~~~~~~~~~~~~~~ general multicolumn display ~~~~~~~~~~~~~~~~*/
div.multicoltwo {
     -webkit-column-count: 2; /* Chrome, Safari, Opera */
     -moz-column-count: 2; /* Firefox */
     column-count: 2;
	 column-gap: 40px;
	 column-fill: balance;
 } 

div.multicolthree {
     -webkit-column-count: 3; /* Chrome, Safari, Opera */
     -moz-column-count: 3; /* Firefox */
     column-count: 3;
	 column-gap: 5px;
	 column-fill: balance;
 } 



/*~~~~~~~~~~~~~~~~~~ list styles for horizontal lists ~~~~~~~~~~~~~~~~~~~~~*/

ul.horizontal {
  	list-style: none;
	padding-left:0;
}

ul.horizontal li {
  display: inline-block;
	padding-right: .5em;	
	margin-bottom: 5px;
}

ul.horizontal li:not(:last-child) {
  border-right: 1px solid black;
	
}

/*~~~~~~~~~~~~~~~~~~ list styles for inaugural lists ~~~~~~~~~~~~~~~~~~~~~*/

ul.inaugural {
  	list-style: none;
	padding-left:0;
}

ul.inaugural li {
  display: inline-block;
	padding-right: .5em;	
	margin-bottom: 5px;
	text-align: center;
}


/*~~~~~~~~~~~~~~~~~~~Form styles ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

input[type=button], input[type=submit], input[type=reset] {
  background-color: lightgray;
  
}