body
  { font-family: "Arial", sans-serif; 
	  font-size: 10pt; }

x-body.main
  { background-color: #dc0e4c; }

x-body.sst
  { background-color: #9ccefc; }		
		
x-body.pfr
  { background-color: #fcfe64; }		
		
x-body.pd
  { background-color: #9c66cc; }		
		
x-body.se
  { background-color: #24fe24; }		

		
body.main
  { background-color: #ac0f3e; 
	  x-background-color: #900; }

body.sst
  { background-color: #ac0f3e; }		
		
body.pfr
  { background-color: #ac0f3e; }		
		
body.pd
  { background-color: #ac0f3e; }		
		
body.se
  { background-color: #ac0f3e; }		
		
div#masthead
  { padding: 1ex;
		margin: 1ex;
		background-color: #fff; 
		}

div#top_menu
  { text-align: center;
	  font-weight: bold; 
	  width: max; }
	
div#left_sidebar
  { width: 31%;
	display: inline;
	float: left; 
  /* 1px color border        */
	/* border: 1px solid #900; */
	border: 0;
	margin: 0;
	padding: 1px 0 0 0; }
	
div#main_content
  { width: 68%;
	float: left;
	margin-left: 1ex;
	/* next line puts a green border around the main_content div. */
	/* border: 1px solid #6f6; */
	border: 0; }

div.external_links_box
  { width: 39%;
	float: right;
	margin: 1px 1px 1px 5px;
	padding: 1px;
	border: 3px solid #006;
	background-color: #fff;
	color: #ac0f3e;
	position: relative;
	z-index: 1; }	
	
div.employment_application_box
  { width: 35%;
	  float: right;
		margin: 1px 1px 1px 5px;
		padding: 1px;
	  border: 1px solid #ac0f3e;
	  background-color: #fcc;
		color: #000; }	

div.jobopening {
		padding: 2px;
	  border: 1px solid #ac0f3e; }	

div.menubar {
  margin: 0;
	padding: 2px 0;
	border: 1px solid #fcc;
	background-color: #ac0f3e;
	color: #fff; 
	text-align: center; 
	font-weight: bold; }
	
div.article_titles {
  margin-top: 3ex;
  border: 2px solid #660;
	background-color: #ffc; 
	color: #330; }

div.article_titles h4 {
  margin: 0;
	padding: 2px;
	font-size: 110%;
	color: #330; }

div.article_titles a:link {
  color: #660; }

div.article_titles a:visited {
  color: #660; }

div.article_titles a:hover {
  color: #ffc;
  background-color: #660; }

div.article_titles a:active {
  color: #660; }

div.counties_imagemap_box
  { width: 33%;
	  float: right;
		margin: 1px 1px 1px 5px;
		padding: 1px;
	  border: 0;
	  background-color: transparent;
		color: #ac0f3e; }	

div.disclaimer
  { border: 1px solid #999;
	  font-size: smaller;
		margin-top: 2ex;
		padding: 1ex 1em;
		background-color: #fff; }
	
h1.head
	{ font-family: "Verdana", "Tahoma", sans-serif; 
	  font-size: 110%;  
		text-align: center; }

h2
	{ font-family: "Verdana", "Tahoma", sans-serif; 
	  font-size: 100%;
		width: 50%;  
		text-align: left; 
		margin: 0 0 0 1.5em;
		padding: 0 .25ex;
		background-color: #c00;
		color: #fff;
		font-weight: bold; }

h3
  { margin: 0;
	  padding: 0; 
		font-size: 150%; }		

form#search_form
  { margin: .5ex 0;
	  padding: 1ex .5em; 
		background-color: #666;
		color: #fff;
		border: 2px solid #c00; }

label
  {  font-weight: bold; }		

#search_form button
  { margin: 0;
	  padding: 0;
		color: transparent;
		background-color: transparent;
		border: 0; }		

table.directory
  { border: 1px solid #999;
	  padding: 2px; 
		width: 100%; }

table.directory tr
  { border: 1px solid #ccc; 
	  background-color: #fcc; 
		margin: 0; }
		
table.directory td, th
  { margin: 0; 
	  padding: 0 2px; }				
		
p
  { margin: 0;
	  padding: 0; }		

p.footer_menu
  { text-align: center; 
	  font-weight: bold; }		
		
p.subhead
  { text-align: center;
	  font-weight: bold;
		font-size: 90%; }
				
p.date
  { text-align: center;
	  font-weight: bold;
		font-size: 90%; }

#main_content p
  { margin: 0 0 1ex 0; }
	
p.item_date
  { text-align: left;
	  font-color: #666;
		font-style: italic;
		font-size: 80%; 
		border-top: 1px solid #ccc; }
		
p.item_title
  { text-align: left;
	  font-weight: bold; 
		padding-top: 4ex; 
		font-size: 110%; }

p.italic
  { font-style: italic; }
		
div.item_content		
  { padding-left: 1em; 
		border-bottom: 1px solid #ccc; }
		
p.ode_logo
  { background-color: #fff;
	  text-align: center;
		margin: 0;
		padding: 0; }

p.address
  { font-size: 90%;
	  text-align: center; 
		margin: 1ex 0 0 0;}		
		
p.menu_title
  { font-size: 100%;
	  text-align: center;
		font-weight: bold; 
    border-top: 2px solid #dc0e4c;
    border-left: 2px solid #dc0e4c;
    border-right: 2px solid #dc0e4c;
		margin: 0;
		padding: 2px 0;
		}

p.skip_nav
  { height: 0; 
	  padding: 0;
		text-align: right; }
		
p.service_filter
  { text-align: center; 
	  padding: 4px;
	  background-color: #fcc;
		border: 1px solid #c00; }

p.service_filter a:link
  { padding: 2px;
	  border: 1 px solid #000; }		
		
p.service_filter a:visited
  { padding: 2px;
	  border: 1 px solid #000; }		
		
p.service_filter a:hover
  { padding: 2px;
	  border: 1 px solid #000; }		
		
p.service_filter a:active
  { padding: 2px;
	  border: 1 px solid #000; }		

p.disclaimer
  { color: #333; 
	  font-style: italic; }
		
img
  { border: 0; }
				
img.float_left
  { float: left; }
	
img.float_right
  { float: right; }
	
img.curved_top_border
  { margin: 0;
	  padding: 0; }

		
ul
  { list-style-type: none; 
	  margin: 0 0 0 .5em;
		padding: 0; }

li
  { list-style-type: none;
	  font-family: "Verdana", "Tahoma", sans-serif;
	  font-size: 100%;
		display: inline-block; 
		padding: .25em; 
		margin: 0; }

li.blue
  { background-color: #ccf; }

li.green
  { background-color: #cfc; }

li.yellow
  { background-color: #ffc; }

li.purple
  { background-color: #fcf; }

ul.services	
  { list-style-type: none; 
    border: 2px solid #dc0e4c;
	  margin: 0;
	  padding: 0 0 0 1em; }

ul.services li
  { font-family: "Verdana", "Tahoma", sans-serif;
	  font-size: 90%;
		display: block; 
		padding: .25em; 
		margin: 0; }
	
li.x-sst_list
  { color: #006; 
	  background-color: #ccf; }
	
li.x-se_list
  { color: #060; 
	  background-color: #cfc; }

li.x-ss_list
  { color: #000;
	  background-color: #ccc; }				

a:link
  { color: #ccc;
	  text-decoration: none; 
		padding: 0;
		margin: 0; }

a:visited
  { color: #ccc;
	  text-decoration: none; 
		padding: 0;
		margin: 0; }

a:hover
  { color: #ccc;
	  text-decoration: none; 
		padding: 0;
		margin: 0; }

a:active	
  { color: #ccc;
	  text-decoration: none; 
		padding: 0;
		margin: 0; }

a:link:after.external {
   content: "<img src=&quot;./images/10px-external.png&quot; alt=&quot;External link.&quot;>"; }
	 
a:visited:after.external {
   content: "<img src=&quot;./images/10px-external.png&quot; alt=&quot;External link.&quot;>"; }

a:hover:after.external {
   content: "<img src=&quot;./images/10px-external.png&quot; alt=&quot;External link.&quot;>"; }

a:active:after.external	 {
   content: "<img src=&quot;./images/10px-external.png&quot; alt=&quot;External link.&quot;>"; }
		
li.sst_list a:link
  { x-color: #009; 
	  color: #ac0f3e; }
		
li.sst_list a:visited
  { x-color: #009; 
	  color: #ac0f3e; }

li.sst_list a:hover
  { color: #fff; 
	  background-color: #006; }
		
li.sst_list a:active
  { x-color: #009; 
	  color: #ac0f3e;  }
		
li.se_list a:link 
  { x-color: #060; 
	  color: #ac0f3e;  }
		
li.se_list a:visited
  { x-color: #060;  
	  color: #ac0f3e; }

li.se_list a:hover
  { color: #fff; 
	  background-color: #006; }
		
li.se_list a:active
  { x-color: #060;  
	  color: #ac0f3e; }
		
li.ss_list a:link
  { x-color: #333;  
	  color: #ac0f3e; }
		
li.ss_list a:visited
  { x-color: #333;  
	  color: #ac0f3e; }

li.ss_list a:hover
  { color: #fff; 
	  background-color: #006; }
		
li.ss_list a:active
  { x-color: #333;  
	  color: #ac0f3e; }
		
		
a:link.menu_link, .external_links_box a:link		
  { border: none;
	  padding: 0 .25em;
    color: #fff;
	  background-color: transparent; 
		text-decoration: none; }

a:visited.menu_link, .external_links_box a:visited
  { border: none;
	  padding: 0 .25em;
    color: #fff;
	  background-color: transparent; 
		text-decoration: none; }

a:hover.menu_link, .external_links_box a:hover
  { border: none;
	  padding: 0 .25em;
      x-color: #33f;
	  x-background-color: #dc0e4c;
	  color: #fff;
	  background-color: #006;
		text-decoration: none; }

a:active.menu_link, .external_links_box a:active
  { border: none;
	  padding: 0 .25em;
    color: #fff;
	  background-color: transparent; 
		text-decoration: none; }
		
a:link.image_link
  { border: none;
	  background-color: transparent; 
		text-decoration: none; }
	
a:visited.image_link
  { border: none;
	  background-color: transparent; 
		text-decoration: none; }
	
a:hover.image_link
  { border: none;
	  background-color: transparent; 
		text-decoration: none; }
	
a:active.image_link
  { border: none;
	  background-color: transparent; 
		text-decoration: none; }

#main_content a:link
  { color: #ac0f3e; }
			
#main_content a:visited
  { color: #ac0f3e; }
			
#main_content a:hover
  { color: #fff; 
	  background-color: #ac0f3e;
		text-decoration: underline; }
			
#main_content a:active
  { color: #ac0f3e; }

a:link.directory
  { color: #ac0f3e; }
			
a:visited.directory
  { color: #ac0f3e; }
			
a:hover.directory
  { color: #fff; 
	  background-color: #ac0f3e;
		text-decoration: underline; }
			
a:active.directory
  { color: #ac0f3e; }
			
.external_links_box ul, li { 
  display: block; 
  padding-left: 1em;
  text-indent: -1em; }	

.center {
  text-align: center; }

.italic {
  font-style: italic; }	
	
span.active_filter_item
  { border: 1px solid #ac0f3e;
	  background-color: #fff; 
		color: #ac0f3e; }

span.selected
  { border: 1px solid #990;
	  background-color: #ff0;
		font-weight: normal; 
		padding: 1px;}
	
span.smaller {
  font-size: 60%; }

br
  { clear: both;
	  margin: 0;
		padding: 0; }

br.clear_none
  { clear: none; }

br.five_px_spacer
  { margin: 50px; }
	
img.vertical-align-middle
  { vertical-align: middle; }

img.vertical-align-top
  { vertical-align: top; }

.red
  { color: #600; }
	
.bold
  { font-weight: bold; }