@charset "utf-8";
/* 
CSS for Clallam.Net
by Dean Anderson
2009
Rev. 5/21/2010
*/

/* CSS Document 
Tips for Elastic layouts 
1. Since the elastic layouts overall sizing is based on the user's default fonts size, they are more unpredictable. Used correctly, they are also more accessible for those that need larger fonts size since the line length remains proportionate.
2. Sizing of divs in this layout are based on the 100% font size in the body element. If you decrease the text size overall by using a font-size: 80% on the body element or the #container, remember that the entire layout will downsize proportionately. You may want to increase the widths of the various divs to compensate for this.
3. If font sizing is changed in differing amounts on each div instead of on the overall design (ie: #sidebar1 is given a 70% font size and #mainContent is given an 85% font size), this will proportionately change each of the divs overall size. You may want to adjust based on your final font sizing.

STYLES DEFINED BELOW 

DEFAULT (Body, H-tags, Links)
DEFAULT (#header, #maincontent, #container, #footer)
DEPARTMENT HEADLINE H1 DEFAULT (#depttitle)
MAIN BODY (#deptmain, and mainBody, H-tages, Links, .newsection)
QUICK LINKS boxes
SWITCH-MENU
CONTACT INFO
EVENT CALENDAR
DEPARTMENT PHONE LIST
FORMS
MISCELLANEOUS (generic list box and other)
DEPARTMENT SPECIFIC

*/

/*** DEFAULT STYLES HERE **********************************************************************/
/* (Note: Department-Specific Styles at bottom of page over-ride these defaults) */

html {height:100%;}
body  {
	font: 100% Arial, Verdana, Helvetica, sans-serif;
	background-color:#335544;
	background-color:#113322;
	margin: 0px; 
	padding: 0px;
	text-align: center; 
	color: #000000;
}
/* 
div, p {
padding:0;
margin:0;	
}
*/
/*height:100%;*/
/* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
/* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
/* body  {
	font: 100% Arial, Verdana, Helvetica, sans-serif;
	background-color:#000000;
	background-image:url(../images/bg1.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	background-attachment:fixed;
	margin: 0px; 
	padding: 0px;
	text-align: center; 
	color: #000000;	

}	*/
	

.deptmain a {color:#000000;}

.oneColElsCtrHdr #mainContent {font-size:80%}
/*#mainContent ul {font-size:80%}
#mainContent table {font-size:80%} */
/*  If I assign 80% font to mainContent p and 80% to mainContent table, then a P inside a table has 80% of 80%! */


.oneColElsCtrHdr #mainContent a:link {color:#003399;}
.oneColElsCtrHdr #mainContent a:visited {color:#003399;}
.oneColElsCtrHdr #mainContent a:hover {color:#093;text-decoration:underline;}
.oneColElsCtrHdr #mainContent a:active {color:#003399;} 

.oneColElsCtrHdr #mainContent h1 {font-size:185%;color:#335544;padding:0;margin:0;}
.oneColElsCtrHdr #mainContent h2 {font-size:140%;color:#335544;padding:0;margin:0;}
.oneColElsCtrHdr #mainContent h3 {font-size:115%;color:#335544;padding:0;margin:0;}
.oneColElsCtrHdr #mainContent h4 {font-size:100%;color:#335544;padding:0;margin:0;}

#mainContent h1 a, #mainContent h1 a:link, #mainContent h1 a:visited, #mainContent h1 a:active, #mainContent h2 a, #mainContent h2 a:link, #mainContent h2 a:visited, #mainContent h2 a:active, #mainContent h3 a, #mainContent h3 a:link, #mainContent h3 a:visited, #mainContent h3 a:active, #mainContent h4 a,  #mainContent h4 a:link, #mainContent h4 a:visited, #mainContent h4 a:active {color:#335544;}


#mainContent h1 a:hover, #mainContent h2 a:hover, #mainContent h3 a:hover, #mainContent h4 a:hover {color:#093;}


#mainContent .regcolor h1 a, #mainContent .regcolorh1 a:link, #mainContent .regcolorh1 a:visited, #mainContent .regcolorh1 a:active, #mainContent .regcolor h2 a, #mainContent .regcolor h2 a:link, #mainContent .regcolor h2 a:visited, #mainContent .regcolor h2 a:active, #mainContent .regcolor h3 a, #mainContent .regcolor h3 a:link, #mainContent .regcolor h3 a:visited, #mainContent .regcolor h3 a:active, #mainContent .regcolor h4 a,  #mainContent .regcolor h4 a:link, #mainContent .regcolor h4 a:visited, #mainContent .regcolor h4 a:active {color:#003399;}


#mainContent .regcolor h1 a:hover, #mainContent .regcolor h2 a:hover, #mainContent .regcolor h3 a:hover, #mainContent .regcolor h4 a:hover {color:#093;}



#mainContent .newsection {background-color:#eff5ff;color:#000066; border-top:1px solid #006699; margin:1em 0 0 -2px; left:-2px; padding:2px;} 
/* use this for highlighting an H1 - H5 tag to better separate sections of a page. */ 
	
/*.mainstyle {font-size:80%}*/	

/*** DEFAULT STYLES FOR #HEADER, #CONTAINER, #MAINCONTENT, AND #FOOTER ***************************************/
.oneColElsCtrHdr #container {
	width: 53em;  /* 46em width will create a container that will fit in an 800px browser window if text is left at browser default font sizes */
	background: #FFFFFF;
	margin: 5px auto; /* the auto margins (in conjunction with a width) center the page */
	border:2px outset #bbccdd;
	text-align: left; /* this overrides the text-align: center on the body element. */
}
.oneColElsCtrHdr #header { 
	/*background-repeat:no-repeat;
	width:100%;*/
	padding: 0 0 0 0;   /*padding: 0 0 0.1em 0; */
	/* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	/* border-bottom:2px solid #003366; */
} 
.oneColElsCtrHdr #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
.oneColElsCtrHdr #mainContent {
	/*padding: 0 10px 10px 20px;*/ /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background: #FFFFFF;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		overflow:hidden; 
		width:100%;
}

/* END DEFAULT STYLES for #Header, #Container, #MainContent, #Footer */


/* DEPARTMENT HEADLINE H1 DEFAULT ***************************************************************/
#mainContent #depttitle  {  /* This is superceded by Department-specific styles at bottom of page, if implemented */
padding:5px 10px 0.8em 10px;
	}
#mainContent #depttitle h1 {  /* This is superceded by Department-specific styles at bottom of page, if implemented */
	/*font-size:150%;*/
	color:#335544;
		/*margin:0.25em 0.5em 0.5em 0;*/
	z-index:10;
	margin-bottom:0;padding-bottom:0;
	}
#mainContent #depttitle p {  /* This is superceded by Department-specific styles at bottom of page, if implemented */
	/*font-size:80%;*/
	}
	
/* End */	
	
/* MAIN BODY UNDER DEPARTMENT H1 HEADLINE (EDITABLE "mainBody") ****************************************/
#deptmain {
	margin:0;
	padding:0 10px 5px 10px;
	z-index:5;
	
	}

blockquote {
	margin-left:40px;
	margin-right:1px;
	padding-right:1px;	
}

#deptmain .newsection {background-color:#eff5ff;color:#000066; border-top:1px solid #006699; margin:1em 0 0 -2px; left:-2px; padding:2px;} 
/* use this for highlighting an H1 - H5 tag to better separate sections of a page. */ 

/*#deptmain .newsection a, */ #deptmain .newsection a:link, #deptmain .newsection a:visited {color:#000066;}
#deptmain .newsection a:hover {color:#093}



#deptmain img {
	margin:10px;
}

p#firstpara, h1#firstpara, h2#firstpara, h3#firstpara, ul#firstpara, div#firstpara {
	margin-top:0;
	padding-top:0;
}



/* End #deptmain (Editable mainBody) */


/* QUICK LINKS BOX (Note: links list styles are in CC_NAV.CSS **********************************************/
.dept_quicklinks {
	font-family:Arial, Helvetica, sans-serif;
	float: right; 
	/*width: 14.6em;*/ /* since this element is floated, a width must be given */
	width: 18.5em;
	background: #ffffff; /* the background color will be displayed for the length of the content in the column, but no further */
 /* top and bottom padding create visual space within this div */
border-left:2px solid white;
}


.leftofquicklinks {z-index:20;width:70%;}
/* End */


/* "SWITCH-MENU" EXPANDING LIST CLASS (for Services Page, etc.) **********************************************/
#expandinglist {	
	margin:0;
	padding:0 1em 1em 1em;
	 }
#expandinglist ul {	
	margin:0;
	padding:0;
	list-style-type:none;
	vertical-align:top;
	vertical-align:text-top;
	}

#expandinglist li {vertical-align:middle;padding:0;margin:0}
#expandinglist a:link {/*color:#006633;*/font-weight:bold;vertical-align:top;vertical-align:text-top;padding:0;margin:0;}
#expandinglist a:hover {color:#093}
#expandinglist li ul {list-style-type:disc;margin-left:4em;}
#expandinglist li ul li a:link {color:#003399;font-weight:normal;}
#expandinglist li ul li a:hover {color:#093;font-weight:normal;}
#expandinglist img {padding:0;margin:0 3px 0 0;}

#expandinglist ul ul ul {list-style-type:none;}
.menutitle{
	cursor:pointer;
	margin-bottom: 0px;  /* background-color:#ECECFF; */
	color:#000000;  /* width:140px; */
	padding:2px;  /* text-align:center; */
	font-weight:bold;  
	/*/*/border:1px solid #ffffff;/* */
}

/*#expandinglist ul li.menutitle {margin-top:10px;padding-top:5px}*/

.submenu{margin-bottom: 0.3em; font-weight:normal;}
/* End of Switch Menu Expanding List */



/* CONTACT INFO STYLES **********************************************************************************/
#contactinfo {
	margin:0.25em 0;
	padding:0.25em 5px;
	border-top:1px solid #cccccc;
	/*font-size:smaller;*/
}

#contactinfo a:link, #contactinfo a:visited { }
#contactinfo a:hover {text-decoration:underline;}
#contactinfo img {
padding:0;margin:1px 3px;top:4px;position:relative;	
}
/* End */


/* EVENT CALENDAR STYLES ******************************************************************************/
#eventcalendar {border:1px solid #FF6633;background-color:#CCEEFF;font-size:larger;font-weight:bold;text-align:center;height:350px;width:650px;}
#eventcalendar p{padding-top:20%;}
/* End */


/* DEPARTMENT PHONE LIST STYLES ***********************************************************************/
table#deptphonelist {margin:0.5em 0em;}
table#deptphonelist td {border-bottom:1px dotted #A0A0A0;margin:0px 5px;padding:3px 5px;}
table#deptphonelist td a:link, table#deptphonelist td a:visited, table#deptphonelist td a:active {font-weight:bold;text-decoration:none;color:#0033CC}
table#deptphonelist td a:hover {text-decoration:underline;color:#093}
table#deptphonelist td .normalindented {font-weight:normal;	margin:0 0 0 10px; padding:0;}
table#deptphonelist td .normalindented a:link, table#deptphonelist td .normalindented a:visited, table#deptphonelist td .normalindented a:active {font-weight:normal;text-decoration:underline;}
/*table#deptphonelist td a:hover { font-weight:bold;text-decoration:underline;}*/
table#deptphonelist th {border-bottom:1px solid #999999;margin:0px 5px;padding:3px 5px;background-color:#C8DBFB}
table#deptphonelist div {margin-bottom:0.25em; border-bottom:1px dotted #bbbbbb;}


/* End */


/* IFRAME AND BODY HEIGHT **********************************************************************************/

#framedphp iframe {
	width:95%;
	height:350px;
	border:0;
}


/* End */


/* FORMS STYLES ********************************************************************************/
#mainContent #searchpage  { /* used by page-search script; put in PHP frame? */
	padding:5px;
	margin:0px 1px 2px 0px;
	width:95%;
 	color:#003333;
 	background-color:#ffffff;
 	font:80% Arial, Verdana;
 }
#mainContent input.text {font:90% Arial, Verdana;background-color:#FFFFCC;} 
#mainContent .submitbutton {font:90% Arial, Verdana;margin:0;padding:0;width:106px;} /* used by page-search script; put in PHP frame? */
/* End */


/* FAQ STYLES ********************************************************************************/
h3.question {/*background-color:#E1EFD6;*/ font-weight:bold;color:#006600; border-top:1px solid #006699; margin:1em 0 0 0;  padding:2px;}
/*
.answer {padding:0 5px 0 5px; margin:0; background-color:#FFFFEE;}
.answer p {margin:0.75em;}
*/

h3.question {font-weight:bold;color:#006600; border-top:1px solid #006699; margin:1em 0 0 0;}
div.answer {margin-left:2em;margin-top:0;padding-top:0;}
div.answer p:first-child {margin-top:0.5em}
/* End */


/*********** DROP SHADOW CSS ***********************************************************/



.img-shadow {
	clear: both;
	float:left;
	background: url(../images/shadow.gif) no-repeat bottom right;
	margin: 20px 0 0 17px !important;
	margin: 20px 0 0 8px;
	}
.img-shadow img {
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #a9a9a9;
  margin: -6px 6px 6px -6px;
  padding: 4px;
  }
.alpha-shadow {
	clear: both;
	float:left;
	background: url(../images/shadow.gif) no-repeat bottom right;
	margin: 14px 0 0 17px !important;
	margin: 14px 0 0 8px;
	}

.alpha-shadow div {
  background: url(../images/shadow2.png) no-repeat left top !important;
  background: url(../images/shadow2.gif) no-repeat left top;
  float: left;
  padding: 0px 6px 6px 0px;
  }

.alpha-shadow img {
  background-color: #fff;
  border: 1px solid #a9a9a9;
  padding: 4px;
  margin: 0;
  }

/* Index A-Z ********************************************************/

iframe#IndexAZ {
	height:300px;
}

/* MISCELLANEOUS MULTI-PURPOSE STYLES ********************************************************/
.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-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.widthem05 {width:0.5em;vertical-align:top;}
.widthem1 {width:1em;vertical-align:top;}
.widthem5 {width:5em;vertical-align:top;}
.widthem6 {width:6em;vertical-align:top;}
.widthem7 {width:7em;vertical-align:top;}
.widthem8 {width:8em;vertical-align:top;}
.widthem9 {width:9em;vertical-align:top;}
.widthem10 {width:10em;vertical-align:top;}
.widthem20 {width:20em;vertical-align:top;}
.widthem30 {width:30em;vertical-align:top;}
.widthem40 {width:40em;vertical-align:top;}
.widthper10 {width:10%;vertical-align:top;}
.widthper20 {width:20%;vertical-align:top;}
.widthper30 {width:30%;vertical-align:top;}
.widthper40 {width:40%;vertical-align:top;}
.widthper50 {width:50%;vertical-align:top;}
.widthper60 {width:60%;vertical-align:top;}
.widthper70 {width:70%;vertical-align:top;}
.widthper80 {width:80%;vertical-align:top;}
.widthper90 {width:90%;vertical-align:top;}
.widthper95 {width:96%;vertical-align:top;}
.widthper96 {width:96%;vertical-align:top;}
.widthper97 {width:97%;vertical-align:top;}
.widthper98 {width:98%;vertical-align:top;}
.widthper99 {width:99%;vertical-align:top;}
.widthper100 {width:100%;vertical-align:top;}
.marginpadding0 {margin:0;padding:0;}
.marginpadding5px {margin:5px;padding:5px}
.marginpadding10px {margin:10px;padding:10px}
.marginpadding05em {margin:0.5em;padding:0.5em}
.marginpadding1em {margin:1em;padding:1em}


.left {
	float:left; 
	}
.right {
	float:right; 
	}	
div.lefthalf {
	float:left;
	width:48%;
	margin-left: 0%;
	padding:0;
}

div.righthalf {
	float:right; 
	width:48%;
	margin-right: 0%;
	padding:0;
}	


.clearleft {
	clear:left;
	margin-bottom:0;
	padding-bottom:0;
	}	
.clearright {
	clear:right;
	margin-bottom:0;
	padding-bottom:0;
	}	
.clearboth{
	clear:both;
	margin-bottom:0;
	padding-bottom:0;
	}	
			
.genericlistbox {
	border:1px solid #889599;
	background-color:#F0F0F0;
	padding:0px;
	margin:0px;
	/*font-size:100%;*/
	text-align:center;
}




.genericlistbox ul {right:5px;
		list-style:none;
		text-align:left;
		margin:0px 1px 2px 2px;
		padding:0;
		font-family:Arial, Helvetica, sans-serif;
		/* font-weight:bold; */
		}
.genericlistbox li {
		list-style:none;
		margin:0;
		padding:3px 0 3px 0; 
    	border-bottom:dotted 1px #cccccc; 
		background-color:#ffffff;
		}

.genericlistbox th, .genericlistbox ul li.genericlistboxtitle {
background-color:#f0f0f0;
	margin:0;
	font-weight:bold;
	padding:0.25em 0.25em;
	z-index:1;
	font-family:Verdana,Arial;
	text-align:center;
	/*width:100%;*/
}
.genericlistbox a:link, .genericlistbox ul li a:link {padding-left:0.25em;margin:0;color:#003399;text-decoration:none;width:100%;display:block;}
.genericlistbox a:visited, .genericlistbox ul li a:visited {padding-left:0.25em;margin:0;color:#003399;text-decoration:none;width:100%;display:block;}
.genericlistbox a:hover, .genericlistbox ul li a:hover {color:#093;text-decoration:underline;}
.genericlistbox a:active, .genericlistbox ul li a:active {color:#0088ff;}

/*.goodbox {width: 250px;}*/
 
.goodbox div {
  margin: 0 10px 10px 10px;
  color: #363636;
  /*background-color:#E6EAF3;*/
  /*background-color:#F5F5F0;*/
  background-color:#F0F5F5;
  border: 1px solid black;
}
 
.goodbox h3 {
  margin: 0;
 background-color:#035A8F;
   color:#FFFCED !important;
/*  font-size: 0.9em;*/
  padding: 5px;
  text-align: center;
}

	 
.goodbox p {
  margin: 0.5em 0; /* Only vertical margins on the p */
  padding: 0.25em 0.75em; /* Also side padding */
}
 
.goodbox .p-divider {
  border-top: 1px solid #888;
  padding-top: 0.75em; /* This one gets top padding */
} 
	
.nospace {margin:0;padding:0;}	

.nospacetop {margin-top:0;padding-top:0;}

#contactable {
	margin-bottom:0;
	padding-bottom:0
}

#contactable td {
	border:1px solid #6699CC;
	background-color:#F5F5F0;
}

#contactable td h3 {
	margin:0;padding:0;
	}
	
#contactable td h2 {
	margin:0 0 1em 0;
	/*background-color:#E1EFD6;*/
	color:#006633; 
	border-bottom:1px solid #006633; 
	padding:2px;
}	

#contactable p {margin:0.75em;padding:0;}

.under {border-bottom:1px solid #354}
.over {border-top:1px solid #354}

#hlinepindent h2, #hlinepindent h3, #hlinepindent h4 {border-top:1px solid #354}
#hlinepindent p {margin-left:2em}

.table_typical td {
	vertical-align:top;

}

.table_typical2 td {
	vertical-align:top;
	border-top:1px dotted #cccccc;
	padding-right:1em;

}
.table_typical2 th {
	padding-right:1em;	
}

.table_typicalborder {
	border:2px solid #BBCCBF;
	background-color:#FEFDF9;
	}
.table_typicalborder td {
	vertical-align:top;
	border:2px solid #EEF5EE;
	padding:.5em;
}
.table_typicalborder th {
	vertical-align:bottom;
	text-align:center;
	border:2px solid #EEF5EE;
	padding:.5em;
}

.table_typicalborder p, .table_typicalborder2 p, .glossary p {margin:0.25em 0 1em 1em;}

.table_typicalborder2, .glossary {
	border:2px solid #BBCCBF;
	background-color:#FEFDF9;
	}
.table_typicalborder2 td {
	vertical-align:top;
	border-top:2px solid #DDEFDF;
	border-bottom:2px solid #DDEFDF;
	padding:.5em;
}

.glossary td {
	vertical-align:top;
	border-top:2px solid #DDEFDF;
	border-bottom:2px solid #DDEFDF;
	padding:.35em;
	margin:0;
}





.indent {
	margin-left:1em;
}

/* Moved PaddedList CSS to cc_dept_layout.css 2/2015 */

.shading1 {padding:3px;background-color:#EEEFE0;border:1px solid #DDDDD0}

.hclosetoul h2, .hclosetoul h3 {margin-bottom:0;}
.hclosetoul ul {margin-top:0.25em;padding-top:0.25em}  
.pindentclosetoh p { margin-left:1em;margin-top:0.5em;padding-top:0}

a.buttonlink2, a.buttonlink2:link, a.buttonlink2:visited, a.buttonlink2:active {
 background-color:#000099;border-left:2px solid #369; border-bottom:2px solid #369; border-top:2px solid #69e; border-right:2px solid #69e; padding:2px;
 text-decoration:none;color:#fed !important;font-weight:bold;
}

a.buttonlink2:hover {
 background-color:#336;border-left:2px inset #369; border-bottom:2px inset #69e; border-top:2px inset #69e; border-right:2px inset #69e; padding:2px;
 color:#000066;color:#fed;font-weight:bold;text-decoration:underline;
}


a.buttonlink {
	padding:3px;
	text-align:center;
	border-top: 2px solid #999999;
	border-right: 2px solid #999999;
	border-bottom: 3px solid #DDDDDD;
	border-left: 3px solid #DDDDDD;
	background-color:#F0F0F0;
	text-decoration:none;
}
a.buttonlink:hover {
	padding:3px;
	text-align:center;
	border-top: 3px solid #DDDDDD;
	border-right: 3px solid #DDDDDD;
	border-bottom: 2px solid #999999;
	border-left: 2px solid #999999;
	background-color:#FCFCF0;
	text-decoration:none;	
}

.printno { }

table.contacttable td {
	margin:0.25em 1em;
	padding:0.25em 1em;
	vertical-align:top;
}

table.contacttable {
	width:auto;
}

.contacttable2 td {
	margin:0.20em 1em;
	padding:0.20em 1em;
	vertical-align:top;
	border-bottom:1px dotted #ccc;
}

table.contacttable2 {
	width:auto;
}


#gallery img {
	border:1px solid black;
}

div.boxShaded1 {
	padding:0.25em 1em;
	border-top:1px solid #060;
	border-right:1px solid #bbb; 
	border-left:1px solid #bbb; 
	border-bottom:1px solid #bbb;
	background-color:#EFF3ED;
	margin-top:0.25em;
}


#deptmain a.titlelink:link, #deptmain a.titlelink:visited {font-weight:bold;text-decoration:none;}
#deptmain a.titlelink:hover {text-decoration:underline;}

#deptmain a.linksmallite {font-size: smaller; color:#66BBDD;}
#deptmain a.linksmallite:link {font-size: smaller; color:#669999;}
#deptmain a.linksmallite:hover { color:#00AA00;}


ul.listTypeA li, ol.listTypeA li {
	padding:0em 0em 0.3em 0em;
	margin-top:0;
}

ul.listTypeA, ol.listTypeA {
	padding-top:0;
	margin-top:0;
}



.threecolumn_wrapper{
float: left;
width: 100%;

}

.threecolumn_middlecolumn{
margin: 0 33% 0 33%; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
vertical-align:top;
}

.threecolumn_leftcolumn{
float: left;
width: 29%; /*Width of left column in percentage*/
margin-left: -98%;
vertical-align:top;

}

.threecolumn_rightcolumn {
float: left;
width: 29%; /*Width of right column in pixels*/
margin-left: -31%; /*Set margin to that of -(RightColumnWidth)*/
vertical-align:top;
}

.threecolumn.innertube{
margin: 15px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
vertical-align:top;
padding:15px;
}


.emcolor, a:link.emcolor, a.emcolor:link, span.emcolor, span.emcolor a, span.emcolor a:link {
	color:#990000 !important;
	}

/* End Misc Styles*/





/*********** DEPARTMENT SPECIFIC STYLES ***********************************************************/



/* BOCC  */

div.bioleft  {
	width:145px; 
	vertical-align:top;
	padding:0px;
	float: left;
	margin: 0px 5px 0px 0px;
	position:relative;
	top:-10px;
}

div.bioleft img {
	border:1px solid black;
	padding:0px;
	margin:0px;
}
div.bioright {
	padding-top:0.1em;
	margin-top:0.1em;
}
div.bioright h2 {
	padding-top:0.25em;
	margin-top:0.25em;
}

#commissioners p {
	margin:0;
	padding:0;
}

#commissioners div {
	text-align:center;
}

#commissioners img {
	border:6px solid #BECCB0;
}


/* CLERK */





/* HHS */

table.twocoltable {
	background-color:#EAEEE8;
	margin:0;
	border:2px solid #CCCCCC;
	}
.twocoltable td {
	padding:5px 0px 5px 5px;
	margin:0 0px 0px 5px;
	background-color:#FFFFFF;
	}
	
div.mission {padding:3px;border-top:1px solid #adc;border-bottom:1px solid #adc; /*font-size:90%;*/font-style:italic; color:#336633; text-align:center;background-color:#EFF6E5;}
div.reporte {border:1px solid black;background-color:#EEEEEE;color:#990000;width:100%;text-align:center;}
div.tightlist ul {padding-top:0;margin-top:0;font-size:90%}
div.tightlist h3 {padding-bottom:0;margin-bottom:0;}
div.contactbox2 {
	margin:0.25em 0;
	padding:0.25em 5px;
	border-top:1px solid #cccccc;
}
.phemergency {color:#BB0000;}
.phemergency em {font-weight:bold;}
.phemergency a:link {color:#CC0000;}
div.phemergency {border:1px solid #990000;background-color:#eeeeee;width:95%;padding:5px;margin:5px;}
div.contactbox2 a:link, div.contactbox2 a:visited {text-decoration:none;}
div.contactbox2 a:hover {text-decoration:underline;}
body#dd h3 {width:100%;}
.schedtable {
	width:99%;
	padding:5px;
	background-color:#E1EFD6;
	margin-top:5px; 
	border-top:1px solid #CCCCCC;
	}
.schedtable td {
	vertical-align:top;
	text-align:left;
	}
.schedtable p {
	margin-bottom:0.5em;margin-top:0
	}
.schedtable h3 {margin:0;padding:0;}
.schedtable th {color:#E1EFD6; font-weight:bold; font-size:110%; background-color:#004422;}
	
.schedtable2 {background-color:#E1EFD6;border:1px solid #808080;}
.schedtable2 td {background-color:#FFFFFF;border:1px solid #CCCCCC;}
.picanddescription td {background-color:#E1EFD6;border-top:1px solid #336600;}
.picanddescription img {position:relative;margin:0;top:-4px;left:-4px;border:1px solid #666666;padding:0;}
.shadow {margin:5px 5px 5px 10px;padding:0;background-color:#BECCB0;}

.listable td {
	border-top:1px dashed #bbbbcc;
	}


div.hhscontactbox {
border:2px solid #9b9; padding:3px;background-color:#F0F9EE;margin-top:5px;
}
div.hhscontactbox h3 {
background-color:#224433; color:#f0f0f0 !important; padding:1px 2px !important;
}
div.hhscontactbox h3 a,  div.hhscontactbox h3 a:link, div.hhscontactbox h3 a:visited, div.hhscontactbox h3 a:hover, div.hhscontactbox h3 a:active {
color:#f0f0f0 !important; 
}
div.rightboxborder {
width:45%;padding:5px;border:2px solid #363; margin-top:5px;float:right;
}
div.leftboxborder {
width:45%;padding:5px;border:2px solid #363; margin-top:5px;float:left;
}



/* SHERIFF  */



div.sheriffHeader {
	width:auto;
}
div.sheriffHeader div.sheriffLogo {
margin:0px 10px 5px 0px;
	padding:0px 5px 10px 0px;
}

div.sheriffHeader h1 {
	border-bottom:2px solid #040;
	
	padding-bottom:10px !important;

}
div.sheriffHeader div.sheriffTitle {
	/*float:right;*/
	padding:10px;
	margin:10px;
}

div.sheriffHeader img {
	float:left;
	margin:0px 10px 5px 0px;
	padding:0px 10px 5px 0px;
}
div.sheriffHeader p {
	margin:5px 0 0 0;
	padding:5px;
	/*border-top:2px solid #040;*/
	
}
/*div.sheriffHeader div.sheriffTitle div p {
	border:0;
}*/
.sheriffHeader br {
	height:0px;
	line-height:0px;
	margin:0;
	padding:0;	
}

div#sheriffNewsContainer {
	position:relative;
	/*top:-50px;*/
	width:60%;
	margin-top:0;
	padding-top:0;	
	
}
div#sheriffNews {
	border : solid 1px #ccc; 
	background : #fff; 
	color : #000; 
	padding : 5px; 
	height : 200px; 
	margin-bottom:1em;
}
div.sheriffNews {
	border : solid 1px #ccc; 
	background : #fff; 
	color : #000; 
	padding : 5px; 
	height : 200px; 
	margin-bottom:1em;
}
.jailvisit td {
	padding:3px;
	border-bottom:2px solid #aa8;
	border-left:1px solid #ddc;
	
}
table.jailvisit {
	border:3px solid #bb9;
}
.jailvisit th {
	text-align:center;
	background-color:#f0f0dd;
	border-bottom:2px solid #aa8;
	color:#563;
}
.jailvisit tr.reverse td {
 	color:#eed;
	background-color:#563;
}

.sksubhead {
font-weight:bold; font-style:italic; font-size:13px;
}

.alertBox {
padding:3px 5px;border:1px solid #800;background-color:#FFC;margin:0px 5px 0px 0px;width:70%;

}
.alertBox img {
	text-align:right;
		
}
.alertBox p {
padding:0;
margin:0;	
font-size:11px;
}
.alertBox a {
padding:0;
margin:0;	
font-size:13px;
}


.alertBox2 {
border:1px solid #800;background-color:#FFC;width:70%;margin:0;padding:0;
}
.alertBox2 td, .alertBox2 table {
	padding:0;margin:0;	
}
.alertBox2 img {
	margin:0;
	padding:0;
		
}
.alertBox2 p {
padding:0;
margin:0;	
font-size:11px;
}
.alertBox2 a {
padding:0;
margin:0;	
font-size:13px;
}

/* SUPERIOR COURT */

.scbuttonMain {
    background-color: #040; /* Green */
    border: none;
    color: white !important; 
    padding: 15px 10px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 18px;
	border-radius: 8px;
	width:100%;
	font-weight:bold;
	-webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
	border:2px solid white;
	
}

.scbutton {
    background-color: #040; /* Green */
    border: none;
    color: white !important; 
    padding: 8px 8px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 13px;
	border-radius: 8px;
	width:90%;
	margin:auto 5%;
	font-weight:bold;
	-webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
	border:2px solid white;
	
}


.scbutton:hover, .scbuttonMain:hover {
	color: #040 !important;
	background-color: white;
	border:2px solid #040;
}


.scnav {
	text-align:center;
	padding: .25em 0;
	margin:.25em;
	width:180px;
}
table.scaddressbox {
background-color:#000;width:100%;	
}
table.scaddressbox td {
color:#f0f0f0;	
}
table.scaddressbox p {
padding: .1em 0 .5em .2em;
margin:0;
}


div.scleftdown {
	background-color: #040; /* Green */
    border: none;
    color: #eee; 
    padding: 8px 8px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 13px;
	font-size: 12px;
	border-radius: 8px;
	width:90%;
	margin:auto 5%;
	border:2px solid white;
	position:relative;
	left:-10px;
}
	
.scleftdown h3{
	color:#eee !important;
}
.scleftdown a, .scleftdown a:link, .scleftdown a:visited, .scleftdown a:active {
		color:#eee !important;
	
	}
.scleftdown a:hover {
	color:#040 !important;
	background-color:#FFC;

}
scleftdown a:hover img {
	background-color:#040;
}
a.scimageLink:hover {
	background-color:#040;
}
.scEmailLink a, .scEmailLink a:link, .scEmailLink a:visited {
	text-decoration:none;
	font-size:90%;
}
.scEmailLink a:hover, .scEmailLink a:active {
	text-decoration:none;
	background-color:#FFC;
	font-size:90%;
}
.scleftdown p {
	background-color: #040; /* Green */
    border: none;
    color: #eee; 
}
div.scbuttonPosition {
	position:relative;
	left:-10px;
}

/* END DEPARMTMENT SPECIFIC SYTLES ***/

.fblink_option2 {
	position:absolute;
	top:43px;
	left:900px;
	border:none;
	z-index:20;	
}
.fblink_option2 img {
	width:40px;
	height:40px;
	z-index:20;		
}

.fblink {
	float:right;
	border:none;
	z-index:20;	
	padding-right:5px;
	margin-right:5px;
}
.fblink img {
	width:40px;
	height:40px;
	z-index:20;		
}




















/*
CSS for Main Navigation
*/

#mainnav  {
 position:relative; /*top:-5px*/
 z-index:30;
	background-color:transparent;
	 /*background-color:#BDCEF0;*/
	/* background-color:#C9D3DA;*/
	/*background-color:#035A8F;*/
	width: 100%;
	text-indent: 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-weight:normal;
	letter-spacing:0em;
	margin:0;
    padding: 0 0 0 0;
	
	/* BORDERS: If larger top border than mainnav-a, then border of mainnav-a shows up */
	}	


	.mainnavtable {
	z-index:20;
	width:100%;
	border:0;
	padding:0 0 0 0;
	margin:0;
	
	/*background-color:#C9D3DA;*/

	 background-color:transparent; 
	 position:relative; 
	/* border-bottom:5px solid #FFFFFF;  */
	/* top:-22px; */
	}

	/*.mainnavtable td {background-color:#FFCCDD;border-bottom:1px solid #006699;}*/
	
	
/* VERTICAL DROPDOWN MENU - SONS OF SUCKERFISH */

#vnav, #vnav ul { /* all lists */
z-index:2;
		font-family:Arial, Helvetica, sans-serif;
		font-size:small;
		padding: 0;
		margin: 0;
		list-style: none;
		float : left;
		/*width : 15.85em; */  /* Width A */
		width : 207px; 
		
		/*REVISED HOME PAGE*/
		font-size:1em;
		width:100%;
		width:16em;
		
		font-size:80%;
		width:19.95em;
		
		border:2px solid #cccccc;
		border-bottom:1px solid #cccccc;
		background-color:#f1f1f1;
	}
	
	#vnav li { /* all list items */
		z-index:2;
		border-bottom:1px solid #dddddd;
		background-color:#f1f1f1;
		margin-top:0;
		position : relative; 
		float : left;
		line-height : 1.1em;
		/*margin-bottom : -1px;*/
		width: 15.8em;   /* Width B = Width A  */
		width:207px;
		
		/*REVISED HOME PAGE*/
		
		line-height:17px;
		width:16em;
		padding:0px;
		
		width:19.95em;
		
	}
	
	#vnav li ul { /* second-level lists */
z-index:2;
		position : absolute;
		left: -999em;
		margin-left : 16.05em;  /* Width C = Width A + .05 (approx, depend on borders).  This affects position of second-level lists and must be adjusted when the width of the top level list is adjusted */
		
		/*REVISED HOME PAGE*/
		margin-left:200px;
		
		margin-left:16.05em;
		margin-top : -1.80em; /* This effects position of second level menus (how far up or down from parent item) */

	}
	
	#vnav li ul li {
z-index:2;
	width:13.75em;   /* Width F can be wider or narrower than Width A and B.  This involves width of second-level menu items.   */
	
	}
	
	
	#vnav li ul ul { /* third-and-above-level lists */
z-index:3;
		position : absolute;
		left: -999em;
		margin-left : 14.85em;  
		margin-top : -1.75em; 
		


		
	}
	
	#vnav li a {
z-index:2;
		/*width: 15.78em; */   /* Width D = Width A  */
		/*w\idth : 14.78em; */   /* Width E = (Width D - 1em).  This is some kind of CSS hack.  */
		/*width: 202px; */  /* Width D = Width A  */
		/*w\idth : 192px; */   /* Width E = (Width D - 1).  This is some kind of CSS hack.  */
		

		/*REVISED HOME PAGE*/
		font-size:80%;
		width:19.95em;  /*  since font size is 80% then li width is 80% of this width */
		w\idth : 19em;
		margin:0px 0px 0px 0px;
		
		font-size:100%;
		
		
		
		display : block;
		color : #000040;
		font-weight:normal;
		text-decoration : none;
		background-color:#f1f1f1; 
		border:1px solid #dddddd; 
		padding : 0.15em 0.5em;
		/*padding : 0.2em 0.5em;*/
	
	}
	
	#vnav li ul a {  /* Width G = Width F.  This involves with and background color of second-level menu items */
z-index:3;
	background-color:#f1f1f1;
	width:13.75em; color:#000040;
		/*border:1px solid #999999;*/ border-left:0;
	}
	
	#vnav li a:hover {
z-index:2;
		color : #0066CC; text-decoration:underline;
		background-color:#cccccc;
	}

	#vnav a.daddy {
z-index:2;
	background: #eeeeee url(../images/rightarrow.gif) center right no-repeat;
	}

	#vnav li:hover ul ul, #vnav li:hover ul ul ul, #vnav li.sfhoverv ul ul, #vnav li.sfhoverv ul ul ul {
z-index:2;
		left: -999em;
	}
	
	#vnav li:hover ul, #vnav li li:hover ul, #vnav li li li:hover ul, #vnav li.sfhoverv ul, #vnav li li.sfhoverv ul, #vnav li li li.sfhoverv ul { /* lists nested under hovered list items */
z-index:2;
		left: auto;
	}

.topv {  /*background-image:url(../images/graybg.jpg); 
		background-repeat:repeat-x; */
		background-color:#eeeeee;
		
		}	
	
/* End of Vertical Navigation CSS */

/* HORIZONTAL DROPDOWN MENU - SONS OF SUCKERFISH - MODIFIED BY DEAN ANDERSON */

/*#hnav ul li a.daddy:after {content: " > ";}*/
#hnav, #hnav ul {
z-index:19; width:100%; 
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:small;
		float: left;
		list-style: none;
		background-color:#BBCCDD;
		
		padding:0;
		margin:0 0 0 0;
		/* border-top:1px solid #C9D3DA;*/  /* border on top and bottom of lower level menu lists */
		/* border-bottom:2px solid #FFFFFF; */
		 /* width:100%;     */
		/* line-height: 1;  */  
		/* background: transparent;  */ /* transparent background allows MainNav background to show through */
		/* background-color:#003366; */
		/*border: solid #eda;*/
		/* border:1px 0px; */
		/* margin: 0 0 1em 0;    I removed this because the 1em put space under nav bar */
	}

ul#hnav {
 	border-bottom:3px solid #FFFFFF; 
	/*border-top:1px solid #C9D3DA;*/
}	
	
#hnav .hnavfirstlevel {border-bottom:2px solid #ffffff;}	

	#hnav a {
z-index:20;
		display: block;
		color:#ffffff;  /* Font Color of Top Level Nav Buttons */
		text-decoration: none;
		padding: 0.15em 0.7em 0.15em 0.7em;   /* Padding around link inside each Top Nav Button */
		font-weight:bold;
		 
		/* border-left:5px solid #8080CC;  */   /* Between each top level nav button */
		/* border-bottom:1px solid #000000; */
		border-top:0; /* Border around upper and lower level buttons, needs to be equal size to border of a:hover; */
		/* background-color:#003395; */
		/*  
		width: 18em;  and   w\idth: 6em; -- this may be a hack for IE 5 and other browswers.
		WIDTH Relates to width of top level nav buttons, omit width to have conform to width of link text 
		*/
	}
	
	
	/* #hnav ul li a {border-bottom:1px dotted #FF0000;} */   /* sets border on bottom of each menu button except top level */
	



	
	#hnav li {
	
z-index:20; margin:0;
		text-decoration: none;
		 float: left; 
		padding:0;       /* padding of highlighted-area on hover link text in each top level nav button */
		/* width: 18em; ... Relates to width of top level nav buttons, omit width to have conform to width of link text */
		/* 
		Borders here might give navigation look of buttons with edges and borders 
		*/
	}
	
	#hnav a:hover {
z-index:20;
	color:#ffffff; /* Font color of nav buttons when you hover over them */
	/* background color could be added to menu items when you hover on them */
	 text-decoration:underline; 
	}
	/* 
	BORDER: around upper and lower level buttons when hovering, such as 1px solid white. 
	If border is used, must have equal-sized border around [hnav a], otherwise hovering will change nav size/shape/position/flicker. 
	*/
	
	
	
	#hnav li ul li a:hover {
z-index:20;
	background-color:#6688aa;   /* Background Color of Menu Items when hovering on them */
	text-decoration:underline;  
	
			border-left:2px solid #CCCCCC;
		border-right:2px solid #CCCCCC;
	}
 
/* 	#hnav a.daddy:hover {
	background: #6688aa url(../images/rightarrow.gif) center right no-repeat;  
	}*/
	
#hnav a.daddy:hover {
	background-color: #6688aa;  
	}
	
	
	#hnav li ul {
z-index:20;
	
		position: absolute;
		left: -999em;
		height: auto;
		width: 20em;     /* Relates to left margin-padding width of lower sub menu items.  Also the border around the overall drop-down.  
		If too small, each list item will be longer than the ul box they are contained in.  For example probably if list items & hrefs are 18ems + 2em padding + border, this ul width must be 20.1 or so. */
		font-weight: normal;
		margin: 0;
		border-left:1px solid #666666;
		border-top:1px solid #000000;
		border-bottom:2px ridge #aaaacc;
		/* 
		Border:  This could define border on bottom of second level menu list 
		*/
	}
	
	
	#hnav li ul li {
z-index:20;
	width: 18.1em;
	background-color:#eff5ff; /* lower level menu items may have some border transparency in IE unless I do this. */

	/* 
	Background Color: 
	Sets background color of first level drop down, not the main nav button but the first drop-down. 
	Therefore, perhaps sets bg color of lower level parent menu items (daddy class).  
		If no background color here, then lower level parent menu items will have background matching top level menu items (transparency) .
	Borders:  These borders give navigation look of buttons with edges and borders, if I want them.
	Padding: main-nav bgcolor padding around submenu buttons 
	*/
	}
	
	
	#hnav a.daddy {
z-index:20;
	background: #035A8F url(../images/rightarrow3.gif) center right no-repeat;  /* bg color of 2nd level items with daddy class */
	}
	
	#hnav li ul a {  /* Applies styles to first drop-down menu (second-level menu items); not the main first nav button; but daddy class overrides*/
		z-index:20;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-weight:normal;
		font-size:small;
		color:#ffffff;   
		background-color:#035A8F; 
		border-right:2px solid #CCCCCC;
		border-bottom:1px solid #000000;
		padding-top:1px;
		padding-bottom:1px;
		width: 17.8em;   /* Relates to right margin-padding width of lower sub menu items */
		/*border-left:2px solid #CCCCCC;*/

	}
	
	#hnav li ul ul { /* Applies styles & positions for second drop-down menu that pops out from first dropdown; (third level overall: button, drop-one, DROP-TWO). */
z-index:20;
	/* background-color:transparent;   */
	margin: -1.67em 0 0 19.8em;   border-top:1px solid #808080; 
		/* 
		MARGIN:  
			Sets location of third level menus, must adjust after adjusting menu button borders and first-second level widths.  
			TRBL (L is left start of 3rd level; T is directly under parent item; T=-1.5em is equal height to parent item)
				(R and B may be irrelevant?)
		BORDERS: bottom and top of third level menu list:
		 */
	}
	

	
	#hnav li:hover ul ul, #hnav li:hover ul ul ul, #hnav li.sfhover ul ul, #hnav li.sfhover ul ul ul {
z-index:20;
		left: -999em;
	}
	
	#hnav li:hover ul, #hnav li li:hover ul, #hnav li li li:hover ul, #hnav li.sfhover ul, #hnav li li.sfhover ul, #hnav li li li.sfhover ul {
		left: auto;
	}
	
	#hnav li:hover, #hnav li.sfhover {
		/* background: #eda;   */     /* background color of top level menu items when hovering in drop down underneath that item */ 
	}

	#hnav li:hover, #hnav li.hover {
z-index:20;
		position: static;
	}

/* CSS for currently selected top level menu item     */
#hnav li.topitemselected {
	background-image:url(../images/graybluebg.jpg);
	top:-4px;
	background-repeat:repeat-x;
	margin-right:0px;  
	margin-left:3px;
	}

#hnav li.topitemselected a  { 
	border-bottom:4px solid white;
	border-right:4px solid #338899; 
	border-left:5px solid #338899;
	color:#000080;
	font-weight:bold;
	}

#hnav li.topitemselected a:hover {color:#000080;}
#hnav li.topitemselected li {border-bottom:none;font-weight:normal;font-size:100%;}
#hnav li.topitemselected ul li a {border-top:0;color:#ffffff;border-bottom:1px solid #000000;font-weight:normal;font-size:100%;padding-bottom:2px;} 
#hnav li.topitemselected ul li a:hover {color:#ffffff;} 

#hnav .topitemselected ul li a {
	border-top:0;
	color:#ffffff;
	font-weight:normal;
	font-size:100%;
	padding-bottom:2px;
	border-bottom:1px solid #000000;
	border-right:4px solid #227799; 
	border-left:5px solid #227799;
} 
	
#hnav li.topitemselected ul li a:hover {
	border-left:5px solid #FFFFFF;
	border-right:4px solid #BBCCDD;
}	
	

/* CSS for top level menu items except for the current selected item	*/
	
#hnav li.topitems {
/*	background-image:url(../images/bluebg1.jpg);
	background-repeat:repeat-x;*/
	background-color:#035A8F;
	margin-right:0px;  /* space between each top level nav button in header */
	margin-right:1px;margin-left:5px;
	border-bottom:0;
	position:relative;
	border:2px outset #338899;
	border-bottom:0;
		position:relative;
	top:3px;
	z-index:0;
	width:auto;
	
	
	}

#hnav li.topitems a {
	padding-bottom:1px; 
	border-right:0;
	border-left:0; 
	border-bottom:0;
}

#hnav .topitems ul li a {
	border-top:0;
	color:#ffffff;
	font-weight:normal;
	font-size:100%;
	padding-bottom:2px;
	border-bottom:1px solid #000000;
	border-right:4px solid #227799; 
	border-left:5px solid #227799;
} 
	
#hnav li.topitems ul li a:hover {
	border-left:5px solid #FFFFFF;
	border-right:4px solid #BBCCDD;
}	
		
	#hnav .hnavlastitem a {border-bottom:0 !important;}  /* sets exception so that menu items in this class won't have same border-bottom as other menu items  (see #hnav ul li a) */
			
/* End of HORIZONTAL Nav CSS */


/* QUICK LINKS CSS and Other Navigation*/

.quicklinks { font-family:Arial, Helvetica, sans-serif;font-weight:bold;}
h4.quicklinks {padding:0;margin:0;color:#663300;font-size:100%;}

.hilitebox a:link {color: #003399;text-decoration:none;} 
.hilitebox a:visited {color: #003399;text-decoration:none;} 
.hilitebox a:hover {color: #093;background-color:#ffeeaa;text-decoration:none;} 
.hilitebox a:active {color: #093;text-decoration:none;} 

div.toprightlinks {width:12%;
clear:left;
float:right;margin-right:10px; border:1px solid yellow;
font-family:Arial, Helvetica, sans-serif;

}
.toprightlinks a {color:#0000CC !important;text-decoration:none;background-color:#DDEEFF;}
.toprightlinks a:visited {color: #003399;text-decoration:none;} 
.toprightlinks a:hover {color: #0000ff;text-decoration:underline;background-color:#FFFFFF} 
.toprightlinks a:active {color: #0000ff;text-decoration:none;} 

li.toprightlinks {font-family:Arial, Helvetica, sans-serif;font-size:90%; padding-left:0.75em;text-align:right;color:#0033CC;}
 

/* LINK BOXES and QUICK LINKS for HOME and DEPARTMENT Pages */
.linkbox {
	z-index:1;
	border:1px solid #666666;
	background-color:#f0f0f0;
	padding:0;
	margin:0px 1px 2px 0px;
	width:98%;
}
.linkbox th {
	background:url(../images/graybg.jpg);
	margin:0;
	font-weight:bold;
	padding:0.1em 0em;
	z-index:1;
	font-family:Verdana,Arial;
	/*font-size:80%;*/
	text-align:center;
}
.linkbox td {z-index:1;}
.linkbox a:link, .linkbox a:visited, .linkbox a:active {color:#003399;padding-left:0.25em;margin:0;}
.linkbox a:hover {color:#093}
.links1, .links1 ul {z-index:1;
		list-style:none;
		margin:0;
		padding:0;
		font-family:Arial, Helvetica, sans-serif;
		/*font-size:0.8em;*/
		/* font-weight:bold; */
		}
.links1 li {z-index:1;
		list-style:none;
		margin:0;
		padding:2px 0 2px 0; 
    	border-bottom:dotted 1px #cccccc; 
		background-color:#ffffff;
		/* background-color:#FFFCEA; */
		
		}
				
.links1 a:link, .links1 a:visited {z-index:1;color:#003399;text-decoration:none;width:99%;display:block;}
.links1 li a:link{color:#003399; text-decoration:none;}
.links1 li a:visited{color:#003399; text-decoration:none;}
.links1 li a:hover{color:#093;text-decoration:underline;/*background-color:#f0f0f0;*/}
.links1 li a:active{color:#0088ff;}

/* list items with NEW class have a background image stating "NEW" */
li.new {background: #ffffff url(../images/New_icons_14.gif) center right no-repeat;}  

/* End */



.morelinks {text-align:right;font-size:smaller;color:#6080aa !important;}
.morelinks a {color:#6080aa !important;}

/* End of Quick Links and Other Nav CSS */


/* CSS for New Items in Menu, add class to hyperlink word NEW to have NEW highlighted */


/* HEAD TABLE WITH COUNTY LOGO */
/*.fontheadtitle {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:130%; font-weight:bold;padding-left:5px;}
.fontheadaddress {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:75%;padding-left:5px;}
.tableheadnav {padding:0px 3px;}*/
/* table.tablehead {width:100%;margin:5px 0px;padding:0;background-color:#FFFFFF;background-color:transparent;background-image:url(../images/banner13.jpg);background-repeat:no-repeat;} */
/*td.tableheadlogo {width:100px;padding:0;}
td.tableheadtitle { padding:2px;}*/


form.searchbox { 
 background-color:transparent;
 color:#003333;
 padding:0;
 margin:125px 1em 0 0;
 margin:1em 1em 0 0;
 }
form.searchbox input {
	font-size: 80%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	vertical-align:bottom;vertical-align:text-bottom;
	padding:0;
	margin:2px; 
	/*border:2px inset #336699;*/
	}
form.searchbox input.textfield {
	font-size: 80%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	vertical-align:bottom;vertical-align:text-bottom;
	padding:0;
	margin:2px;
	/*border:2px inset #336699;*/
	}
form.searchbox input.formbutton {
border:0;
cursor:pointer;
border:outset 1px #ccc;
background:#999;
color:#000;
font-weight:bold;
padding: 1px 2px;
vertical-align:bottom;vertical-align:text-bottom;
background:#f0f0f0 url(../images/graybg.jpg) repeat-x left top;
}

#divbanner {
	background-color:transparent;
	background-image:url(../images/bg19.jpg);
	background-repeat:no-repeat;
	border:0;margin:0;padding:0;
	width:100%;
	height:125px;  
	vertical-align:top;

}

.displaynoprintyes {display:none;}
.headerprint {height:0px;margin:0;padding:0;display:none;}
.headerprint p {height:0px;margin:0;padding:0;display:none;}
.headerprint img {width:0;height:0px;margin:0;padding:0;display:none;}
/*#tablebanner {background-color:transparent;background-image:url(../images/banner_13.jpg);background-repeat:no-repeat;border:0;margin-bottom:0;padding-bottom:40px;width:100%;height:161px;vertical-align:top;margin-top:-2px; border:4px solid #FFFFCC; }
.tablebanner_col1 {width:30em;}
.tablebanner_col2 {vertical-align:top;}
#tablebanner td {vertical-align:bottom;vertical-align:text-bottom; border:4px dotted #33FF99}*/



/* OTHER CSS */
#breadcrumbs {/* color:#eaeaf6; */ color:#336699; border-bottom:1px solid #669999; padding:0 0 2px 0px; width:100%; margin:0; background-color:#FFFFFF; /* background-color:#546D81; */ /* border-top:2px solid #003366; position:relative;left:-20px;*/}
#breadcrumbs a {/* color:#eaeaf6; */ color:#3366DD;text-decoration:none;}
#breadcrumbs a:hover {/* color:#eaeaf6; */ color:#3366FF;text-decoration:underline;}

#breadcrumbs span {font-size:70%;padding-left:5px;}
#breadcrumbs span em {font-style:normal;font-size:inherit;color:#336699;}

iframe#JobListings {
	height:400px;
}

/* End CSS for Header */

 
#footer { clear:both;
	padding: 0 3px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#101020;
} 
#footer #dateformat {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 5px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	color:#aaaabb;
	font-size:70%;
	text-align:center;
}

#footer a:link, #footer a:visited {color:#cceecc;text-decoration:none;}
#footer a:hover {text-decoration:underline}

/* htmlLoad is the class added to the div in the document to be loaded by PHP Pages, to show up between ccheader and ccfooter */
.htmlLoad {

}


div.indentParagraphs p {
margin-left:1.5em;
margin-top:0.25em;	
}

div.hpnopadding p {
margin-top:0.25em;	
padding-top:0;
}


div.hpnopadding h4 {
margin-bottom:0px;
padding-bottom:0px;	
padding-top:1em;
margin-top:1em;
}

div.hpnopadding h2, div.hpnopadding h3 {
margin-bottom:1em;
padding-bottom:1em;	
}

li.everbridge {
	background-color:#000;
	margin-left:10px;
	
}
li.everbridge  a {
	
		
}