/*------------------------------------------------------------------------------------

[Table of Contents]

1. Body
2. Header 
3. Navigation
4. Content
5. Search
6. Tables
7. Footer

--------------------------------------------------------------------------------------*/


/*-----------------------------------------------------------------------------------

[1. Body]

--------------------------------------------------------------------------------------*/

body {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: #000000;
}

/*-----------------------------------------------------------------------------------

[2. Header]

--------------------------------------------------------------------------------------*/

.topnav {
	font-weight: bold;
	letter-spacing: .05em;
}
.topnav a:link {
	color : #4E6B63; 
	text-decoration: none;
} 
.topnav a:visited {
	color : #333366; 
	text-decoration: none;
} 
.topnav a:hover {
	color: #7A87A1; 
	text-decoration: underline;
} 
.topnav a:active {
	color: #333366; 
	text-decoration: none;
}  


/*-----------------------------------------------------------------------------------

[3. Navigation]

--------------------------------------------------------------------------------------*/


/*-----------------------------------------------------------------------------------

[4. Content]

--------------------------------------------------------------------------------------*/

h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 150%;
	color: #B93F4D;
	letter-spacing: 0.5em;
	text-transform: uppercase;
}
h2 {
	color: #4E6B63;
	font-size: 130%;
}
h3 {
	color: #B93F4D;
	font-size: 120%;
}
h4 {
	font-size: 110%;
	letter-spacing: 0.08em;
}

p {  line-height: 140%; }

a:link {
	color: #932835;
	text-decoration: underline
}
a:active {
	color: #CC3333;
	text-decoration: underline
}
a:visited {
	color: #333366;
	text-decoration: underline
}
a:hover {
	color: #7A87A1;
	text-decoration : none;
}

ol {  line-height: 150%}

ul {
	line-height: 150%;
	list-style-image: url(http://food.sonoma-county.org/images/arrow.gif);
}

.explainPopup {
	background-color: white;
	background-image: none;
	padding: 5px;
}

/*-----------------------------------------------------------------------------------

[5. Search]

--------------------------------------------------------------------------------------*/

.searchresults {
	font-size: 11px; 
	color: #000000; 
	text-decoration: none} 
.searchresults a:link {
	color: #000000;  
	text-decoration: none; 
	font-weight: normal} 
.searchresults a:visited {
	color: #999999;  
	text-decoration: none; 
	font-weight : normal} 
.searchresults a:hover {
	color: #000000;  
	text-decoration: underline;  
	font-weight : normal} 
.searchlink a:active {
	color: #000000;  
	text-decoration: none; 
	font-weight : bold }

/*-----------------------------------------------------------------------------------

[6. Tables]

--------------------------------------------------------------------------------------*/

td { font-size: 75%}

.tableData {
	font-size: 80%;
}

.inspectionTable {
	border-collapse: collapse;
	border-spacing: 10px 1px;
	border-style: none;
	border-width: 0px;
	background-color: #fff;
}
.inspectionTable  td {
	border-style: solid;
	border-width: 8px 0px;
	border-color: #fff;
	padding: 5px;	
}

.inspectionTable h2 {
	font-size: 140%;
	color: #000;
}

.inspectionTableHeading {
	background-color: #CCAC8A;
}
.inspectionTableItem {
	background-color: #fff;
}

.explanationTable {
	border-collapse: collapse;
	border-spacing: 10px 1px;
	border-style: none;
	border-width: 0px;
	background-color: #fff;
}
.explanationTable  td {
	border-style: solid;
	border-width: 8px 0px;
	border-color: #fff;
	padding: 5px;	
}

.explanationTable h2 {
	font-size: 140%;
	color: #000;
}

.tableHeading {
	background-color: #e6e6e6;
}
.tableItem {
	background-color: #FDF4D9;
}

/*-----------------------------------------------------------------------------------

[7. Footer]

--------------------------------------------------------------------------------------*/

.bottom_nav {
	color: #000000;
	text-decoration: none;
	font-size: 70%;
} 
.bottom_nav a:link {color: #666666;  text-decoration: none} 
.bottom_nav a:visited {color: #999999; text-decoration: none} 
.bottom_nav a:hover {color: #333333;   text-decoration: underline} 
.bottom_nav a:active {color: #CCCCCC;  text-decoration: none} 

.footer {font-size: 95%; color: #000000; text-decoration: none;   } 
.footer a:link {color: #666666;  text-decoration: underline} 
.footer a:visited {color: #999999;  text-decoration: underline} 
.footer a:hover {color: #333333;    text-decoration : none} 
.footer a:active {color: #CCCCCC;  text-decoration: underline}