/* page_title: made line-height 50% and padding bottom 10 px to get higher on page. */
/*  old_browser:  changed from "display: none" to position: fixed; left: -1500 px; */

/* "D" = DEPRECATED */
/* "R-style" = REPLACED BY new style*/

/* 2008 blue sides styles */

*						{ margin: 0px; padding: 0px;	
}

  /* ------ LINK STYLES ------ */
  /* ------ was 2222ee ------ */
a 						{ color:#2750ae;	text-decoration:none;
}
a.current 			{	color:#999999; 
}
a:hover 				{ text-decoration: underline;
}
  /* END LINK STYLES */
/* ------------------------------------------------------------------------------- */

  /* ------- ENTIRE PAGE ------- */
body   				{ background-color:#FFFFFF; 
						/*font-size: 90%; */
					  	  font-family: /*"Gill Sans", "Gill Sans MT",*/ Arial, Helvetica, sans-serif;
}
.header_table     {  background-image:url('/common/images/2010/TravisCounty_01.jpg'); 
                     background-repeat: no-repeat; 
							background-position: left bottom;
}							

  /* ------- HEADINGS ------- */
h1, h2, h3, h4 	  { 	  color:#32457c;
						  font-family: /*"Gill Sans", "Gill Sans MT",*/ Arial, Helvetica, sans-serif;
						  margin-bottom: 0px;
						  margin-top:0px;
						  padding-bottom:4px;	
						  padding-top:6px;
}

h1 					{ font-size: 115%; 
						     padding-top:0px;
							  margin-top:0px;
}

h2 					{ font-size: 110%; 
                        
/*						  text-decoration:overline;
						  border-bottom-style:solid; 
						  border-bottom-width:1px; 
						  border-bottom-color:#E5E5E5;  */
}

h3, h4 				{ font-size: 13px;  
                      color: #583f21; 
    			   /* color:#5e4d38; */
}

#content hr				{    padding-bottom:0px; 
							  padding-top:0px;
							  margin-bottom:0px;
							  margin-top:0px;
}

.page_banner 			{ font-size:140%; 						  
						     font-weight:bold;
							  padding-left:200px;							   						  
						     padding-top:0em;
						     padding-bottom:.5em;
}

/* ------------------------------------------------------------------------------- */
.side_td          { background-color: #324978;
                    color: #FFFFFF: 
}
#sidenav 			{  font-size: 13px;
						   color:#DDDDDD;
						   clear:left;
							float:left;
							margin-left:3px;
							margin-top:4px;							
							width:160px;
							height: 100%;
							padding-left:.5em; 
							padding-right:.2em;
							line-height:1.2em;
							 
}


#sidenav ul				{ padding-left: .5em; 						  
						     padding-right: .5em;						  
						     list-style-type: circle; 
}
#sidenav p 				{ padding-bottom:2px; margin-bottom:3px; 
}
.sidenav_box 			{ border:thin solid rgb(100,140,250); 						  
						     background-color:#731D0B;
							  width:157px;
							  margin-left:-6px;
							  margin-top:8px;
  							  margin-bottom:3px;							   
}
.election_box 			{ border:thin solid rgb(100,140,250); 						  
						     background-color:#731D0B;
							  width:157px;
							  margin-left:-6px;
							  margin-top:8px;
  							  margin-bottom:3px;							   
/*
*/							  
}
  /* END LEFT NAVIGATION */

  /* ------- GENERIC NAVIGATION ------- */
.nav_title 				{ padding-top:.5em;						  
						     padding-left:1em;
						  	  font-weight:bold;						  
						     color:#CCAA00 
}	
.nav_title_blue 		{ padding-top:.5em;	 /* not used, only in stylesheets */					  
						  padding-left:1em;
						  font-weight:bold;						  
						  color:#224488; 
}
.nav_heading 			{ padding-left:.5em; 						  
						     padding-top:7px; 						  
						     color:#CCAA00; 
}


.nav_comment 			{ color:#C3C3C3 
}
  /* END GENERIC NAVIGATION */
/* ------------------------------------------------------------------------------- */


  /* ------- EDITABLE REGION SPECIFIC NAVIGATION-------  */

/* ---- where are these used?  who knows -------- */
#visually_impaired_nav 	{ font-size:1px; color:#FFFFFF
} /*D*/
.visually_impaired_nav 	{ font-size:1px; color:#FFFFFF
} /*D*/
/* ---------------------------------------------------- */

#footer_nav				{ font-size:75%; font-weight:bold;
}
  /* END HEADINGS*/

  /* LEFT NAVIGATION */
  /* --- courts nav styles defined at bottom of sheet --- */

  /* ------- BODY SPECIFIC ID AREAS -------  */
#county_address 		{ font-size:75%; 						  
						     clear:right; 						  
						     float:right; 						  
						     padding-right:8px; 
}

.old_browser 			{ display:none
                             /* position:fixed;
							  left: -1500px;
							  right: 200px; */
}

#content 				{ margin-top:10px; 						  
						     padding-right:2em; 						  
						     padding-left:15px; 						  
						     font-size:13x;  
/*							  font-size:13px;*/
} 

#content p 				{     font-size:14px;
                              line-height:130%;
							  padding-bottom:7px; 
							  padding-top:0px;
							  margin-bottom:0px;
							  margin-top:0px;
}
#content strong      { color:#454545; font-family:arial; }
#content b           { color:#454545; font-family:arial; }

/* ------------- LIST STYLES ---------------- */	

.list_heading        { padding-left:10px;
                       padding-bottom:3px; 
} /* used on hhs research main page */

#content ul 			{   font-size:14px;
                            margin-top:-8px; 						  
						     padding-left:1.5em;
							  margin-left:1.5em; 						  
						     padding-bottom:.7em; 						  
						     list-style:circle; 
}
#content ul.none 		{ list-style:none 
}
#content ul.disc 		{ list-style:disc 
}
#content ul.square 	{ list-style:square 
}
#content ul li  		{ padding-top:6px 
}

#highlight_box table ul li   { padding-top:0px
}


#content ul.no_indent  { padding-left:.5em;
								margin-left:.5em;
}
#content ul.sublist 	{ padding-top:0px; 						  
						     padding-bottom:0px; 						  
						     padding-left:1.5em; 						  
						     list-style:none; 	 
}

#content ol   			{   font-size:14px;
                            padding-top:.1em; 						  
						     padding-left:1.7em;
							  margin-left:1.7em; 						  
						     padding-bottom:.7em;
}
#content ol li  		{ padding-top: 10px 
}
#content ol lowAlpha { list-style:lower-alpha 
}
#content ol upAlpha  { list-style:upper-alpha 
}
#content ol lowRoman { list-style:lower-roman 
}
#content ol upRoman  { list-style:upper-roman 
}
#content ol no_indent  { padding-left:.7em;
								margin-left:.7em;
}
#content ol sublist 	{ padding-top:0px;						  
						     padding-bottom:0px; 						  
						     padding-left: 1.5em; 
}
#content ol li box_list 	{ padding-top:0px;						  
						     padding-bottom:5px; 
							  padding-left: -10px;						  
						     margin-left: -10px;
							  line-height:110%; 
}

#content dl   			{ padding-top:.1em; 						  
						     padding-left:1.7em;
							  margin-left:1.7em; 						  
						     padding-bottom:.7em;
}
#content dl dt  		{ padding-top: 10px;
							  color:#000099;
							  font-family:monospace;
							  font-weight:bold; 

}
#content dl dd  		{ color:#000099;
							  padding-left:3em;
}
/* END LIST STYLES */

/* ------- BODY LINKS ------- */
/* ------- A was #2211eE ------- */

#content a 						{ color:#2750ae;	text-decoration:none;
}
#content a.current 			{	color:#999999; 
}
#content a:hover 				{ text-decoration: underline;
}
#content a.plain		{ color: #000000; 
							  text-decoration: none; 
							  font-weight: normal; 
}


/* ------------ CHANGED FORMATTED OBJECT FROM CELL TO TABLE --------------- */

/* #1content th 			{ font-size:85%; 				*/		  
/*						     font-weight:bold; 			*/			  
/*						     background-color:#DFFFBE;  */
/*}														*/
/*#1content td 			{ font-size:85%; 				*/
/*}														*/
/*#1content td.normal 	{ font-size:95%; 				*/
/*}														*/
	
/* CHANGED FORMATTED OBJECT FROM CELL TO TABLE */
#content table 		{ font-size:1em;
                       line-height:150%; 
} 
#content th 			{ font-weight:bold; 						  
				  			  font-size:90%;
							  background-color:#D0DFFF;
				  			  border-bottom: thin groove rgb(50,70,180);
}
/* -----------ADDED 5/28/2011 ----------------*/
.internal_td_heading			{ font-weight:bold; 						  
				  			  font-size:90%;
							  background-color:#D0DFFF;
				  			  border-top: solid 1px rgb(50,70,180);
				  			  border-bottom: solid 1px rgb(50,70,180);							  
							  
}
/* ----------- END ADDED 5/28/2011 ----------------*/
#1content td          {   /*font-size:90%; */
								line-height:150%; 
} 

#content table.normal {  font-size:1em; line-height:160%} 
#content td.normal {  font-size:1em; line-height:160%} 
#content td p.normal {  font-size:1em; line-height:160%} 
#content td.bottom 	{ border-bottom: thin groove rgb(50,70,180);
}
#content   p.link_table {
	font-size:90%;
	line-height:110%;
	margin-top:4px;
	margin-bottom:-4px;
}
#content.bold  		{font-weight:bold;
                     color: #333333; 
}


#content sup {
	height: 0;
	line-height: 1;
	position: relative;
	top: -0.6em;
	vertical-align: baseline !important;
	vertical-align: bottom;
}



/* ------------ END CHANGE FROM CELL TO TABLE --------------- */




#dept 					{ margin-top:-10px;
                       display:none;
							  margin-left:0px;
							  padding-left:0px;
							  font-size:75%; 						  
						     color:#055CC3; 						  
						     font-weight:bold; 
}
#page_title 			{ xpadding-left:15px; 						   						  
						     font-weight:bold; 						  
						     padding-top:0px;
						     padding-bottom:10px;							  
							  margin-top:0px;
							  line-height:110%;
}
.pagetitle 			{ xpadding-left:15px; 						   						  
						     font-weight:bold; 						  
						     padding-top:0em;
							  margin-top:0em;
							  line-height:50%;
}

  /* END BODY SPECIFIC ID AREAS */
/* ------------------------------------------------------------------------------- */

/* --------	RIGHT NAV STYLES --------*/
#rightnav 				{ font-size:13px; 						  
						     color:#DDDDDD;
							  float:right; 						  
						     margin-top:5px;  						  
						     margin-left:3px;
							  padding-left:.7em; 						  
						     padding-right:1em;
							  width:160px; 						  
						     height:100%;
							  line-height:1.2em; 
}
#rightnav a 			{ color:#90BAE3;	
							  text-decoration:none; 
}
#rightnav a.current 	{color:#BBBBFF; 
}
#rightnav a:hover 	{ text-decoration:underline;
}
.nav_heading 			{ padding-left:.5em; 						  
						     padding-top:7px; 						  
						     color:#CCAA00;
}
#rightnav ul			{ padding-left:.5em; 						  
						     padding-right:.5em; 						  
						     list-style-type:circle; 
}
#rightnav p 			{ padding-bottom:2px; margin-bottom: 3px; 
}

  /* END RIGHT NAV STYLES */
/* ------------------------------------------------------------------------------- */

  /* -------- FOOTER -------- */
#footer 					{ border-top-style:solid; 						  
						     border-top-width:1px; 						  
						     border-top-color:#E5E5E5; 
							  clear:both; 						  
						     float:left;  						  
						     width:100%; 						  
						     padding-top:.5em; 
}	
#contact 				{ font-size:75%; 						  
						     color:#000000; 						  
						     padding-left:2em;
}
#disclaimer 			{ font-size:75%; 						  
						     color:#000000; 						  
						     padding-left:2em; 						  
						     padding-right:2em;
}
#help 					{ text-decoration:none; 
}
  /* END FOOTER */
/* ------------------------------------------------------------------------------- */
 
  /* -------- HIGHLIGHT BOXES and FLOATING PICS --------*/
.left_pic 				{ float:left; 						  
						     padding-top:1em; 
}
.right_pic 				{ float:right; 						  
						     padding-top:1em; 
}
.box_text				{ font-size:95%; }

.highlight_box_right 		{  						  
						     background-color:#EEEEEE; 						  
						     border:1px solid #DDDDDD; 
							  
							  margin-top:10px; 
							  margin-left:10px; 
							  margin-right:-15px; 
							  margin-bottom:15px;
							  padding-left:7px;
							  padding-right:7px;
							  float:right;
							  width:20%


}


.highlight_box 		{ background-color:#EEEEEE; 						  
						     border:1px solid #DDDDDD; 
							  margin-top:10px; 
							  margin-left:10px; 
							  margin-right:-15px; 
							  margin-bottom:15px;
							  padding-left:7px;
							  padding-right:7px;

}



  p.box					{ font-weight:bold; 						   						  
						     padding-left:10px; 						  
						     padding-right:10px; 
}
.leftbox 				{ background-color:#EEEEEE; 						  
						     border:1px solid #DDDDDD;
							  float:left; 						  
                       margin-top:10px; 
							  margin-left:10px; 
							  margin-right:15px; 
							  margin-bottom:15px;
							  padding-left:7px;
							  padding-right:7px;						  
						     width:25%;
}
.rightbox 				{ background-color:#EEEEEE; 						  
						     border:1px solid #DDDDDD;
							  font-size: 90%;
							  float:right;						  
                       margin-top:10px; 
							  margin-left:10px; 
							  margin-right:15px; 
							  margin-bottom:15px;
							  padding-left:7px;
							  padding-right:7px;						  
						     width:25%
}
.blue_rightbox         { background-color:#EEEEEE; 						  
						     border:1px solid #DDDDDD; 
							  margin-left:10px; 
							  margin-right:-15px; 
							  margin-bottom:15px;
							  padding-left:7px;
							  padding-right:7px;							  							  							  
							  border:thin solid rgb(30,56,92);
							  float:right;
							  width:25%
}
/*  padding doesn't work well with bluegreybox as table */
/*  use a div tag to create the bluegrey box */
.bluegreybox         { background-color:#d6e1ef;							  							  
							  border:thin solid rgb(30,56,92);
							  padding-top:12px;
							  padding-left:12px;
							  padding-right:12px;
							  padding-bottom:7px;
                       margin-top:12px; 
							  margin-left:12px; 
							  margin-right:12px; 
							  margin-bottom:7px;							  
}
.blue_table         { background-color:#d6e1ef;							  							  
							  border:thin solid rgb(30,56,92);
							  padding-top:12px;
							  padding-left:12px;
							  padding-right:12px;
							  padding-bottom:7px;
                       margin-top:12px; 
							  margin-left:12px; 
							  margin-right:12px; 
							  margin-bottom:7px;							  
}
   /* END HIGHLIGHT BOXES and FLOATING PICS */
/* ------------------------------------------------------------------------------- */

  /* COLUMN BLOCKS do not format reliably -- using tables instead is OK */
.left_column 			{ float:left;						  
						     padding-right:1em;
							  width: 33%;						  
						     clear:none;
}
.right_column 			{ float:none;						  
						     padding-left:1em;						  
						     padding-right:1em;						  
						     clear:right; 
}
/* ------------------------------------------------------------------------------- */

    /* -------- GENERIC STYLES -------- */ 
	 
.blue 				{ color:#224488; 
}
.hidden  	 		{ display:none;
}  	 
		/* images */
img.invisible  		{ visibility:hidden 
}
.inline  				{ margin-bottom:-3px 
}  /*  to line up inline icon images  */

.no_space 				{ margin-top:2px
}

/* ------------- PADDING ------------- */
/* sometimes padding doesn't work in IE */

.para_pair_top			{ margin-bottom:0px; padding-bottom:0px;
}
.para_pair_bottom		{ margin-top:0px; padding-top:4px;
}
.para_pair_middle	 	{ margin-bottom:0px; padding-bottom:0px; margin-top:0px; padding-top:4px;
}

.pad 						{ padding-left:10px; 						  
						     padding-right:10px; 
}
.pad_sides_10 			{ padding-left:10px; 						  
						     padding-right:10px; 
}
.pad_top_5  			{ padding-top:5px;  
}
.pad_top_10  			{ padding-top:10px;  
}
.pad_top_15  			{ padding-top:15px;  
}
.pad_bottom_5  		{ padding-bottom:5px;  
}
.pad_bottom_10 		{ padding-bottom:10px;  
}
.pad_bottom_15 		{ padding-bottom:15px;  
}
/* ------------- END PADDING ------------- */
/* ------------- MARGINS ------------- */
/* sometimes margins don't work in firefox */
.margin_sides_10 			{ margin-left:10px; 						  
 						        margin-right:10px; 
}
.margin_top_5  			{ margin-top:5px;  
}
.margin_top_10  			{ margin-top:10px;  
}
.margin_top_15  			{ margin-top:15px;  
}
.margin_bottom_5  		{ margin-bottom:5px;  
}
.margin_bottom_10  		{ margin-bottom:10px;  
}
.margin_bottom_minus_7  		{ margin-bottom:-7px;
                           font-size:14px;  
}

/* ------------- END MARGINS ------------- */
/* ------------- INDENTS ------------- */
.left_2em_top_17  	{ padding-left:2em;
							  padding-top:17px;	
}
.indent_small 			{ padding-left:1.5em;
}
.indent_left 			{ padding-left:2.5em;
}
.indent_right 			{ padding-right:10em 
}
.indent_nav 			{ padding-left:1.1em 
}
.center_text 			{ text-align:center; 
}
/* ------------- END INDENTS ------------- */

.note_80_percent 		{ font-size:80%;
                       color: #444444;							  
}

/* ------------- FONT SIZES ------------- */
.font_80_italic 		{ font-size:80%;
							  font-style:italic;							  
}
.font_80_percent 		{ font-size:80%;							  
}
.font_85_percent 		{ font-size:85% 
}
.font_90_percent 		{ font-size:90% 
}
.font_110_bold     	{ font-size:110%;
 							  font-weight:bold
}
.font_110_percent 	{ font-size:110% 
}
.font_120_percent 	{ font-size:120% 
}
.font_130_percent 	{ font-size:130% 
}
.small_font 	/*R*/	{ font-size:85% 
}			/* REPLACED with 85_PERCENT_FONT */

.large_font	/*R*/		{ font-size:130% 
}			/* REPLACED with 130_PERCENT_FONT */

/* ------------- END FONT SIZES ------------- */
/* ------------- FONT STYLES ------------- */
.plain_text 			{ font-size:90%; 						  
						     font-weight:normal; 						  
						     color:#000000; 						  
						     text-decoration:none 
}
.bold  					{ font-weight:bold;
                          font-color: #454545; 
}
.underline 				{ text-decoration:underline
}
.highlight 				{ font-weight:bold; 		/* very dark blue and bold */						  
						     color:#000066; 
}
.bold_blue 				{ color:#224488;      	/* same blue as menu background */							  						  
						     font-weight:bold;
							  font-size:90%; 
}
.minor_heading 		{ font-weight:bold;		/* same orange as headings */ 						  
						     color:#CF6903;
							  font-size:90%; 
}
.important 				{ font-weight: bold;  	/* bold red */						  
						     color: #FF0000
}
.question 				{ padding-top:15px;
							  margin-bottom:2px; 						  
						     color:#663300;						  
						     font-weight:bold 
}
.answer 					{ padding-left:2em; 						  
						     margin-top:0px; 						  
						     margin-bottom:2px 
}
.footnote 				{ font-size:75%; 						  
						     padding-left:15px; 						  
						     padding-right:90px 
}
/* where the PHONE_NUMBER style is used is lost knowledge (but we better not remove it) */
.phone_number 			{ text-align:right 
}
.quote 					{ font-style:oblique 
}
.time 					{ font-variant:small-caps; 						  
						     text-transform:capitalize 
}
.date 					{ font-weight:bold; 						   						  
						     color:#883300 
}

.timestamp 				{ font-size:80%; color:#990000
}
/* ------------- END FONT STYLES (mostly) ------------- */

/* PRINT_LINK DEPRECATED -- don't bother */
.print_link  /*D*/ 	{ display:none; color: #999999; 
}  
/* SPEAK LINK DEPRECATED -- use spacer.gif with alt tag and no border  */
.speak_link  /*D*/	{display: none; color: #999999 
}  
 /* lineforce doesn't really seem to work... */
.lineforce 				{ clear: both;						  
						     float: left; 
}
 /* END GENERIC STYLES */
 /* ------------------------------------------------------------------------------- */ 
  
 /* -------- COMM CT CALENDAR SPECIFIC STYLES -------- */
.voting					{ background-color:#FFCC99; 						  
						     color:#442200; 						  
						     font-weight:bold; 						  
						     padding-right:5px 
}
.work						{ background-color:#BBDDFF;						  
						     font-weight:bold; 						  
						     padding-right:5px 
}
.budget					{ background-color:#FF8888; 						  
						     font-weight:bold; 						  
						     padding-right:5px 
}
  /* styles individual month tables */
.month 					{ border:1px solid rgb(150,75,20);
                          margin-top:5px;
                          margin-bottom:5px;
                          margin-left:0px;
                          margin-right:0px;
                          color:#551100;
                          font-size:90%;
}
.monthName				{ text-decoration:underline;
                          color:#551100;
}
.weekday					{ color:#551100; 						   
}
  /* END COMM CT CALENDAR SPECIFIC STYLES */
/* ------------------------------------------------------------------------------- */
 
 /* -------- SIDENAV STYLES SPECIFIC TO COURTS PAGES -------- */
 	/*  without a, a:hover and current defined here they don't work on courts */
	/* so they're defined in right nav above and down here in courts nav */
	
	/* old sidenav color was: color:#99BBFF;*/
#sidenav a 					 { color:#90BAE3;	
									text-decoration:none;
} 
#sidenav .current 		 { font-weight:bold; 
									color:#BBBBFF; 
}
#sidenav .level 			 { color: #BCCFFF; 
}
#sidenav a:hover 			 { text-decoration: underline;
}
#sidenav a.current_path  { color:#CCAA00; 
}
#sidenav p.current_page  { font-size: 105%; 
}
#sidenav p.home  			 { letter-spacing: 1px; 
									padding-top:.3em; 
}

.mod_date 
								 { font-size:8px;
								   color: #888888;
								   line-height:2em;
								   padding-top:5px;
									padding-bottom:5px;
									height:10px;
									padding-left:30px;
}


/* unused? #sidenav p.main  	{ font-size:1.15em; 
} */
 /* END SIDENAV STYLES SPECIFIC TO COURTS PAGES  */
/* ------------------------------------------------------------------------------- */

  /* DOCUMENT TYPE LIST ICONS */

.inline_image 			{ margin-bottom:-3px 
}  

/*  changed background-position from "0 7px" to "0 0px" -- it started screwing up esp. in tables, 12/5/2011 */

.link_in 				{ padding-left:25px;
						     padding-bottom:5px;						  
						     background:transparent url('/common/images/icons/link_internal_icon.gif') no-repeat;						  
						     background-position:0 0px;
							  list-style-type:none; 
}
 
.link_out 				{ padding-left:25px;						  
						     padding-bottom:5px;
							  background:transparent url('/common/images/icons/link_external_icon.gif') no-repeat;						  
						     background-position:0 0px;
							  list-style-type:none;  
}
 
.xacrobat 				{ padding-left:25px;						  
						  padding-bottom:5px;
	 					  background:transparent url('/common/images/icons/acrobat_icon.gif') no-repeat;						  						  background-position:0 7px;
						  list-style-type:none;  
}

.acrobat 				{ padding-left:25px;						  
						  padding-bottom:5px;
	 					  background:transparent url('/common/images/icons/acrobat_icon.gif') no-repeat;						  						  background-position:0 0px;
						  list-style-type:none;  
}
 
.excel 					{ padding-left:25px;						  
						     padding-bottom:5px;
							  background:transparent url('/common/images/icons/excel_icon.gif') no-repeat;						  
						     background-position:0 0px;
							  list-style-type:none;  
}

.MSword 					{ padding-left:25px;						  
						     padding-bottom:5px;
							  background:transparent url('/common/images/icons/MSword_icon.gif') no-repeat;						  
						     background-position:0 0px;
							  list-style-type:none;  
}
 
.ppt 						{ padding-left:25px;						  
						     padding-bottom:5px;
							  background:transparent url('/common/images/icons/PowerPoint_icon.gif') no-repeat;						  
						     background-position:0 0px;
							  list-style-type:none;  
} 
 
.txt 					   { padding-left:25px;						  
						     padding-bottom:5px;
							  background:transparent url('/common/images/icons/text_icon.gif') no-repeat;						  
						     background-position:0 0px;
							  list-style-type:none;  
} 
.picture 				{ padding-left:25px;						  
						     padding-bottom:5px;
							  background:transparent url('/common/images/icons/image_icon.gif') no-repeat;						  
						     background-position:0 0px;
							  list-style-type:none;  
}
.video 				{ padding-left:25px;						  
						     padding-bottom:5px;
							  background:transparent url('/common/images/icons/video_icon.gif') no-repeat;						  
						     background-position:0 0px;
							  list-style-type:none;  
}
.zip 				{ padding-left:25px;						  
						     padding-bottom:5px;
							  background:transparent url('/common/images/icons/zip_icon.gif') no-repeat;						  
						     background-position:0 0px;
							  list-style-type:none;  
}
.flash 				{ padding-left:25px;						  
						     padding-bottom:5px;
							  background:transparent url('/common/images/icons/flash_icon.gif') no-repeat;						  
						     background-position:0 0px;
							  list-style-type:none;  
}
.no_icon 				{ padding-left:21px;						  
}						     
.bullet_fire 			{ padding-left:25px;						  
						     padding-bottom:5px;
							  background:transparent url('/common/images/icons/fire_bullet.gif') no-repeat;						  
						     background-position:0 0px;
							  list-style-type:none;  
}
.blue_arrow 			{ padding-left:15px;						  
						     padding-bottom:0px;
							  background:transparent url('/common/images/bullets/arrow_blue_lt.gif') no-repeat;						  
						     background-position:0 4px; 
							  list-style-type:none; 
}						
.asterisk 				{ padding-left:15px;						  
						     padding-bottom:0px;
							  background:transparent url('/common/images/bullets/asterisk.gif') no-repeat;						  
						     background-position:0 4px; 
							  list-style-type:none; 
}
.sword 					{ padding-left:15px;						  
						     padding-bottom:0px;
							  background:transparent url('/common/images/bullets/sword.gif') no-repeat;						  
						     background-position:0 4px;
							  list-style-type:none;  
}

                                               
 /* END DOCUMENT TYPE LIST ICONS */ 
	
#content ol lowAlpha { list-style:lower-alpha 
}

.lav {color:#2a6ebb; font-family:myriad pro,verdana,arial; font-size:14pt; 	}
/* what is "lav"? Please label styles and div IDs in a meaningful way */

/* -----------------------------------------------------------
 NEW CSS FOR NEW TRAVIS COUNTY HOMEPAGE, HEADER AND FOOTER
 -----------------------------------------------------------*/
/* Generic Styles */
body {
	margin: 0;
	padding: 0;
}
a img { 
	border: none;
}

.container {
	width: 100%;
	margin: 0;
	padding: 0;
	float: left;
	background: #FFFFFF;
}
h3 {
	margin: 0;
	font-size: 15px;
	color: #77593c;
/*	color: #897252; */
}
p {
	font-size: 14px;
	margin: 5px 0 10px;
	line-height: 1.2em;
}
hr {
  	border: 0;
	background-color: #CCC;
	clear: both;
	height: 1px;
	width: 100%;
	margin: 15px 0;
}
.selecthome {
	background: #FFF;
	color: #224488;
	font-size: 10px;
	margin: 0 0 0 17px;
	width: 165px;
}
	
/* ~~ Miscellaneous float/clear classes ~~ */
.fltrt {  /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin: 0 10px 10px;
}
.fltlft { /* this class can be used to float an element left in your page. The floated element must precede the element it should be next to on the page. */
	float: left;
	margin: 0 10px 10px;
}
.clearfloat { /* this class can be placed on a <br /> or empty div as the final element following the last floated div (within the .container) if the .footer is removed or taken out of the .container */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
/* End Generic Styles */
/* ------------------Start Header Styles ---------------*/

.header_wrapper {
	width: 100%;
	margin: 0;
	padding: 0;
	float: left;
	background: #FFF;
}
.header {
	width: 980px;
	height: 75px;
	background: #FFF;
	margin: 0 auto;
}
.logo {
	width: 460px;
	height: 55px;
	margin: 10px 0 0;
	float: left;
}
/* ----------------- Start Language styles ------------- */
#language {
	float:left;
	padding: 25px 0 10px;
	width: 180px;
}
/* ----------------- End Language Translation styles ------------- */
/* ----------------- Start search styles ------------- */
#search {
	width: 300px;
	padding: 20px 0 10px;
	float: right;
}
#searchwrapper {
width: 280px; /*follow your image's size*/
height: 35px;/*follow your image's size*/
background-image: url(../images/search.gif);
background-repeat:no-repeat; /*important*/
padding:8px 0 0 2px;
margin:0px;
position:relative; /*important*/
}
#searchwrapper form { display:inline ; }
.searchbox {
border:0px; /*important*/
background-color:transparent; /*important*/
position:absolute; /*important*/
top:4px;
left:9px;
width:220px;
height:28px;
}
.searchbox_submit {
border:0px; /*important*/
background-color:transparent; /*important*/
position:absolute; /*important*/
top:4px;
left:220px;
width:60px;
height:28px;
}
/* ------------- End search styles ----------------- */
.nav_wrapper {
	width: 100%;
	height: 36px;
	margin: 0;
	padding: 0;
	float: left;
	background: #785932;
}.nav {
	width: 980px;
	background: #785932;
	font-family: Helvetica, Arial, sans-serif;
	margin: 0 auto;
}
.breadcrumbs_wrapper {
	width: 980px;
	height: auto;
	margin: 0 auto;
	padding: 0;
	background: #FFF;
	clear: both;
}
.breadcrumbs_wrapper p {
	align:left;
	color: #333333; 
	font-size: 12px;
	height: 8px;
	letter-spacing: .03em; 
	padding: 3px;
	white-space:nowrap;
}
/*------------------ End Header styles ------------------*/
.main_wrapper {
	background: #324978;
	float: left;
	width: 100%;
}
.feature_center {
	width: 980px;
	margin: 0 auto;
}
.feature {
	background: #FFF;
	height: 250px;
	width: 980px;
	float: left;
	padding: 0;
}


.feature2 {
	background-color:#F3F3F3;
	height: 300px;
	width: 980px;
	float: left;
	padding: 0;
}




/*-------------- start slideshow styles ---------------*/
.slideshow {
	height: 240px;
	width: 635px;
	background: #FFF;
	margin: 0 15px 0;
	float: left;
}
/*--Main Container--*/
.main_view {
	float: left;
	position: relative;
}
/*--Window/Masking Styles--*/
.window {
	height:240px;	width: 635px;
	overflow: hidden; /*--Hides anything outside of the set width/height--*/
	position: relative;
	margin: 0 auto;
}
.image_reel {
	position: absolute;
	top: 0; left: 0;
}
.image_reel img {float: left;}

/*--Paging Styles--*/
.paging {
	position: absolute;
	bottom: 5px; right: -7px;
	width: 178px; height:47px;
	z-index: 100; /*--Assures the paging stays on the top layer--*/
	text-align: center;
	line-height: 40px;
	background: url(../images/paging_bg2.png) no-repeat;
	display: none; /*--Hidden by default, will be later shown with jQuery--*/
}
.paging a {
	padding: 5px;
	text-decoration: none;
	color: #fff;
}
.paging a.active {
	font-weight: bold;
	border: 1px solid #323864;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	background-color: #32457C;
}
.paging a:hover {font-weight: bold;}
/*-------------- end slideshow styles ---------------*/
/*-------------- Start Link list --------------------*/
.link_list {
	background: #FFF;
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
	height: 240px;
	width: 140px;
	float: left;
	margin: 0 15px 0 0;
}
.link_list h3 {
	background: /*url(../images/bg_header2.gif) repeat-x */ #32457C;
	color: #FFF;
	font-weight: normal;
	padding: 5px 0 5px 15px;
}
.link_list ul {
	list-style: none;
	list-style-position: inside;
	margin: 0;
}
.link_list li {
	/*border-bottom: 1px solid #CCC;*/
	padding: 3px 0;
}
.link_list li a {
	color: #156E92;
	display: block;
	font-size: 12px;
	margin: 0 0 0 15px;
	text-decoration: none;
}
.link_list li a:hover {
	text-decoration: underline;
	color: #156E92;
}
/*-------------- End Link list ------ ---------------*/
/*-------------- Start Dropdown Section -------------*/
.dropdown_center {
	width: 980px;
	margin: 0 auto;
}
.dropdown_container {
	height: 30px;
	width: 950px;
	background: #D6D9E5;
	float: left;
	margin: 0;
	padding: 15px 15px 5px;
}
/*-------------- End Dropdown Section ---------------*/
.main_content_center {
	width: 980px;
	margin: 0 auto;
}
.main_content {
	width: 980px;
	min-height: 240px;
	height: auto;
	background: url(../images/bg_main_content.gif) repeat-x top #FFF;
	float: left;
	padding: 0;
}
.main_content h1 {
	font-size: 16px;
	font-weight: normal;
	margin: 10px 0 10px 15px;
	color: #534741;
	border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
}
#news_front_page {
	width: 635px;
	margin: 15px;
	float: left;
}
#news_front_page a {
	text-decoration: none;
	color: #2750ae;
}
#news_front_page a:hover {
	text-decoration: underline;
}
#news_front_page p {	
	padding: 0 0 10;
}		
	/* End Main content */
/*----------- Start Second Column ---------------*/
.column2 {
	float: left;
	width: 300px;
	margin: 15px 15px 15px 0;
	
}
.alert {
	background: #FFF;
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
	margin: 0 0 15px;
	padding: 0 0 10px;
}
.alert h3 {
	background: url(../images/bg_header2.gif) repeat-x #32457C;
	color: #FFF;
	font-weight: normal;
	padding: 5px 0 5px 15px;
	margin: 0 0 10px 0;
}
.alert h3 a {
	background: url(../images/bg_header2.gif) repeat-x #32457C;
	color: #FFF;
	font-weight: normal;
}
.alert h4 {
	margin: 0 15px;
}
.alert p {
	font-size: 12px;
    font-weight: normal;
	margin: 0 15px;
	color: #323232;
}
.alert ul {
	list-style: none;
	list-style-position: inside;
	margin: 0;
}
.alert li {
	padding: 3px 0;
}
.alert li a {
	color: #156E92;
	display: block;
	font-size: 12px;
	margin: 0 0 0 15px;
	text-decoration: none;
}
.alert li a:hover {
	text-decoration: underline;
	color: #156E92;
}
/*----------- End Second Column -----------------*/	
	/* start footer styles */
.footer {
	width: 100%;
	margin: 0;
	float: left;
	background: #785932;
}
.footer_container {
	width: 980px;
	background: #785932;
	color: #FFF;
	margin: 0 auto;
	padding: 0 0 25px;
	font-family: Helvetica, Arial, sans-serif;
	height: 420px;
}
.footer_container h3 {
	margin:15px 0 0;
	padding: 5px 0 10px;
	color: #FFF;
	font-weight: normal;
	text-transform: uppercase;
}
.footer_container ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.footer_container ul li {
	font-size: .85em;
	line-height: 1.5em;
	margin: 0;
}
.footer_container a, .footer_container a:visited  { 
	color: #FFF;
	text-decoration: none;
}
.footer_container a:hover {
	text-decoration: underline;
}
.column {
	width: 166px;
	margin: 0;
	padding: 10px 15px;
	float: left;
}
.footer_nav {
	width: 620px;
	margin: 60px 0 20px;
	padding: 0 20px 0 0;
	float: right;
}
.footer_nav ul {
	margin: 0;
	padding: 0;
	color: #FFF;
	line-height: 25px;
	white-space: nowrap;
	text-align: right;
}
.footer_nav ul li {
	display: inline;
	list-style-type: none;
}
.footer_nav li a {
	text-decoration: none;
	padding: 7px 5px;
	color: #FFF;
}
.footer_nav li a:link, .disclaimer li a:visited {
	color: #FFF;
}
.footer_nav li a:hover {
	color: #FFF;
	text-decoration: underline;
}
/* end footer styles */

/* ------------ DROPDOWN NAVIGATION CSS ------------ */


/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			15em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
	z-index: 1000;
}
.sf-menu li {
	float:			left;
	position:		relative;
	z-index: 1000;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			36px; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			15em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			15em; /* match ul width */
	top:			0;
}
.sf-menu li a {
    font-size: 14px;
    text-transform: uppercase;

}
.sf-menu li li a {
    font-size:14px;
    text-transform: none;
}
/*** DEMO SKIN ***/
.sf-menu {
	float:			left;
	margin-bottom:	1em;
}
.sf-menu a {
	border-left:	1px solid #5E4D38;
	border-top:		1px solid #999;
	padding: 		.75em 1.5em;
	text-decoration:none;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#FFF;
}
.sf-menu li {
	background: #785932;
}
.sf-menu li li {
	background: #5E4D38;
}
.sf-menu li li li {
	background: #5E4D38;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	background:		#3F3427;
	outline:		0;
}

/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	2.5em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('/common/images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url('/common/images/shadow.png') no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}

/* ----------- END NEW CSS FOR TRAVIS COUNTY HOMEPAGE, HEADER AND FOOTER ------ */

