/*	***** GENERAL FORMATTING RULES	*/

/* ***** FORMATTING RULES FOR TEXT ELEMENTS  */
body {/* All body elements unless otherwise specified... */
	margin: 0;
	padding: 0;
	background: #fff url(/cra/artwork/backgrounds/pixel_1x1.gif) left;
	color: black;
	font: .9em/1.35em "Book Antiqua", Palatino, "Palatino Linotype", serif;
	}
	
h1	{/* All h1 text unless otherwise specified... */
	margin: 0;
	padding: 0;
	font: italic normal normal 2.25em/1em "Monotype Corsiva", "Book Antiqua", Palatino, "Palatino Linotype", serif;
	letter-spacing: 0.1em;
	}

h2	{/* All h2 text unless otherwise specified... */
	margin-bottom: .5em;
	font-size: 1.25em;
	font-weight: normal;
	letter-spacing: 0.1em;
	word-spacing: 0.1em;
	}

h3	{
	margin-bottom: 0.3em;
	font-size: 1em;
	font-weight: bold;
	font-stretch: expanded;
	letter-spacing: 0.25em;
	word-spacing: 0.2em;
	font-variant: normal;
	color: #415648;
	background: transparent;
	}

p	{/* All paragraphs unless otherwise specified... */
	margin: 0;
	margin-bottom: .75em;
	padding: 0;
	text-align: left;
	}
abbr[title], acronym[title] {
  border-bottom-width: 0.1em;
  border-bottom-style: dashed;
  border-bottom-color: -moz-use-text-color;
  cursor: help
  }	
 .fileInfo {
	font-size:0.70em;
	color:#666666;
	padding-left: 3px;
} 
.paragraphtitle	{/* All paragraph titles classed as such get a wide solid left border and a colored background */
	border-left: 12px solid #cecea5;
	border-bottom: 1px solid #cecea5;
	padding: 5px;
	padding-bottom: 2px;
	background: #fff url(/cra/artwork/backgrounds/pixel_1x1.gif) left;
	/* background-color: transparent; */
	color: black;
	font-size: 1.1em;
	font-family:  Copperplate, Verdana, "Myriad Web Pro Condensed", MyriadWebPro-Condensed, Helvetica, "Arial Narrow", sans-serif;	
	font-weight: bold;
	}

/* ***** FORMATTING RULES FOR LIST ELEMENTS   */
ul, ol	{/* All list items (menu items) unless otherwise specified... */
	font: normal normal normal .8em/1.6em "Myriad Web Pro Condensed", MyriadWebPro-Condensed, Helvetica, "Arial Narrow", sans-serif;	
	letter-spacing: 0.025em;
	}

ul ul, ul ol, ol ul, ol ol 	{/* Some reference said this rule was a good idea to help prevent shrinking list item font sizes... */
	font-size: inherit;
	}

/* ***** FORMATTING RULES FOR LINK ELEMENTS   */
a:link	{/* Initial characteristics of all unvisited links unless otherwise specified... */
	text-decoration: none;
	}

a:visited	{/* Initial characteristics of all visited links unless otherwise specified... */
	text-decoration: none
	}

a:hover	{/* Initial characteristics of all links over which visitor hovers unless otherwise specified... */
	text-decoration: none;
	color: maroon;
	background: transparent;
	}

/* ***** FORMATTING RULES FOR GRAPHIC ELEMENTS   */
img	{/* All images unless otherwise specified... */
	margin: 0;
	border: 0;
	padding: 0;
	display: block;
	}

/* ***** FORMATTING RULES FOR TABLE ELEMENTS   */
td	{/* All table headers and table data unless otherwise specified... */
	border-bottom: 1px solid #d7dabd;
	padding: 0.25em 0.5em;
	text-align: left;
	vertical-align: top;
	font: bold small Verdana, "Andale Mono", Courier, "Courier New", monospace;
	}

td	{/* All table data unless otherwise specified... */
	font: normal normal normal small Verdana, "Andale Mono", Courier, "Courier New", monospace;
	}
	
th	{/* All table rows identified as headers get a solid left border... */
	width: 50%;
	text-align:left;
	border-left: 5px solid #d7dabd;
	border-bottom: 1px solid #d7dabd;
	padding: 0.25em 0.5em;
	}
	
tr.even th, tr.even td	{/* All table rows identified as "even" get a colored background... */
	background:  #fff url(/cra/artwork/backgrounds/pixel_1x1.gif) left;
	color: black;
	}
	
tr.odd	{
	background: transparent;
	color: black;
	}
	
tr.firstitem	{
	border-top:  1px solid #d7dabd;
	padding: 1px;
	}
 
tr.firstitem th, tr.firstitem td	{/* First row in tables gets a solid top border... */
	border-top: 1px solid #d7dabd;
	}

table	{/* All tables span entire width of their containers... */
	margin-bottom: 20px;
	width:100%;
	text-align:left;
	}


.tabletitle	{/* All table titles get a wide solid left border and a colored background */
	border-left: 20px solid #cecea5;
	padding: 5px;
	background: #fff url(/cra/artwork/backgrounds/pixel_1x1.gif) left;
	color: black;
	font-weight: bolder;
	}
	
.tableheader	{
	background: #d7dabd;
	color: black;
	}

th.c1	{
	width: 35%;
	font-weight: normal;
	}
	
td.c2	{
	width: 20%;
	text-align: center;
	font-size: .8em;
	}
	
td.c3	{
	width: 20%;
	text-align: center;
	font-size: .8em;
	}

td.c4	{
	width: 25%;
	font-size: .8em;
	}

.tableheader th, .tableheader td	{
	vertical-align: bottom;
	/* width: 25%; */
	font: normal normal bolder 1em "Myriad Web Pro Condensed", MyriadWebPro-Condensed, Helvetica, "Arial Narrow", sans-serif;
	letter-spacing: 0.025em;
	}
	
#taxes	{/* All tables span entire width of their containers... */
	margin-bottom: 20px;
	width:100%;
	text-align:left;
	table-layout:auto;
	}
	
th  {
	width:25%;
	text-align:left;
}

td {
	width:25%;
}
	
a.top {
	font-size:.85em; 
	font-weight:bold; 
	line-height:1.6em; 
	margin-left: 3em;
	padding:.4em 0;
	text-align:left;
	}					

.newspaper	{
	font: normal small-caps normal 1.1em "Myriad Web Pro Condensed", MyriadWebPro-Condensed, Helvetica, "Arial Narrow", sans-serif;
	letter-spacing: 0.1em;
	}

th.formname	{
	/* background: url(/cra/artwork/originals/buttons/pdf_icon.gif) no-repeat top right; */
	}
	
.pdf	{
	margin-left: .25em;
	border: 1px solid maroon;
	padding: 0 1px;
	font-size: 80%;
	font-weight: normal;
	color: maroon;
	background-color: #ededde;
	}
	
.faqs ID	{
	display: none;
	}
	
table tr th.question	{
	}
	
table tr td.answer p, table tr td.answer ul, table tr td.answer ul li	{
	/* border: none; */
	}
	
a.expandable	{
	text-decoration: none !important;
	}

a.expandable span	{
	display: none;
	}

a:hover.expandable span	{
	/* display: block; */
	font: normal normal normal .8em/1em Verdana, Arial, Helvetica, sans-serif;
	}

.itemdetail	{
	display: block;
	margin-left: 1.25em;
	margin-top: .25em;
	font: normal normal normal .9em/1.1em Verdana, Arial, Helvetica, sans-serif;
	}

tr th img	{
	float: left;
	margin-top: .25em;
	margin-right: 5px;
	border: 0;
	padding: 0;
	}

/* ***** FORMATTING RULES FOR CENTER SECTION ELEMENTS   */
#centercontent a	{/* All "centercontent" links unless otherwise specified... */
	text-decoration: underline;
	}

#centercontent h1	{/* The page title as displayed at the top of the "centercontent" div... */
	margin: .5em 0 .3em -.125em;
	text-indent: -1em;
	padding-left: 1em;
	}
	
#centercontent h2, h3	{/* Section titles in the "centercontent" div... */
	margin-top: 1.35em;
	font-family:  Copperplate, Verdana, "Myriad Web Pro Condensed", MyriadWebPro-Condensed, Helvetica, "Arial Narrow", sans-serif;
	}
		
#centercontent h3	{/* Section titles in the "centercontent" div... */
	/* padding-left: 5px; */
	margin-top: 1.75em;
	}

.pagetitle	{/* h1 used as page title in "centercontent" div */
	border-bottom: solid #d7dabd 2px;
	padding-bottom: .35em;
	}

.title-first-letter	{/* First letter of page title in "centercontent" div */
	background-color: transparent;
	color: maroon;
	font-size: 1.25em;
	}

.subtitle	{/* h1 text in subsection "centercontent" div */
	border-bottom: solid #d7dabd 2px;
	padding-bottom: .35em;
	font-size: 2.5em;
	letter-spacing: 0.075em;
	background-color: transparent;
	color: black;
	}

.subtitle-first-letter	{/* First letter of page title in subsection "centercontent" div */
	background-color: transparent;
	color: maroon;
	font-size: 1em;
	}

.dropcap	{/* First letter of first paragraph in content in "centercontent" div */
	margin: 0.1em 0.25em 0 0;
	border: solid #a7a7a7 2px;
	padding: 0 0.15em;
	/* padding: .4em 0.25em; This is what IE 5.2.3 Mac wants because of the box-model bug */
	background-color: transparent;
	color: maroon;
	font: bold 2.5em "Book Antiqua", Palatino, "Palatino Linotype", serif;
	position: relative;
	float: left;
	}
#sameday	{
	color: #800000;
	font-family:  Georgia, "Times New Roman", Times, serif;
	text-align:center;
	font-weight:600;
	border-top: solid #d7dabd 2px;
	border-bottom: solid #d7dabd 2px;
	padding: 4px;
	}
.efilelink	{
	display: block;
	position: relative;
	float: right;
	/* clear: left; */
	top: -15px;
	right: 0;
	/* margin-left: 15px; */
	border: 2px solid #800040;
	padding: 2px;
	color: #800040;
	background: transparent;
	font: normal normal bold 8pt Arial, Helvetica, sans-serif;
	text-align: center;
	/* vertical-align: -50%; */
	width: 50px;
	text-decoration: none !important;
	}

a.efilelink:visited	{
	color: #800040;
	}

a.efilelink:hover	{
	color: #B6B6B6;
	}

.efilesymbol	{
	display: inline;
	border: 2px solid #800040;
	padding: 2px;
	color: #800040;
	background: transparent;
	font: normal normal bold 8pt Arial, Helvetica, sans-serif;
	text-align: center;
	width: 50px;
	}

.sectiontitle	{
	border-top: 3px solid #d7dabd;
	padding-top: 10px;
	} 
	
#centercontent ul.textlist, #centercontent ol.textlist	{/* Lists in the "centercontent" div... */
	font: normal normal normal 1em/1.35em "Book Antiqua", Palatino, "Palatino Linotype", serif;
	}

#centercontent ul li, #centercontent ol li	{/* List items in the "centercontent" div... */
	margin-bottom: .75em;	
	font: normal normal normal .95em/1.5 Verdana, "Andale Mono", Courier, "Courier New", monospace;
	/* font: normal normal normal .9em/1.5 Verdana, "Andale Mono", Courier, "Courier New", monospace; */
	}

h3#notes	{/* The title of the notes preceding the fee list in the "centercontent" div... */
	padding-bottom: 5px;
	border-bottom: 1px solid #d7dabd;
	}

#mailingaddress, #officelocation	{/* Mailing and street addresses in the "centercontent" div... */
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	margin-bottom: 1.5em;
	border: solid 2px #d7dabd;
	border-right: solid 10px #d7dabd;
	border-left: solid 10px #d7dabd;
	padding: 10px;
	width: 50%;
	font: bold small Verdana, "Andale Mono", Courier, "Courier New", monospace;
	text-align: center;
	}

#noticetitle	{/* The disclaimer notice title in the "centercontent" div... */
	border-bottom: 3px solid #d7dabd;
	padding: .5em 0 .3em 0;
	font-family: "Arial Bold", "Myriad Web Pro Condensed", MyriadWebPro-Condensed, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: 900;
	font-variant: small-caps;
	letter-spacing: .5em;
	text-align: center;
	}
	
#noticetext	{/* The disclaimer notice text in the "centercontent" div... */
	font-family:  "Myriad Web Pro Condensed", MyriadWebPro-Condensed, Helvetica, "Arial Narrow", sans-serif;
	letter-spacing: .05em;
	text-align: justify;
	}
	
#mapsrcampus	{
	background-position: center;
	}
	
input:focus, textarea:focus	{
	background: #FAFACE;
	}

/* ***** FORMATTING RULES FOR LEFT AND RIGHT SECTION ELEMENTS   */
#leftcontent h2, #rightcontent h2	{/* Titles for the navigation links ("leftcontent") and news items ("rightcontent") */
	margin: 20px 0 .2em 15px;
	font-family:  "Myriad Web Pro Condensed", MyriadWebPro-Condensed, Helvetica, "Arial Narrow", sans-serif;
	font-weight: bold;
	}

#rightcontent h2, #rightcontent p	{/* News items title and items... */
	text-align: right;
	}
		
#pdfinfo h3	{
	margin: .5em 0;
	font-size: small;
	}

.softwaretitle	{
	font-weight: bold;
	}

/* ***** FORMATTING RULES FOR FOOTER SECTION ELEMENTS   */
#footer h2	{/* Copyright notice in "footer" div... */
	font-size: x-small;
	font-family:  "Myriad Web Pro Condensed", MyriadWebPro-Condensed, Helvetica, "Arial Narrow", sans-serif;
	letter-spacing: .2em;
	}
	
#validation	{
	width: 88px;
	margin-left: auto;
	margin-right: auto;
	}

/* ***** FORMATTING RULES FOR HEADER SECTION ELEMENTS   */
.sitename	{/* "County of Sonoma" in page header */
	padding: 5px 0 0 96px;
	font-size: .6em;
	}

.deptname	{/* "Clerk-Recorder-Assessor" or "Recorder" in page header */
	padding-top: .2em;
	background-color: transparent;
	color: #212b24;
	/* word-spacing: -.1em; */
	letter-spacing: .01em;
	}

.emphasis	{/* Changes color of word */
	background-color: transparent;
	color: maroon;
	}
	
/* ***** FORMATTING RULES FOR SEARCH SUBMIT ELEMENTS   */
input.submitfield	{
	/* display: block; */
	float: left;
	position: relative;
	margin: 0;
	padding: 0;
	font-family: "Arial Bold", "Myriad Web Pro Condensed", MyriadWebPro-Condensed, Helvetica, sans-serif;
	font-size: .7em;
	width: 53%;
	}

input.submitbutton	{
	/* display: block; */
	/* float: right; */
	margin: 0;
	padding: 0;
	font-family: "Arial Bold", "Myriad Web Pro Condensed", MyriadWebPro-Condensed, Helvetica, sans-serif;
	font-size: .7em;
	}
	
/* ***** UTILITY CLASSES */

.inline	{
	display: inline;
	}

.hide	{
	display: none;
	}

.bullet	{
	font-size: .7em;
	}
		
p.center	{
	text-align: center;
	font: bold small Verdana, "Andale Mono", Courier, "Courier New", monospace;
	margin-bottom: 1.5em;
	}

#clear {
	clear: both;
	}
	
.bulletindate	{
	display: block;
	margin-bottom: -1em;
	color: #000000;
	font-size: 1em;
	font-weight: bold;
	text-align: right;
	}

/*	***** BASIC PAGE DIVISIONS	*/

#headercontent	{/* Characteristics of all content in the header unless otherwise specified... */
	position: relative;
	z-index: 100;
	margin: 10px 20px 0 10px;
	padding: 0 0 5px 0;
	font: italic normal normal 1.5em/.4em "Book Antiqua", Palatino, "Palatino Linotype", serif;
	text-align: left;
	}

#pagecontent {/* This container facilitates positioning the "footer" div below all three columns on the page (left, center and right), regardless of their lengths. The only other way to accomplish this with CSS2 is through the use of Javascript.  -- */
	margin: 0;
	margin-top: 3em;
	border-top: 10px solid #d7dabd;
	padding: 0;
	overflow: visible;
	position: relative;
	}

#centercontent {/* Characteristics of all content in the center section unless otherwise specified... */
	margin: 0 10px 0 23.9%;/* Create wide margin on left side of center section to accomodate navigation and news sections */
	border: 1px solid black;
	padding: 10px 1em;
	background: #fff;
	text-align: left;
	}

#leftcontent {/* Characteristics of all content in the navigation section unless otherwise specified... */
	margin: 0;
	margin-right: 76%;/* Reserve 24% of page width for navigation content */
	border: 0;
	padding: 0;
	position: absolute;
	top: 2em;/* Offset navigation section 2 ems below top edge of "pagecontent" div */
	width: 23.9%;	
	}

/*
#rightcontent {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 10.5em;  Offset news items section 10.5 ems below top edge of "pagecontent" div  
	right: 10px;
	width: 20.9%;
	overflow: visible;
	text-align: right;
	}
*/

#footer	{
	border-top: 1px solid #cecea5;
	margin: 10px 5% 0 5%;
	text-align: center;
	line-height: 1.5;
	/* background: #d7dabd; */
	}

#newsitems {
	margin-left: 15px;
	padding: 0 10px 0 0;
	list-style-type: none;
/* 	list-style-position: inside;
	width: 100%; */
	}
	
#notice	{
	margin: 0;
	border: 5px solid #d7dabd;
	border-width: 2px 10px 2px 10px;
	padding: 0.5em; 
	background: #fff url(/cra/artwork/backgrounds/pixel_1x1.gif) left;
	}
	
#pdfinfo	{
	display: block;
	margin: 30px 10px 10px 10px;
	border: 1px solid #d7dabd;
	border-left: 5px solid #cecea5;
	padding: .25em 10px 1em 10px;
	font: normal x-small Verdana, "Andale Mono", Courier, "Courier New", monospace;
	color: black;	
	background: #ededde url(/cra/artwork/originals/buttons/pdf_icon.gif) no-repeat top right;
	background-position:  95% 1em;
	/* background: #ededde; */
	}

#searchsubmit	{
	/* margin-top: 2em; */
	}
	
#searchbox	{
	text-align: right;
	margin: 0 10px 25px 10px;
	padding-bottom: 20px;
	border-bottom: 2px solid #d7dabd;
	}

#searchsite	{
	display: block;
	width: 90%;
	margin: 20px auto;
	border: 2px solid maroon;
	padding: 10px 10px 0px 10px;
	}

#searchsite a	{
	width: 75%;
	font-size: .8em;
	}

#searchsite tr, #searchsite td	{/* Table headers and table data in Search Results table... */ 
	border: 0;
	padding: 0;
	text-align: left;
	vertical-align: middle; 
	font: bold small Verdana, "Andale Mono", Courier, "Courier New", monospace;
	}
		
/*	***** NAVIGATION	*/

/*	***** Header Navigation	*/
#headercontent ul	{
	margin: 0;
	border: 0;
	padding: 0;
	/* padding-left: 96px; */
	list-style-type: none;
	text-align: center;
	float: left;
	clear: right;
	width: 67%;
	/* margin-right: 5%; */
	}

#headercontent ul li	{
	margin: 0;
	padding: 0;
	display: inline;
	float: left;
	text-align: center;
	}

#headercontent ul li a	{
	margin: 0;
	border-right: 1px solid #cecea5;
	padding: .25em .6em;
	background: transparent;
	color: #415648;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
	font-weight: normal;
	font-family: "Myriad Web Pro Condensed", MyriadWebPro-Condensed, Helvetica, "Arial Narrow", sans-serif;
	letter-spacing: .05em;
	font-size:    x-small;      
	voice-family: "\"}\"";   
	voice-family: inherit;   
	font-size:    small;
	}

#headercontent ul li#one a	{
	margin-left: -.3em;
	}

html>#headercontent ul li a  {
	font-size:    x-small;      
	voice-family: "\"}\"";   
	voice-family: inherit;   
	font-size: small;
	}

#headercontent ul li#two a	{
	/* position: relative; */
	}

#headercontent ul li#four a	{
	/* position: relative; */
	border-right: none;
	}

#headercontent ul li a {
	font-size: .7em;
	}

#headercontent ul li a:visited {
	background: transparent;
	color: #a7a7a7;
	}

#headercontent ul li a:hover {
	background: #d7dabd;
	color: #030;
	}
	
#headercontent p.deptname a	{
	color: #212b24;
	background: transparent;
	}
	
#headercontent p.deptname a:hover	{
	color: #718176;
	background: transparent;
	}

/*	***** LEFT COLUMN NAVIGATION	*/
#navigation {
	margin-left: 15px;
	padding: 0 10px 0 0;
	list-style: none;
	}	

#navigation li	{
	margin: 0;
	border-bottom: 1px solid #cecea5;
	padding: 0;
	background: transparent;
	text-align: left;
	}
	
#navigation li a	{
	padding: 0;
	padding-left: 5px;
	background: transparent;
	color:	#415648;
	display: block;
	font-weight: normal;
	text-decoration: none;
	line-height: 2em;	/* Makes entire "button" surface clickable. */
	}
	
#navigation li a:visited	{
	padding: 0;
	padding-left: 5px;
	background: transparent;
	color: #a7a7a7;
	display: block;
	font-weight: normal;
	text-decoration: none;
	}

#navigation li a:hover	{
	background: #d7dabd;
	color: #030;
	display: block;
	font-weight: normal;
	text-decoration: none;
	}

#navigation li.currentpage	{
	border-right: 10px solid #cecea5;
	/* padding-left: -5px; */
	background: transparent;
	color: maroon;
	display: block;
	font-weight: normal;
	text-decoration: none;
	line-height: 2em;	
	}

#navigation li.parentlink	{
	margin-left: -5px;
	}

#navigation li.sublink	{
	margin-left: -5px !important;
	}

#navigation li.currentpage ul.subnav	{
	margin-left: 0;
	padding-left: 0;
	font: normal normal normal 1em/1.2em "Myriad Web Pro Condensed", MyriadWebPro-Condensed, Helvetica, "Arial Narrow", sans-serif;	
	letter-spacing: 0.025em;
	}

#navigation li.currentpage ul.subnav li	{
	margin: 0;
	padding: 0;
	padding-left: 5px;
	list-style-type: none;
	line-height: 1.2em;
	}

#navigation li.currentpage ul.subnav li.subitem	{
	margin-left: -5px;
	}

#navigation li.currentpage ul.subnav li.currentitem	{
	margin-left: 5px;
	border-left: 5px solid #cecea5;
	background: transparent;
	color: maroon;
	display: block;
	font-weight: normal;
	text-decoration: none;
	line-height: 2em;
	}

#navigation li.currentpage ul.subnav li a	{
	margin-left: 5px;
	padding: 0;
	padding-left: 5px;
	background: transparent;
	color:	#415648;
	display: block;
	font-weight: normal;
	text-decoration: none;
	list-style-type: none;
	}

#navigation li.currentpage ul.subnav li.currentitem a	{
	margin-left: 5px !important;
	}

#navigation li.currentpage ul.subnav li a:visited	{
	background: transparent;
	color: #a7a7a7;
	display: block;
	font-weight: normal;
	text-decoration: none;
	}

#navigation li.currentpage ul.subnav li a:hover	{
	background: #d7dabd;
	color: #030;
	display: block;
	font-weight: normal;
	text-decoration: none;
	}

.bottomlink	{
	border-bottom: none !important;
	}
		
/*
#footernavigation	{
	margin-top: -3.25em;
	font-size: small;
	list-style: none;
	}

#footernavigation li	{
	display: inline;
	text-align: center;
	}

#footernavigation li a	{
	margin: 10px 0;
	border-right: 1px solid #415648;
	padding: .25em 1em;
	background: transparent;
	color: #415648;
	font-size: x-small;
	text-decoration: none;
	text-align: center;
	font-weight: normal;
	font-family: "Myriad Web Pro Condensed", MyriadWebPro-Condensed, Helvetica, "Arial Narrow", sans-serif;
	letter-spacing: .05em;
	line-height: 2.15em;
	}
*/

/*	***** HEADER */
	
/* 	***** NEWS ITEMS */

#newsitems h2	{
	margin-top: 10em;
	}

#newsitems li	{
	margin: 0;
	border-bottom: 1px solid #cecea5;
	padding: 0;
	background: transparent;
	line-height: 1.35em;
	letter-spacing: .03em;
	}
	
#newsitems li p	{
	margin-bottom: 0;
	padding-bottom: 4px;
	}
	
#newsitems li p.itemtext	{
	display: none;
	}

.itemtitle	{
	font-weight: bold;
	}

/*
#newsitems li p.itemlink	{
	margin-right: -5px;
	margin-bottom: 0;
	padding-right: 5px;
	padding-bottom: 1em;
	}
*/

#newsitems li p.itemlink	{
	margin-top: 4px;
	}

#newsitems li p.itemlink a	{
	background: transparent;
	color:	#415648;
	font-weight: normal;
	text-decoration: none;
	line-height: 1.35em;	/* Makes entire "button" surface clickable. */
	display: block;
	}
	
#newsitems li p.itemlink a:visited	{
	background: transparent;
	color: #a7a7a7;
	font-weight: normal;
	text-decoration: none;
	line-height: 1.35em;	/* Makes entire "button" surface clickable. */
	display: block;
	}

#newsitems li p.itemlink a:hover	{
	font-weight: normal;
	background: #d7dabd;
	color: #030;
	text-decoration: none;
	line-height: 1.35em;	/* Makes entire "button" surface clickable. */
	display: block;
	}

/*
#newsitems li p a	{
	color:	#415648;
	background: transparent;
	font-weight: normal;
	text-decoration: underline;
	display: inline;
	}
	
#newsitems li p a:visited	{
	color: #a7a7a7;
	background: transparent;
	font-weight: normal;
	text-decoration: underline;
	}

#newsitems li p a:hover	{
	color: #030;
	background: #d7dabd;
	font-weight: normal;
	text-decoration: underline;
	}
*/

#newsitems li p.itemlink	{
	padding-left: 5px;
	}
	
#newsitems li a	{
	padding: 0;
	/* padding-left: 5px; */
	background: transparent;
	color:	#415648;
	display: block;
	font-weight: normal;
	text-decoration: none;
	line-height: 2em;	/* Makes entire "button" surface clickable. */
	}
	
#newsitems li a:visited	{
	padding: 0;
	/* padding-left: 5px; */
	background: transparent;
	color: #a7a7a7;
	display: block;
	font-weight: normal;
	text-decoration: none;
	}

#newsitems li a:hover	{
	background: #d7dabd;
	color: #030;
	display: block;
	font-weight: normal;
	text-decoration: none;
	}
	
#newsheader	{
	padding-top: 1.5em;
	}
	
.subitem	{
	margin: 0px;
	margin-left: 10px;
	padding-bottom: 0;
	margin-bottom: 3px;
	}
		
.subitem p	{
	/* margin: 0; */
	/* padding: 0; */
	/* margin-left: 10px; */
	/* padding-right: 3px; */
	/* margin-bottom: 10px; */
	font-size: .95em;
	}
	
.subitemtitle	{
	/* display: block; */
	/* margin: 0 !important; */
	padding: 0 !important;
	/* padding-left: 5px; */
	/* border-bottom: 1px solid #cecea5; */
	background-color: #ededde;
	}
	
p.subitemtitle a	{
	/* display: block; */
	/* padding-left: 5px; */
	border-left: 3px solid #cecea5;
	text-indent: 5px;
	color: #415648;
	background-color: transparent;
	font-weight: normal;
	text-decoration: none;
	/*line-height: 1em;	 Makes entire "button" surface clickable. */
	}
	
p.subitemtitle a:visited	{
	/* display: block; */
	color: #a7a7a7;
	background-color: #ededde;
	/* background-color: transparent; */
	font-weight: normal;
	text-decoration: none !important;
	/*line-height: 1em;	 Makes entire "button" surface clickable. */
	}
	
p.subitemtitle a:hover	{
	/* display: block */
	color: #030;
	background-color: #d7dabd;
	font-weight: normal;
	text-decoration: none !important;
	/*line-height: 1em;	 Makes entire "button" surface clickable. */
	}

#newsitems li.subitemtext	{
	display: none;
	}

/*	***** FOOTER	*/

#footer h2	{
	margin-top: 1em;
	/* background: #d7dabd; */
	}

p.updated	{
	font-family: "Myriad Web Pro Condensed", MyriadWebPro-Condensed, Helvetica, "Arial Narrow", sans-serif;
	letter-spacing: .15em;
	text-align: center;
	font-size: .7em;
	}

/*  ***** ADS    */
#adspace	{
	display: block;
	margin: 30px 10px 10px 10px;
	border: 2px solid #d7dabd;
	/* border-left: 5px solid #cecea5; */
	padding: .25em 5px 1em 5px;
	font: normal x-small Verdana, "Andale Mono", Courier, "Courier New", monospace;
	color: black;	
	background: #ededde;
	overflow: hidden;
	}

#adspace h3	{
	margin: .5em 0;
	font-size: small;
	text-align: center;
	}

#adspace img	{
	width: 147px; /* Change to match artwork used */
	height: 72px; /* Change to match artwork used */
	margin-left: auto;
	margin-right: auto;
	}

#adspace p	{
	margin-top: 1em;
	text-align: center;
	}

/*	***** ARTWORK	*/

#countyseal	{
	margin: 0 15px 0 0;
	padding: 0;
	background: transparent;
	float: left;
	}

#artofthemonth	{
	margin: 0;
	/* margin-right: 5px; */
	padding: 0 10px 0 0;
	font: italic small/1.25em  "Myriad Web Pro Condensed", MyriadWebPro-Condensed, Helvetica, "Arial Narrow", sans-serif;
	position: absolute; 
	top: 10px;
	left: 60%;
	right: 0;
	text-align: right;
	}
	
#artwork	{
	margin: 0 0 10px 0;/* separates art title and credit from artwork image */
	border: 3px inset #a7a7a7;
	background: #fff url(/cra/Artwork/Originals/JackStuppin/SonomaVines_Thumb.jpg) right no-repeat;/* URL of any new artwork */
	overflow: visible;
	float: right;
	height: 95px;/* change to match pixel height of any new artwork */
	width: 134px;/* change to match pixel width of any new artwork */
	}
	
#credits	{
	margin: 0;
	border: 0;
	padding: 0;
	position: relative;
	/* float: right; */
	clear: both;
	}
	
#credits p.arttitle	{
	margin: 0;
	letter-spacing: 0.025em;
	position: relative;
	right: 0;
	text-align: right;
	/* clear: both; */
	display: none;/* this text is not displayed on pages with this 2-column format */
	}
	
#credits p.artcredit	{
	margin: 0;
	font-style: normal;/* sets art credit as normal text (vs. italic) */
	letter-spacing: 0.025em;
	position: relative;
	right: 0;
	text-align: right;
	/* clear: both; */
	display: none;/* this text is not displayed on pages with this 2-column format */
	}
		
#mapsrcampus	{
	margin: 10px 0;/* separates art title and credit from artwork image */
	border: 2px solid black;
	/*background: #fff url(/CRA/Artwork/Maps/CampusCenter_CRA_Web.jpg) right no-repeat; URL of Admin Center JPG Map */
	overflow: visible;
	/* float: right; */
	height: 776px;/* change to match pixel height of any new artwork */
	width: 540px;/* change to match pixel width of any new artwork */
	}
		
#mapsrcampus_clerk	{
	margin: 10px 0;/* separates art title and credit from artwork image */
	border: 2px solid black;
	/*background: #fff url(/CRA/Artwork/Maps/CampusCenter_Clerk.jpg) right no-repeat; URL of Admin Center JPG Map */
	overflow: visible;
	/* float: right; */
	height: 776px;/* change to match pixel height of any new artwork */
	width: 539px;/* change to match pixel width of any new artwork */
	}
		
#mapsrcampus_rec	{
	margin: 10px 0;/* separates art title and credit from artwork image */
	border: 2px solid black;
	/*background: #fff url(/CRA/Artwork/Maps/CampusCenter.jpg) right no-repeat; URL of Admin Center JPG Map */
	overflow: visible;
	/* float: right; */
	height: 776px;/* change to match pixel height of any new artwork */
	width: 539px;/* change to match pixel width of any new artwork */
	}
	
#photo	{
	margin: 0 10px 0 0;
	border: 2px solid black;
	padding: 0;
	/* float: right; */
	float: left;
	width: 100px;
	height: 125px;
	position: relative;
	}
	
#stopsign	{
	margin: 0 15px 10px 0;
	border: 0;
	padding: 0;
	float: left;
	width: 133px;
	height: 133px;
	position: relative;
	}
	
#notaryseal	{
	margin: 15px 0 10px 15px;
	border: 0;
	padding: 0;
	float: right;
	width: 100px;
	height: 100px;
	position: relative;
	}
	
#passport	{
	margin: 15px 0 10px 15px;
	border: 0;
	padding: 0;
	float: right;
	width: 150px;
	height: 184px;
	position: relative;
	}
	
#clipper	{
	margin: 5px 10px 15px 0 ;
	border: 0;
	padding: 0;
	float: left;
	width: 200px;
	height: 101px;
	position: relative;
	}
	
#accessibleOptions {font-family:Arial, Helvetica, sans-serif; padding-left:0.5em; padding-bottom:0.5em; font-size:70%;}
#accessibleOptions a {color:#999999; font-size:80%; text-decoration: none;}
#accessibleOptions a:hover, #divViewOptions a:focus {color:#666666; text-decoration: none}

/* new styles for contact info */
.indent2em {
	margin-left:2em}
	
dl.tableLayout {
	float:left; 
	overflow:visible; 
	width:100%; 
	line-height:1.4em}
	
dl.tableLayout dt {
	clear:both; 
	display:block; 
	float:left; 
	font-weight:bold; 
	height:auto; 
	margin:0; 
	padding:.5em .5em .5em 0; 
	text-align:right}

dl.tableLayout dd {
	display:block; 
	float:left; 
	margin:0; 
	padding:.5em 0 .5em .5em}

dl.titlePercent10 dt, dl dt.titlePercent10 {
	min-width:4em; 
	width:10%}

dl.titlePercent10 dd, dl dd.titlePercent10 {
	width:80%}

dl.titlePercent20 dt, dl dt.titlePercent20 {
	min-width:8em; 
	width:25%}

dl.titlePercent20 dd, dl dd.titlePercent20 {
	width:66%}

.hide{display:none}

ul.getDirections{font-weight:normal; padding-left:1em; margin-left:1em;}