/*
No Class names or IDs for any element may begin witha adigit
---All must begin with a letter.

*/


BODY
{
 font-family: Verdana, Arial, Times New Roman;
 font-size: 10pt;
 background-color: #ccccff;
 padding-bottom: 25px;
}

#HomeLinkLeft
{
 position: relative;
 /*top: -165px;*/
 left: 5px;	
}

#HomeLinkRight
{
 position: absolute;	
 top: 5px;
 right: 5px;	
}


td
{
 font-family: Verdana;
 font-size: 10pt;
}

.single_line_p {
	display:inline;
}

.PageHeader
{
 font-family: Arial, Tahoma, Verdana;
 font-size: 21pt;
 font-weight: bold;
 color: #0e37ae;
 text-transform: capitalize;
 margin-top: 0;
}

.SubHeader
{
 font-family: Arial, Tahoma, Verdana;
 font-size: 14pt;
 font-weight: bold;
 color: #8080c0;
}

.SubHeaderSeparated
{
 font-family: Arial, Tahoma, Verdana;
 font-size: 14pt;
 font-weight: bold;
 color: #8080c0;
 padding: 15px 0 0 5px;
 border-top: 3px solid #8C8C8C;
 clear:both;
}

.LargeInsertHeader
{
 font-family: Verdana, Arial, Tahoma;
 font-size: 12pt;
 font-weight: bold;
 color: #970f13;
}

.InsertHeader
{
 font-family: Verdana, Arial, Tahoma;
 font-size: 10pt;
 font-weight: bold;
 color: #970f13;
}

.NewsHeadline
{
 font-family: Arial, Tahoma, Verdana;
 font-size: 30pt;
 font-weight: bold;
 color: #0e37ae;
}

.SecondaryHead
{
 font-family: Arial, Tahoma, Verdana;
 font-size: 18pt;
 font-weight: bold;
 font-style: italic;
 color: #970f13;
}

.PhotoCutline
{
 font-family: Arial Narrow, Arial, Tahoma;
 font-size: 10pt;
 font-weight: bold;
 color: #000000;
}

.ParksCalendar
{
 font-family: Verdana, Arial, Tahoma;
 font-size: 16pt;
 font-weight: bold;
 color: #0e37ae;
 text-transform: capitalize;
 margin-top: 0;
}

.ParksCalendarHead
{
 font-family: Verdana, Arial, Tahoma;
 font-size: 11pt;
 font-weight: bold;
 color: #970f13;
}

a:link
{
 font-family: Verdana, Arial, tahoma;
 font-size: 10pt;
 color: #0000ff;
 text-decoration: underline;
}

a.bold
{
 font-family: Verdana, Arial, tahoma;
 color: #0000ff;
 font-weight: bold;
 text-decoration: none;
}

a.bold:hover
{
 color: #ff0000;
 text-decoration: underline;
}

a.blank
{
 font-family: Verdana, Arial, tahoma;
 color: #2A2467;
 font-weight: normal;
 text-decoration: none;
}

a.reverse
{
 color: #ffffff; 
 font-family: Verdana, Arial, Times New Roman;
 font-weight: bold;
 text-decoration: none;
}

a.reverse:hover
{
 text-decoration: underline;
}

a.blank:hover
{
 text-decoration: underline;
}

a.red
{
 color: #ff0000;
 font-family: arial, Verdana, tahoma;
 font-weight: bold;
 text-decoration: none;
}

a.red:hover
{
 color: #0000ff;
 text-decoration: underline;
}

a.blank_blue
{
 font-family: Verdana, Arial, tahoma;
 color: #0000ff;
 font-weight: normal;
 text-decoration: none;
}

a.blank_blue:hover
{
 color: #ff0000;
 text-decoration: underline;
}

.Sheriff_Header
{
 font-family: Arial, Tahoma, Verdana;
 font-size: 21pt;
 font-weight: bold;
 color: #004000;
 text-transform: capitalize;
 margin-top: 0;
}

a.Sheriff_bold
{
 font-family: Verdana, Arial, tahoma;
 color: #004000;
 font-weight: bold;
 text-decoration: none;
}

a.Sheriff_bold:hover
{
 color: #ff0000;
 text-decoration: underline;
}

a.flags {
	display: block;
	float: left;
	width: 30px;
	height: 20px;
	margin-right: 20px;
	background-image: url(/images/icons/flags.gif);
}

#Table1
{
 background-color: #ffffff;
 margin-bottom: 0;
 border-right: solid thin gray;
 /*border-bottom: solid thin gray;*/
}

p
 {
  background-color: Transparent;
 } 

p.times
 {
  font-family: Times New Roman, Arial, Verdana;
  padding: 20px;
  font-size: larger;
 } 
 
p#Left_Col_Quick
 {
  background-color: #ffffff;
 } 

.SEARCH_FORM_LABEL_TEXT
 {
  color: white;
  font-weight: bold;
 }
  
#colLeftCell 
 {
  background-repeat: no-repeat;
  /*padding-top: 175px;*/
  background-image: url(/images/home_banner/home_banner_1.jpg);
 }
 
#colLeftCell_A
 {
  background-repeat: no-repeat;
  /*padding-top: 175px;*/
  background-image: url(/images/home_banner/home_banner_1.jpg);
 }
 
 #countylogo 
  {

    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 160px;
    height: 160px;
    text-indent: -10000em;
  }

 
 
#NavCell
{
 padding-bottom: 1px;
 padding-left: 20px;
 border-bottom: solid thin #ffffff;
}

#NavContent
{
 margin-top: 35px;
}

#NavCell_A
{
 padding-bottom: 1px;
 padding-left: 12px;
 border-bottom: solid thin #ffffff;
}

#NavContent_A
{
 margin-top: 138px;
}

#colRightCell
{
 
}

#stdRight
 {
  margin-top: 5px;
  width: 210px;
 }



/* Public Works styles - to be incorporated into main stylesheet   RM -section revised 21-Oct-08 */
/* Comments with (TBI) are intended to be implemented across Jacksongov.org */

/* (TBI) 'body' tag styles */
#pw_body {
	background-color:#ccf;
	border:0;
	font-family:Verdana,Arial,Times New Roman;
	font-size:10pt;
	margin:0;
	padding-bottom:25px;
}

#Left_PublicWorks {
	margin-top: 10px;
	text-align: left;
	width: 173px;
}

/* (TBI) main table housing PW content */
.pw_main_table {
	border:0;
	margin:auto;
	width:990px;
}

/* (TBI) added styles for the left PW column */
.pw_left_col {
	vertical-align:top;
	width:173px;
}

/* (TBI) added styles for the home link in the left column */
.pw_HomeLinkLeft {
	border:0;
	width:160px;
}

/*  (TBI) styling to make sure the search form rests at the top of the page; has the PW banner as well */
.pw_search_form {
	background: #fff url(/images/Home_Banner/Public_Works.jpg) no-repeat top left;
	vertical-align:top;
}

/*  (TBI) overall frame for center and right content area */
.pw_center_right_frame {
	border:0;
	height:100%;
	width:100%;
}

/*  (TBI) navigation bar style to make sure it stays at the top and uses the maximum width*/
.pw_nav_bar {
	height:15px;
	text-align:left;
	vertical-align:top;
	width:100%;
}

/*  (TBI) styles for framing and aligning the primary content area */
.pw_content {
	padding: 11px;
	text-align:left;
	vertical-align:top;
	width:602px;
}

	.pw_content img.project {
		display:block;
		border: 2px solid #CCCCFF;
		margin: 2px;
		padding: 2px;
	}

/*  (TBI) styles for framing and aligning the right column area */
.pw_right_col {
	text-align:center;
	vertical-align:top;
	width:190px;
}

/* (TBI) the line on the left side of the right column */
.pw_right_col_line {
	background-image:url(/images/TEST_Home_020508/Horizontal.jpg);
	width:10px;
}

/*  (TBI) menu items in the PW right column */
ul.menu_items {
	padding:0;
	margin:0;
	width: 100%;
	position:relative;
	list-style:none;
}

	ul.menu_items li {
		padding:5px 0 0 10px;
		background:transparent url(/images/Web_Elements/Menu_Square2.jpg) no-repeat 0 10px;
	}

/* (TBI) site-wide style for links within lists (remove underline for initial display */
.pw_content ul li a:link, .pw_content ul li a:active {
	color:#0000FF;
	text-decoration:none;
}

	.pw_content ul li a:visited {
		color: #2A2467;
		text-decoration:none;
	}

	.pw_content ul li a:hover {
		color:#0000FF;
		text-decoration:underline;
	}

/* CSS for 'More...' links */
.more_section {
	display: none;
}

a.more {
	display:block;
	margin-top: 5px;
}
	
/* display icons next to links that point to files */
a.pdf, a.xls, a.word {
	display: inline-block;
	padding-left: 20px;
	padding-right: 5px;
	line-height: 18px;
	
}

a.pdf { background: transparent url("http://www.stdicon.com/nuvola/application/pdf?size=15") top left no-repeat; }
a.xls { background: transparent url(/images/icons/excel.jpg) top left no-repeat; }
a.word { background: transparent url(/images/icons/word.jpg) top left no-repeat; }
.pw_content a.external { padding: 0 16px 0 0; background: transparent url(/images/icons/external.png) center right no-repeat; }
	
/* (TBI) for any string of addresses on a page, this prevents having to hard-code line breaks */
.pw_address {
	margin-bottom:1em;
}

/* frame something that needs distinct attention */
.pw_red_frame {
	background: #ffe; 
	border: 2px #884 solid;
	color: #440;
	font-weight:bold;
	margin-bottom: 1em;
	padding: 10px; 
}

/*  (TBI) PW website footer alignment and positioning */
.pw_site_footer {
	text-align:center;
	vertical-align:top;
}

/* (TBI) paragraph items on PW right column */
.pw_right_col_p {
	display:inline;
}

.pw_right_col p.first {
	margin: 0 2px 5px 2px;
}

.pw_right_col p.others {
	margin: 10px 2px;
}

/* (TBI) image menu on PW left column */
.pw_right_col_img {
	border: 0;
}

/* 	Used on the Public Works About Us page for 
	individual departmental	directories
*/
table.directory {
	margin-bottom: 2em;
}

table.directory, table.directory td, table.directory th {
 font-family: Arial, Verdana, sans-serif;
 font-size: 1em;
 text-align: left;
 vertical-align: top;
}

/* Data tables on Public Works pages */
table.data {
	margin-bottom: 1em;
	width: 530px;
}

	table.data, table.data td, table.data th {
	 font-family: Arial, Verdana, sans-serif;
	 font-size: 1em;
	 text-align: left;
	 vertical-align: top;
	}

/* Division Head contacts on Public Works About Us page */
table.contact_table td, table.contact_table td a {
	font-family: Arial, Verdana, sans-serif;
	font-size: 1em;
}

table.contact_table td {
	vertical-align:top;
}

	table.contact_table td img {
		border: 2px solid #eee;
		padding: 2px;
	}

/* (TBI) styles for tab switching interface */

	div.tabArea ul.tabs li a:link,
	div.tabArea ul.tabs li a:visited,
	div.tabArea ul.tabs li a:hover,
	div.tabArea ul.tabs li a:active {
		color: white;
	}
	
	div.tabArea {
		height: 260px;
	}

    .tabs {
		width:550px;
		font-size:93%;
		height: 24px;
		margin:0;
		padding:0;
		list-style:none;
      }
	  
    .tabs li {
		float:left;
		margin:0 2px 0 0;
		padding:0;
      }
	  
    .tabs li a {
		float:left;
		display:block;
		background:url("/images/Web_Elements/tabright10.gif") no-repeat left top;
		margin:0;
		padding:5px 5px 4px 6px;
		text-decoration:none;
      }

	.tabs li.tabSelected a {
		background-position:0% -42px;
	}
	  
    .tabs a:hover {
		background-position:0% -42px;
      }

	.tabBox {
		border:solid 1px #ccc;
		background: #fff;
		padding: 5px 0 5px 5px;
		margin 0;
		width: 550px;
	}
	
	.tabBox div {
		margin: 0;
		padding: 0;
	}
	
	.tabBox p {
		padding: 0;
		margin: 0 0 4px 0;
	}
	
	.tabBox img {
		border: 2px solid #CCCCFF;
		margin: 2px;
	}
		  
/* generic styles */
.bold {
	font-weight:bold;
}

.update {
	color: #0000ff;
	font-weight: bold;
}


#Left_PublicWorks ul {
    background:white;
    margin: 0;
    padding: 0;
    width:148px;
	position:relative;
	z-index:50;
}

#Left_PublicWorks div.related {
	margin-top: 10px;
    border-top: 2px solid black;
    padding-top: 10px;
}

#leftnav li {
    list-style:none;
    position:relative;
}

#leftnav li.main {
    border-top: 1px solid #8C8C8C;
    font-weight:bold;
    padding: 6px 2px;
}

#leftnav li a {
    text-decoration:none;
}

#leftnav li a:hover {
    text-decoration:underline;
}

#leftnav ul.sub {
    display:none;
    background-color: #ccccff;
    padding:3px 5px;
    position:absolute;
    left:146px;
    top: 0;
    width: 260px;
	z-index:100;
}

#leftnav ul.sub li {
	background:#ccccff url(/images/Web_Elements/Menu_Square3.gif) no-repeat 2px 9px;
    padding:0 0 0 12px;
    font-weight:normal;
    width: 250px;
}

#leftnav ul.sub li a {
    background-color: #ccccff;
    display:block;
    padding: 3px 0 3px 5px;
    width: 245px;

}

#leftnav ul.sub li a:hover {
    background-color: white;
}

li.hassub {
    background:transparent url(/images/arrow2.gif) no-repeat 100% 33%;
}