/*---------------- ALL PURPOSE ITEMS -------------------------------- */


/* DEFINES DEFAULT FONT, COLOR, AND LINE HEIGHT FOR ALL ITEMS         */
*                { font-family: Arial, Helvetica, san-serif; color: #000; line-height: 140%; }


/* DEFINES DEFAULT FRAMEWORK FOR BASIC HTML                           */
body             { background: #e6e6e6 url("../images/bodyBG.jpg") repeat-x; margin: 0; }

html, body, div, p, form, input, textarea, td    
                 { color: #000; line-height: 130%; }


/* DEFINES DEFAULT ALIGNMENT AND BACKGROUND FOR CONTAINER ELEMENTS    */
.index           { width: 760px; margin: 0 auto; padding: 0 auto;  text-align: center; } 
#container       { width: 760px; margin: 0 auto; padding: 0 auto; }
.bodycontent     { width: 540px; margin: 0 auto; padding: 0 5px 0 5px; }


/* DEFINES SPECIFIC STYLES FOR HTML TAGS                              */
h2               { color: #600; 
                   font-size: 1.0em; 
                   padding: 4px 10px; 
                   margin: 0; 
                   width: 740px; 
                   height: 20px; 
                   text-align: left; 
                   letter-spacing: 1px; 
                   text-transform: uppercase; 
                   background: url("../images/div_top_large.gif") no-repeat; } 
h3               { font-size: 0.9em; padding: 5px; margin: 2px; text-align: left; letter-spacing: 1px; } 
h4               { font-size: 0.8em; }
h5               { font-size: 0.7em; }

p                { font-size: 0.7em; line-height: 130%; }
th               { font-size: 0.8em; background: #bfd2e2; font-weight: bold; color: #000; text-align: left; }
td               { font-size: 0.7em; }
ul               { margin: 0 0 5px 0px; padding: 5px 0 0 15px; list-style-type: disc; }
li               { font-size: 0.7em; margin: 0; padding: 0 5px 3px 0; line-height: 130%; }
option           { color: #000; font-size: 0.7em; }


  a:visited        { text-decoration: underline; color: #000 }
  a:hover          { text-decoration: underline; color: #900 }
  a:active         { text-decoration: underline; color: #f00 }

/*----------------------- HEADER  ----------------------------------- */
/* Texas-And-Star Logo                                                */
div.star        { margin: 10px 0 0 2px; float: left; width: 210px; height: 53px; background: #036 url("../images/starLogo.gif") no-repeat; }

/* Top Navigation                                                     */
div.topnav       { margin: 8px 8px 0 2px; height: 30px; width: 530px; float: right; text-align: right; background: #036  }
.topnav ul        { width: 530px; position: relative; top: 10px; padding: 0 0 0 0;  } 
.topnav ul li     { width: 32px; height: 20px; margin: 0 0 0 2px; padding: 0 0px 3px 5px; list-style: none; display: inline; color: #fff; line-height: 130%; }
.topnav ul li a   { color: #fff;  text-align: center; text-decoration: none; }
.topnav ul li a:visited { color: #ccc; text-decoration: none; }
.topnav ul li a:hover   { color: #fff; text-decoration: underline; }

/* Used for "skip to content" accessability link */
.skipnav           { z-index:99; }   


/*-- LEFT NAVIGATION ----------------------------------------------------------------------------------- */
/*  (It's not your imagination, this section is very convuluted.)                                        */
/**/  
/**/  div#sideBar         { display: block; 
/**/                        margin: auto 0px; 
/**/  						padding-right: 0px; 
/**/  						float: left; 
/**/  						width: 170px; 
/**/  						color: #000; 
/**/  											 }
/**/  
/**/  #sideBar h4         { background: transparent url("../images/curve_top_sidebar.gif") no-repeat top left; 
/**/                        color: #000; 
/**/                        font-size: 0.7em; 
/**/                        line-height: 130%; 
/**/                        text-transform: uppercase; 
/**/                        letter-spacing: 1px; 
/**/                        margin: 0; 
							width: 168px;
/**/                        padding: 3px 0 2px 5px; }
/**/   
/**/  #sideBar ul         { width: 170px; margin: 0px 0 1px 0px; padding: 0 0 1px 0; cursor: hand; 
/**/                        background: transparent url("../images/curve_bottom_sidebar.gif") no-repeat bottom left; }
/**/  #sideBar ul li      { color: #666; line-height: 130%; }
/**/  #sideBar ul li a    { color: #000; font-size: 1.0em; text-decoration: none;}
/**/  
/**/  .menu, .menu ul     { margin: 1px 0 1px 0; padding: 1px 0 1px 0; list-style: none; width: 150px; }
/**/  .menu li            { display: block; margin: 0; padding: 1px 0 1px 0; }

/**/  .menu a             { display: block; padding: 1px 5px; color: #000; text-decoration: none; }
/**/  .menu a:focus, .menu a:hover, .menu a:active { background: #dfdfdf; cursor: pointer; }
/**/  
/**/  .menu li a          { text-decoration: none; }
/**/  .menu li a:visited  { text-decoration: none; }
/**/  .menu li a:hover    { text-decoration: none; }
/**/    
/**/  .menu ul li         { padding-left: 15px; font-size: 1.0em; }
/**/  
/**/  .more, .more a:link, .more a:visited   
/**/                   { background: transparent url("../images/moreBG.gif") no-repeat top left; text-decoration: none;}
/**/  .more a:hover, .more a:focus, .more a:active
/**/                  { background: transparent url("../images/moreBG2.gif") no-repeat top left; text-decoration: none; } 

/**/  .more3, .more3 a:link, .more3 a:visited   
/**/                   { background: transparent url("../images/moreBG1.gif") no-repeat top left; text-decoration: none;}
/**/  .more3 a:hover, .more3 a:focus, .more3 a:active
/**/                  { background: transparent url("../images/moreBG3.gif") no-repeat top left; text-decoration: none; }
 
/**/  .more2, .more2 a:link, .more2 a:visited   
/**/                   { background: transparent url("../images/moreBG1a.gif") no-repeat top left; }
/**/  .more2 a:hover, .more2 a:focus, .more2 a:active
/**/                   { background: transparent url("../images/moreBG3a.gif") no-repeat top left; }

/**/  .more4, .more4 a:link, .more4 a:visited   
/**/                   { background: transparent url("../images/moreBG4.gif") no-repeat top left; }
/**/  .more4 a:hover, .more4 a:focus, .more4 a:active
/**/                   { background: transparent url("../images/moreBG4a.gif") no-repeat top left; }

/**/  .more ul li, .more2 ul li, .more3 ul li, .more4 ul li
/**/                   { background: transparent url("../images/dd.gif") no-repeat top left; }


/**/  
/**/               
/**/  .hidden            { display: none; }
/**/  #topbarprint       { display: none; }
/**/


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



/* DIV_TOP_LARGE AND DIV_BOTTOM_LARGE ARE WHAT PROVIDE                */
/* THE ROUNDED CORNERS FOR THE FULL-WIDTH REGIONS                     */


div.div_top_large     { margin: 0; 
                        padding: 0; 
						width: 760px; 
						height: 28px; 
						background: transparent url("../images/div_top_large.gif") no-repeat; }
												
div.div_bottom_large    { margin: 0 auto 4px 0; 
                          padding: 5px 10px 10px 10px; 
						  width: 760px;  
						  background: transparent url("../images/div_bottom_large.gif") no-repeat bottom left; }
div.div_bottom_large p  { margin: 0 20px 8px 0; padding: 10px auto auto auto;}
div.div_bottom_large ul { margin: 0px 20px 0px 0; padding: 50px auto auto auto; }


h3.selectDist        { color: #900; font-size: 1.0em; padding: 4px 10px 0 0; margin: 0; } 

.instructions h3     { color: #036; padding: 4px 10px; margin: 0 0 1px 0; } 
.aboutData h3        { color: #e8802c; padding: 4px 10px; margin: 0 0 10px 0; } 
.help ul li          { list-style: none; }

/* DEFINE SIZE AND STYLE OF IFRAME */
.iframeindex         { width: 860px; margin: 0 auto; padding: 0 auto;  text-align: center; } 
#iframecontainer     { width: 860px; margin: 0 auto; padding: 0 auto; }                                   
div.iframe           { width: 680px; 
                       height: 720px; 
                       margin: auto auto auto 3px; 
                       padding: 4px 0; 
                       background: url("../images/iframeBG.gif") no-repeat; 
					   float: right;
                       position: absolute; left: 170px; top: 0px; }
											 
div.iframe p { font-size: 0.7em; text-align: right; margin: 0 20px 0px 0; padding: 0px auto auto auto; }
div.iframe a { color: #000; list-style: none;  text-decoration: underline; }
div.iframe a:visited { color: #000; text-decoration: underline; }

div.iframe2  { height: 720px; background: transparent url("../images/div_bottom_large.gif") no-repeat bottom; }
					
div.iframe2 p { font-size: 0.7em; text-align: right; margin: 0 20px 0px 0; padding: 0px auto auto auto; }
div.iframe2 a { color: #000; list-style: none;  text-decoration: underline; }
div.iframe2 a:visited { color: #000; text-decoration: underline; }

/* CSS for the GLOSSARY                                               */
.displayGlossary       { list-style: none; padding: 3px 20px 2px 100px; margin: 3px 3px 2px 0px; color: #e8802c; }
.displayGlossary li    { display: inline; padding: 3px 10px 2px 0px; }

.displayGlossary li a:link      { color: #000; }
.displayGlossary li a:visited   { color: #666; }
.displayGlossary li a:hover     { color: #f00; }
.displayGlossary li a:active    { color: #e8802c; }

dl    { margin: -15px auto auto 5px; padding: 30px auto auto 5px; width: 760px; }
dt    { font-size: 0.7em; margin: 15px auto auto 5px; width: 620px; font-weight: bold; }
dd    { font-size: 0.7em; margin: auto 60px 5px 25px; padding: auto 60px 5px 25px; }
  
/* CSS for the DISTRICT LIST INCLUDE                                  */
.selectionbox h4 { margin: 0 4px 0 0; }
.selectionbox { float: left; margin: 6px 8px 4px 0; }
.selectionbox select option { font-size: 0.8em; }


		
/* CSS FOR THE TABLES WHICH DESCRIBE WHERE PARTICULAR DATA IS OBTAINED FROM   */
table.datasource     { border: 1px solid #93b1cd; width: 700px; border-collapse: collapse; }
  table.datasource tr  { border: 1px solid #93b1cd; background: #bfd2e2; }
  table.datasource th  { border: 1px solid #93b1cd; background: #bfd2e2; color: #000; }
  table.datasource td  { border: 1px solid #93b1cd; background: #fff; }