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

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... */
	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;
	letter-spacing: 0.25em;
	word-spacing: 0.2em;
	font-variant: small-caps;
	color: #415648;
	background-color: transparent;
	}

p	{/* All paragraphs unless otherwise specified... */
	margin-top: 0;
	margin-bottom: .75em;
	text-align: left;
	}

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 	{
	font-size: inherit;
	}
	
p ol li	{
	font-size: 2em;
	}

img	{/* All images unless otherwise specified... */
	margin: 0;
	border: 0;
	padding: 0;
	display: block;
	}

th, td	{/* All table headers and table data unless otherwise specified... */
	border-bottom: 1px solid #a7a7a7;
	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	{
	/* width: 50%; */
	border-left: 5px solid #d7dabd;
	}
	
tr.even	{
	background:  #fff url(/cra/artwork/backgrounds/pixel_1x1.gif) left;
	color: black;
	}
 
table tr.firstitem *	{
	border-top: 1px solid #d7dabd;
	}
	
table	{
	margin-bottom: 20px;
	width: 100%;
	}

#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 {
	margin-top: 1.35em;
	font-family:  Copperplate, Verdana, "Myriad Web Pro Condensed", MyriadWebPro-Condensed, Helvetica, "Arial Narrow", sans-serif;
	}
			
#centercontent h3	{
	/* padding-left: 5px; */
	margin-top: 1.75em;
	font-size: 1.15em;
	}

abbr[title], acronym[title] {
	border-bottom-width: 0.1em;
	border-bottom-style: dashed;
	border-bottom-color: #666666;
	cursor: help;
	}	
.fileInfo {
	font-size:0.70em;
	color:#666666;
	padding-left: 3px;
}  
.tabletitle	{
	border-left: 20px solid #cecea5;
	padding: 5px;
	background: #fff url(/cra/artwork/backgrounds/pixel_1x1.gif) left;
	color: black;
	}
	
.paragraphtitle	{
	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: #fff url(/cra/artwork/backgrounds/pixel_1x1.gif) left;
	color: black;
	font-size: 1.1em;
	font-family:  Copperplate, Verdana, "Myriad Web Pro Condensed", MyriadWebPro-Condensed, Helvetica, "Arial Narrow", sans-serif;	
	font-weight: bold;
	}
	
#centercontent ul.textlist	{
	font: normal normal normal 1em/1.35em "Book Antiqua", Palatino, "Palatino Linotype", serif;
	}

#centercontent ul li, #centercontent ol li	{
	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; */
	}
	
#centercontent ul li p	{
	font: 1.3em/1.4em "Book Antiqua", Palatino, "Palatino Linotype", serif;
	}

#centercontent ul li.inline	{
	font-size: 1em;
	}

#centercontent ul li h2	{
	font-size: 1.5em;
	}

#centercontent ul li h3 a	{
	text-decoration: none;
	/* font-weight: bold; */
	/* font-size: .8em; */
	color: #000000;
	background-color: transparent;
	font-size: 1em;
	}
	
h3#notes	{
	padding-bottom: 5px;
	border-bottom: 1px solid #d7dabd;
	}

#mailingaddress, #officelocation, .mailingaddress	{
	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: 60%;
	font: bold small Verdana, "Andale Mono", Courier, "Courier New", monospace;
	text-align: center;
	}


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

#tempInfo	{
	margin-left:8px; 
	margin-right:8px;
	border: 4px solid #800040 !important;
	padding: 0.3em 0.4em !important;
	color: #800040;
	background: transparent;
	font: normal normal bold 10pt Arial, Helvetica, sans-serif !important;
	/* vertical-align: middle; */
	text-decoration: none !important;
	}
#noticetitle	{
	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: 1em;
	font-weight: 900;
	font-variant: small-caps;
	letter-spacing: .5em;
	text-align: center;
	}
	
#noticetext	{
	font-family:  "Myriad Web Pro Condensed", MyriadWebPro-Condensed, Helvetica, "Arial Narrow", sans-serif;
	font-size: .8em;
	letter-spacing: .05em;
	text-align: justify;
	}
		
#pdfinfo h3	{
	margin: .5em 0;
	font-size: small;
	}

#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 {/* News items title and items... */
	text-align: right;
	}
#rightcontent p	{/* News items title and items... */
	text-align: left;
	}
#footer h2	{/* Copyright notice in "footer" div... */
	font-size: .90em;
	font-family:  "Myriad Web Pro Condensed", MyriadWebPro-Condensed, Helvetica, "Arial Narrow", sans-serif;
	}

.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;
	}
/*	
.deptnamecra	{
	padding-top: .2em;
	color: #415648;
	background-color: transparent;
	word-spacing: -.1em;
	}
*/
.emphasis	{/* Changes color of word */
	background-color: transparent;
	color: maroon;
	}

.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: double gray .07em;
	padding: 0 0.25em;
	/* 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;
	}
	
.sectiontitle	{
	border-top: 3px solid #d7dabd;
	padding-top: 10px;
	} 
	
.tabletitle	{
	border-left: 20px solid #cecea5;
	padding: 5px;
	background: #fff url(/cra/artwork/backgrounds/pixel_1x1.gif) left;
	color: black;
	}

.softwaretitle	{
	font-weight: bold;
	}

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;
	color:#515100;
	}

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

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

p.signature	{
	margin: 1em 0;
	padding-top:6px;
	font: italic normal normal 1.2em/.4em "Book Antiqua", Palatino, "Palatino Linotype", serif;
	}

.formname	{
	font-style: italic;
	}

/* ***** UTILITY CLASSES */

.inline	{
	margin: 0;
	padding: 0;
	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;
	}

input.value	{
	margin: 0 .3em;
	/* font: normal normal normal 1em/1.2em "Myriad Web Pro Condensed", MyriadWebPro-Condensed, Helvetica, "Arial Narrow", sans-serif; */
	font-size: 1em;
	}

#clear {
	clear: both;
	}
	
input:focus, textarea:focus	{
	background-color: #FAFACE;
	color: #000;
	}
.rule {
	border-bottom-color:#d7dabd;
	border-bottom-style:solid;
	border-width:thin;
	margin-bottom:1.5em;
}
	
/*	***** 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 23.9%;/* Create wide margins on both sides of center section to accomodate navigation and news sections */
	border: 1px solid black;
	padding: 10px 1em;
	background-color: #fff;
	color: #000000;
	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: 14.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 3% 0 3%;
	text-align: center;
	line-height: 1.5;
	/* background: #d7dabd; */
	}

#newsitems {
	margin: 15px 0 0 0;
	padding: 0;
	list-style-type: none;
	list-style-position: outside;
	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;
	color: #000;
	}	
	
#searchsubmit	{
	/* margin-top: 2em; */
	width: 90%;
	}
	
#searchbox	{
	text-align: right;
	margin: 0 10px 25px 10px;
	padding-bottom: 20px;
	border-bottom: 2px solid #d7dabd;
	}
	
#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; */
	}

/*	***** 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: 57%;
	/* 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-color: 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;
	}

#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-color: transparent;
	color: #383A34;
	}

#headercontent ul li a:hover {
	background-color: #d7dabd;
	color: #030;
	}
	
#headercontent p.deptname a	{
	color: #212b24;
	background-color: transparent;
	}
	
#headercontent p.deptname a:hover	{
	color: #718176;
	background-color: 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-color: transparent;
	text-align: left;
	}
	
#navigation li a	{
	padding: 0;
	padding-left: 5px;
	background-color: 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-color: transparent;
	color: #A7A285;
	display: block;
	font-weight: normal;
	text-decoration: none;
	}

#navigation li a:hover	{
	background-color: #d7dabd;
	color: #030;
	display: block;
	font-weight: normal;
	text-decoration: none;
	}
	
#navigation li.currentpage	{
	border-right: 10px solid #cecea5;
	/* padding-left: -5px; */
	background-color: 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-color: 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-color: 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-color: transparent;
	color: #383A34;
	display: block;
	font-weight: normal;
	text-decoration: none;
	}

#navigation li.currentpage ul.subnav li a:hover	{
	background-color: #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;
	}
*/

/*	***** FORM ITEMS */
form	{
	position: relative;
	margin: 0;
	padding: 0;
	margin-left: -15px;
	width: 99%;
	}

form li	{	
	list-style-type: none;
	}
	
.submission	{
	/* display: block; */
	/* float: left; */
	position: relative;
	margin: 0;
	padding: 0;
	/* font: normal normal normal 1em/1.2em "Myriad Web Pro Condensed", MyriadWebPro-Condensed, Helvetica, "Arial Narrow", sans-serif;	 */
	/* font-family: "Arial Bold", "Myriad Web Pro Condensed", MyriadWebPro-Condensed, Helvetica, sans-serif; */
	/* font-size: 1em !important; */
	/* letter-spacing: .05em; */
	width: 99%;
	/* overflow: auto; */
	}
	
#txtDescription	{
	height: 6em;
	width: 99%;
	overflow: visible;
	/* font: normal normal normal 1em/1.2em "Myriad Web Pro Condensed", MyriadWebPro-Condensed, Helvetica, "Arial Narrow", sans-serif;	 */
	/* font-size: 1em !important; */
	}

.button	{
	margin: 1em 1em 1em 0;
	font-size: 1em;
	}
	
.radiobutton	{
	margin-right: 3px;
	}

/* ***** NEWS ITEMS */

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

#newsitems li	{
	margin: 0;
	border-top: 1px solid #cecea5;
	padding: 10px 5px 0 0;
	background: transparent;
	line-height: 1.35em;
	letter-spacing: .03em;
	}

#newsitems li p	{
	padding-bottom: 5px;
	}

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

#newsitems li p.itemlink a	{
	background-color: 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-color: transparent;
	color: #383A34;
	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-color: #d7dabd;
	color: #030;
	text-decoration: none;
	line-height: 1.35em;	/* Makes entire "button" surface clickable. */
	display: block;
	}

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

#newsitems li p a:hover	{
	color: #030;
	background-color: #d7dabd;
	font-weight: normal;
	text-decoration: underline;
	}
	
.subitem	{
	display: block;
	margin: 0;
	border-top: 1px solid #cecea5;
	padding-top: 5px;
	margin-bottom: 10px;
	background-color: #ededde;
	}

.subitem p	{
	margin: 0;
	padding: 0;
	margin-right: -4px;
	padding-right: 3px;
	/* border-right: 1px solid #cecea5; */
	margin-bottom: 5px;
	}
	
.subitemtitle	{
	display: block;
	margin: 0 !important;
	padding: 0 !important;
	padding-right: 3px;
	/* border-bottom: 1px solid #cecea5; */
	font-size: .95em;
	}
	
p.subitemtitle a	{
	display: block;
	color: #A7A285;
	background-color: transparent;
	font-weight: normal !important;
	text-decoration: none !important;
	line-height: 1.35em;	/* Makes entire "button" surface clickable. */
	}
	
p.subitemtitle a:visited	{
	display: block;
	color: #383A34;
	background-color: transparent;
	font-weight: normal;
	text-decoration: none !important;
	line-height: 1.35em;	/* 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: 1.35em;	/* Makes entire "button" surface clickable. */
	}

#newsitems li.subitemtext	{
	list-style: none;
	border: none !important;
	padding-bottom: .25em;
	font-size: .95em;
	}
	
/*	***** 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;
	}
	
#validation	{
	width: 88px;
	margin-left: auto;
	margin-right: auto;
	}

p.salutation	{
	}

/*  ***** 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;
	/* right: 0; */
	left: 60%;
	right: 0;
	text-align: right;
	}
	
#artwork	{
	margin: 0 0 10px 0;/* separates art title and credit from artwork image */
	border: 2px solid black;
	background: #fff url(/cra/Artwork/Originals/JackStuppin/SonomaVines_Smaller.jpg) right no-repeat;/* URL of any new artwork */
	color: #000;
	overflow: visible;
	float: right;
	/* height: 163px;/* change to match pixel height of any new artwork */
	/* width: 229px;/* change to match pixel width of any new artwork */
	height: 139px;/* change to match pixel height of any new artwork */
	width: 195px;/* change to match pixel width of any new artwork */
	}
	
#credits	{
	margin: 0;
	border: 0;
	padding: 0;
	position: relative;
	/* float: right; */
	/* width: 60%; */
	right: 0;
	clear: both;
	}
	
#credits p.arttitle	{
	margin: 0;
	letter-spacing: 0.025em;
	position: relative;
	right: 0;
	text-align: right;
	/* clear: both; */
	}
	
#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; */
	}
	
#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: none;
	padding: 0;
	float: left;
	width: 133px;
	height: 133px;
	position: relative;
	}
	
#notaryseal	{
	margin: 15px 0 10px 15px;
	border: none;
	padding: 0;
	float: right;
	width: 100px;
	height: 100px;
	position: relative;
	}
	
#joes	{
	margin: 0 0 10px 15px;
	border: none;
	padding: 0;
	float: right;
	width: 150px;
	height: 283px;
	position: relative;
	}
	
#weddingpic	{
	margin: 0 0 10px 15px;
	padding: 0;
	float: right;
	width: 148px;
	height: 196px;
	position: relative;
	border: none;
	}
	
#magglass	{
	margin: 0 15px 10px 0;
	padding: 0;
	float: left;
	width: 172px;
	height: 160px;
	position: relative;
	border: none;
	}
	
#book	{
	margin: 0 0 10px 15px;
	border: none;
	padding: 0;
	float: right;
	width: 80px;
	height: 99px;
	position: relative;
	}

/*  ***** CALENDAR   */
#calendar	{
	display: block;
	margin: 30px 12px 10px 12px;
	/* border: 2px solid #d7dabd; */
	border-bottom: none;
	/* border-left: 5px solid #cecea5; */
	padding: 0px;
	font: normal small Verdana, "Andale Mono", Courier, "Courier New", monospace;
	color: black;
	background-color: transparent;
	/* background: #ededde; */
	overflow: hidden;
	}

.main {
	width: 100%;
	margin: 0;
	margin-bottom: 7px;
	border: none;
	}

.month {
	background-color: #212b24;
	font: bold .7em verdana;
	color: #fff;
	text-align: center;
	}

.daysofweek {
	background-color: gray;
	font: bold .7em verdana;
	color: #fff;
	text-align: center;
	}

.days {
	font-size: .7em;
	font-family: verdana;
	text-align: center;
	color: #415648;
	background-color: #ededde;
	padding: 2px;
	}

.days #today{
	font-weight: bold;
	color: maroon;
	border: 1px solid maroon;
	padding: 1px;
	}

.days #electionday{
	font-weight: bold;
	color: blue;
	border: 1px solid blue;
	padding: 1px;
	}

#month1	{
	margin: 0;
	margin-bottom: 15px;
	border: 0;
	padding: 0;
	}
#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;}	
sup {
	font-size:.75em
}