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

/* ***** FORMATTING RULES FOR TEXT ELEMENTS  */
body {/* All body elements unless otherwise specified... */
	margin: 0;
	padding: 0;
	background: transparent;
	color: black;
	font: 12pt/16pt "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: .3em;
	font-size: 1em;
	font-weight: bold;
	font-stretch: expanded;
	letter-spacing: 0.25em;
	word-spacing: 0.2em;
	font-variant: small-caps;
	color: #415648;
	background: transparent;
	}

p	{/* All paragraphs unless otherwise specified... */
	margin: 0;
	margin-bottom: .75em;
	padding: 0;
	text-align: left;
	}
	
.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;
	}

/* ***** 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;
	}

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

/* ***** FORMATTING RULES FOR TABLE ELEMENTS   */
th, 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%;
	border-left: 5px solid #d7dabd;
	}
	
tr.even	{/* All table rows identified as "even" get a colored background... */
	background:  #eee;
	color: black;
	}
 
table tr.firstitem *	{/* 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%;
	}
	
.tabletitle	{/* All table titles get a wide solid left border and a colored background */
	border-left: 20px solid #cecea5;
	padding: 5px;
	background: transparent;
	color: black;
	}

/* ***** 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;
	}

.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: transparent;
	color: maroon;
	font: bold 2.5em "Book Antiqua", Palatino, "Palatino Linotype", serif;
	position: relative;
	float: left;
	}

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

#centercontent ul li	{/* List items in the "centercontent" div... */
	margin-bottom: .75em;	
	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;
	page-break-before: always;
	}

#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: 0;
	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;
	}
	
/* ***** 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;
	}

#rightcontent h2, #rightcontent p	{/* News items title and items... */
	text-align: right;
	}

/* ***** FORMATTING RULES FOR FOOTER SECTION ELEMENTS   */
#footer h2	{/* Copyright notice in "footer" div... */
	font-size: 8pt;
	font-family:  "Myriad Web Pro Condensed", MyriadWebPro-Condensed, Helvetica, "Arial Narrow", sans-serif;
	letter-spacing: .2em;
	}

/* ***** 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: #a7a7a7;
	word-spacing: -.1em;
	}

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

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 15px/* Create wide margin on left side of center section to accomodate navigation and news sections */
	border: 0;
	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%;
	visibility: hidden;
	}


#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;
	visibility: hidden;
	}

#footer	{
	border: 0;
	text-align: center;
	background: transparent;
	}

#newsitems {
	margin-left: 15px;
	padding: 0 10px 0 0;
	list-style-type: none;
	/* list-style-position: inside; */
	/* width: 100%; */
	visibility: hidden;
	}
	
#notice	{
	margin: 0;
	margin-top: 20pt;
	border: 0;
	border-top: 2px solid #d7dabd;
	padding: 0;
	padding-top: 6pt;
	font-size: 9pt;
	}

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

#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;
	visibility: hidden;
	}

#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 1em;
	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: -.8em;
	}

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

#headercontent ul li#four a	{
	border-right: none;
	}

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

#headercontent ul li a:hover {
	background: #d7dabd;
	color: #030;
	}

/*	***** 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: 5px;
	}
	
#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: 8px;
	}

#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 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;
	}

/*	***** FOOTER	*/

#footer h2	{
	margin-top: .5em;
	background: transparent;
	}

p.updated	{
	font-family: "Myriad Web Pro Condensed", MyriadWebPro-Condensed, Helvetica, "Arial Narrow", sans-serif;
	letter-spacing: .075em;
	text-align: center;
	font-size: 8pt;
	}
	
p.validation	{
	visibility: hidden;
	}

/*	***** 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: 20px;
	right: 0;
	text-align: right;
	visibility: hidden;
	}
	
#artwork	{
	margin: 0 0 10px 0;/* separates art title and credit from artwork image */
	border: 3px inset #a7a7a7;
	background: #fff url(/cra/Artwork/Originals/ThomasCreed/Bodega_Coast_thumb.jpg) right no-repeat;/* URL of any new artwork */
	overflow: visible;
	float: right;
	height: 81px;/* change to match pixel height of any new artwork */
	width: 125px;/* change to match pixel width of any new artwork */
	}
	
#credits	{
	margin: 0;
	border: 0;
	padding: 0;
	position: relative;
	float: right;
	clear: both;
	}
	
#artofthemonth 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 */
	}
	
#artofthemonth 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: 0;/* separates art title and credit from artwork image */
	margin-left: auto;
	margin-right: auto;
	border: 1pt solid black;
	/*background: white url(/CRA/Artwork/Maps/CampusCenter_CRA_Web.jpg) top left no-repeat; URL of Admin Center JPG Map */
	overflow: hidden;
	/* float: right; */
	height: 776px;/* change to match pixel height of any new artwork */
	width: 539px;/* change to match pixel width of any new artwork */
	/* display: none; */
	page-break-after: always;
	}
		
#mapsrcampus_clerk	{
	margin: 0;/* separates art title and credit from artwork image */
	margin-left: auto;
	margin-right: auto;
	border: 1pt solid black;
	/* position: relative; */
	/*background: transparent; 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 */
	/*height: 8in; change to match pixel height of any new artwork */
	/*width: 6in; change to match pixel width of any new artwork */
	page-break-after: always;
	}
		
#mapsrcampus_rec	{
	margin: 0;/* separates art title and credit from artwork image */
	margin-left: auto;
	margin-right: auto;
	border: 1pt solid black;
	/* position: relative; */
	/*background: transparent; 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 */
	/*height: 8in; change to match pixel height of any new artwork */
	/*width: 6in; change to match pixel width of any new artwork */
	page-break-after: always;
	}

#validation	{
	visibility: hidden;
	}