/*
Theme Name: ABAG Earthquake and Hazards Program
Version: 2.0
Author: Danielle Hutchings Mieler
*/


/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* remember to define focus styles! */
:focus {
	outline: 0;
	}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
	}

del {
	text-decoration: line-through;
	}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
	}

/* Wordpress-stats */
img#wpstats{display:none}

/* Site */

body {
	}

.page {
	width: 100%;
	}

.wrapper {
	width: 1000px;
	margin: 0px auto;
	}

/* Fonts */

h1 {
	/* for orange titles */
	font-family: Cambria, serif;
	font-size: 26px;
	font-weight: normal;
	color: #f02424;
	padding-top: 4px;
	padding-bottom: 10px;
	}

h1.margin-top {
	padding-top: 20px;
	}
		
h2 	{
	/* for gray headings and news date */
	font-family: Cambria, serif;
	font-weight: bold;
	font-size: 20px;
	line-height: 22px;
	color: #505050;
	margin-top: 25px;
	margin-bottom: 14px;
	}

h2.border {
	border-left: 3px solid #414143;
	padding-left: 5px;
	}

h3	{ 	/* for orange sub-headings */
	font-family: Cambria, serif;
	font-size: 18px;
	font-weight: bold;
	color: #f02424;
	line-height: 23px;
	margin-top: 15px;
	margin-bottom: 6px;
	}

h4	{ 	/* for events */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #414143;
	line-height: 23px;
	margin-top: 0px;
	margin-bottom: 6px;
	}
	
h5	{
	/* for links and news text */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 20px;
   	font-weight: normal;
   	color: #414143;
   	margin-bottom: 6px;
	}


p 	{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 14px;
	color: #414143;
	line-height: 20px;
	margin-bottom: 13px;
	}

.hangingindent {
    	padding-left: 22px ;
    	text-indent: -22px ;
	}

strong {
	font-weight: bold;
	}

em {
	font-style:italic;
	}

/* Page break */

.page-break {
	display:none; 
	}

/* Header */

	
.banner {
	width: 100%;
	height: 225px;
	margin: 0px 0px;
	display: block;
	background: url(images/banner.png);
	}

.banner-popup {
	width: 480px;
	height: 62.5px;
	padding-top: 20px;
	margin-left: 16px;
	}

.banner-print {
	display: none;
	}


/* Menu bar */

.menu {
	width: 100%;
	height: 60px;
	background-color: #edefee;
	}

#nav	{ 
	list-style: none;
	margin-bottom: 10px;
	font-family: Helvetica, sans-serif;
	font-size: 20px;
	color: #414143;
	/* Clear floats */
	float:left;
	width:100%;
	/* Bring the nav above everything else--uncomment if needed.
	position:relative;
	z-index:5;
	*/
	}

#nav li	{ /* This is the horizontal menu list */
	float:left;
	text-align: center;
	width: 16.66%;
	height: 60px;
	display: block;
	color: #414143;
	background:#edefee;
	position:relative;
	line-height: 60px;
	text-decoration: none;
	}

#nav li:hover {
	color:#009EDD;
	background: #d7d9d8;
	}

#nav a, #nav a:visited {
	display:block;
	text-decoration:none;
	color: #414143;
	}

#nav a:hover{
	color: #009EDD;
	background: #d7d9d8;
	text-decoration:none;
	}

/*--- DROPDOWN ---*/
#nav ul{
	background:white; /* Adding a background makes the dropdown work properly in IE7+. */
	list-style: none;
	position: absolute;
	left:-9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */
	width: 150%;
	display: block;	
	}

#nav ul li{ /* This is the dropdown list */
	float:none;
	display: block;
	width: 120%;
	height: 50px;
	line-height: 50px;
	font-size: 16px;
	background: #d7d9d8;
	z-index: 999;
	}

#nav ul a{ /* This is styling the links in the dropdown list */
	}

#nav li:hover ul{ /* Display the dropdown on hover */
	left:0; /* Bring back on-screen when needed */
	}

#nav li:hover a{ /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */
	background: #d7d9d8;
	display:block;
	/* text-decoration:underline; */
	}

#nav li:hover ul a{ /* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */
	text-decoration:none;
	}

#nav li:hover ul li a:hover{ /* Here we define the most explicit hover states--what happens when you hover each individual link. */
	background:#edefee;
	}

/* Post */

.post {
	margin-bottom: 15px;
	}

.post ul {
	list-style: disc;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 14px;
	color: #414143;
	line-height: 20px;
	margin: 0px 0px 13px 18px;
	}

.post ul li {
	margin-bottom: 4px;
	}

.post img.wp-post-image {
	float: right;
	padding: 0px 0px 20px 20px;
	}

/* Page */

.field {
	width: 100%;
	display: block;
	background-color: white;
	padding: 20px 0px 0px 0px;
	}

	
/* Middle Section */

.middle-text {
	width: 100%;
	height: auto;
	float: right;
	}

	.titlebox {
		width: auto;
		height: auto;
		padding: 0px 16px 0px 0px;
		float: left;
		}

	.middle-left50 {
		width: 48%;
		margin-right: 2%;
		padding: 10px 0px 20px 0px;
		float: left;
		}

	.middle-lefticon {
		width: 5%;
		margin-right: 1%;
		padding: 10px 0px 20px 0px;
		float: left;
		}

	.middle-righticon {
		width: 93%;
		margin-left: 1%;
		padding: 10px 0px 20px 0px;
		float: right;
		}

	.middle-right50 {
		width: 48%;
		margin-left: 2%;
		padding: 10px 0px 20px 0px;
		float: right;
		}

	.middle-left {
		width: 67%;
		margin-right: 2%;
		padding: 10px 0px 20px 0px;
		float: left;
		}

	.middle-right {
		width: 29%;
		margin-left: 2%;
		padding: 10px 0px 20px 0px;
		float: right;
		}
	
	.middle-fullwidth {
		width: 100%;
		padding: 10px 0px 0px 0px;
		float: left;
		}

	.textbox-background {
		width: 284 px;
		background-color: #edefee;
		float: left;
		margin-bottom: 20px;
		}
	
	.textbox-text {
		width: 284 px;
		text-align: left;
		padding: 10px 10px;
		float: left;
		vertical-align: top;
		}
	
	.news-text {
		width: 100%;
		}

	.news-text h3 {
		margin-top: 0px;
		color: #414143;
		}

	span.post-meta-key {display:none;}

	
	.middle-left a,  .middle-right a, .middle-left50 a, .middle-right50 a,  .middle-fullwidth a,  .textbox-text a {
		color: #009EDD;
		text-decoration: none;
		}

	.middle-left a:visited,  .middle-right a:visited, .middle-left50 a:visited, .middle-right50 a:visited, .middle-fullwidth a:visited  {
		color: #009EDD;
		text-decoration: none;
		}

	.middle-left a:hover, .middle-right a:hover, .middle-left50 a:hover, .middle-right50 a:hover, .middle-fullwidth a:hover {
		color: #f02424;
		}

.image-link {

	}

	.image-link:hover {
		background-color: white;
		opacity: 0.7;
		}

.project-box {
	width: 300px;
	height: 420px;
	margin: 20px 26px 0px 0px;
	float:left;
	}

	.project-box h2 {
	margin-top: 10px;
	}

	.project-box:hover {
		background color: white;
		opacity: .70;
		}

.project-icon {
	width: 460px;
	float: left;
	background: #edefee;
	margin: 0px 20px 30px 0px;
	}

	.project-icon img {
		float: left;
		padding: 0px 20px 0px 0px;
	}

	.project-icon h3 {
		padding: 10px;
		margin: 0px;
	}

	.project-icon:hover {
		background color: white;
		opacity: .70;
		}

/*This styling is used for the LP25 report page design */		

.LP25-report-titlebox {
	width: 75%;
	background: #18627A;
	margin: 30px 12.5% 30px 12.5%;
	float: left;
	}

	.LP25-report-titlebox-image {
		width: 50%;			
		display: block;
		float: left;
		position: relative;
		}

	.LP25-report-titlebox-image img {
		width: 375px;
		height: 423px;
		float: left;
		}

	.LP25-report-titlebox-image h1 {
	   	position: absolute; 
  		top: 150px; 
  		left: 0; 
  		width: 100%; 
		}

	h1 span { 
   		color: white; 
   		font: bold 24px/47px Helvetica, Sans-Serif; 
   		letter-spacing: -1px;  
  		background: rgb(0, 0, 0); /*fallback color*/
  		background: rgba(0, 0, 0, 0.7);
   		padding: 10px; 
		}

	h1 span.spacer {
  		padding: 0 5px;
		background: none;
		}

	.LP25-report-titlebox-image h2 {
		font-size: 20px;
		font-weight: normal;
		margin: 0px;
		padding: 10px 20px 10px 0px;
		color: white;
		text-align: right;
		}

	.LP25-report-titlebox-text {
		padding: 0px;
		width: 50%;	
		display: block;
		float: left;
		}

	.LP25-report-titlebox-text ul {
		margin: 35px 0px 36px 0px;
		padding: 10px 20px 10px 0px;
		list-style: none;
		position: relative;
		}

	.LP25-report-titlebox-text li {
		color: white;
		text-align: right;
		padding: 0px;
		margin-bottom: 3px;
		}	
	
	.LP25-report-titlebox-text a, .LP25-report-titlebox-text a:visited  {
		color: white;
		}

	.LP25-report-titlebox-text a:hover {
		font-weight: bold;
		color: white;
		}

.LP25-report-body {
	width: 75%;
	float: left;
	margin: 10px 0px 0px 0px;
	padding: 0 12.5% 0 12.5%;
	}

	.LP25-report-body h1 {
		font-size: 28px;
		font-weight: bold;
		color:  #18627A;
		padding-top: 18px;
		padding-bottom: 18px;
		}

	.LP25-report-body h2 {
		margin-top: 10px;
		margin-bottom: 10px;
		text-align: left;
		}

	.LP25-report-body h3 {
		color: #7399A7;
		margin-top: 0px;
		margin-bottom: 15px;
		}

	.LP25-report-body p {
	    	text-align: justify;
		text-justify: inter-word;
		}
	.LP25-report-body ul {
		list-style: disc;
		font-family: Arial, Helvetica, sans-serif;
		font-weight: normal;
		font-size: 14px;
		color: #414143;
		line-height: 20px;
		margin: 0px 0px 13px 18px;
		}

	.LP25-report-body ul li {
		margin-bottom: 4px;
		}
	.backtotop {
		margin-top: 13px;
		font-style: italic;
		text-align: right;
		}

	.LP25-report-body img:hover {
		background color: white;
		opacity: .70;
		}
.LP25-recommendations {
	float: left;
	background: #7399a7;
	padding: 20px 20px 20px 20px;
	margin-bottom: 10px;
	}

	.LP25-recommendations h3 {
		color: #ffffff;
		}
	.LP25-recommendations p {
	    	color: #ffffff;
		text-align: justify;
		text-justify: inter-word;
		}
	.LP25-recommendations ul {
		text-align: justify;
		list-style: disc;
		font-family: Arial, Helvetica, sans-serif;
		font-weight: normal;
		font-size: 14px;
		color: #ffffff;
		line-height: 20px;
		margin: 0px 0px 0px 18px;
		}
	.LP25-recommendations ul li {
		margin-bottom: 4px;
		}
.LP25-policy1 {
	max-width: 2900px;
	margin-left: -78%;
	margin-right: -78%;
	margin-top: 40px;
	margin-bottom: 20px;
	height: 100px;
	background: #eaa032;
	padding: 10px 10px 10px 10px;
	}
.LP25-policy-imgtext {
	float: left;
	padding-right: 0px;
	}
.LP25-policy2 {
	margin: 0 auto;
	margin-left: 30%;
	margin-right: 30%;
	}
	.LP25-policy2 h4 {
		font-size: 20px;
		line-height: 24px;
		font-weight: bold;
		color:  #11647A;
		margin-top: 0px;
		padding-top: 15px;
		padding-bottom: 0px;
		}

/*This styling is used for the housing report page design */		

.housing-report-titlebox {
	width: 75%;
	background: #009EDD;
	margin: 30px 12.5% 30px 12.5%;
	float: left;
	}

	.housing-report-titlebox-image {
		width: 50%;			
		display: block;
		float: left;
		position: relative;
		}

	.housing-report-titlebox-image img {
		width: 375px;
		height: 423px;
		float: left;
		}

	.housing-report-titlebox-image h1 {
	   	position: absolute; 
  		top: 150px; 
  		left: 0; 
  		width: 100%; 
		}

	h1 span { 
   		color: white; 
   		font: bold 24px/47px Helvetica, Sans-Serif; 
   		letter-spacing: -1px;  
  		background: rgb(0, 0, 0); /*fallback color*/
  		background: rgba(0, 0, 0, 0.7);
   		padding: 10px; 
		}

	h1 span.spacer {
  		padding: 0 5px;
		background: none;
		}

	.housing-report-titlebox-image h2 {
		font-size: 20px;
		font-weight: normal;
		margin: 0px;
		padding: 10px 20px 10px 0px;
		color: white;
		text-align: right;
		}

	.housing-report-titlebox-text {
		padding: 0px;
		width: 50%;	
		display: block;
		float: left;
		}

	.housing-report-titlebox-text ul {
		margin: 35px 0px 36px 0px;
		padding: 10px 20px 10px 0px;
		list-style: none;
		position: relative;
		}

	.housing-report-titlebox-text li {
		color: white;
		text-align: right;
		padding: 0px;
		margin-bottom: 3px;
		}	
	
	.housing-report-titlebox-text a, .housing-report-titlebox-text a:visited  {
		color: white;
		}

	.housing-report-titlebox-text a:hover {
		font-weight: bold;
		color: white;
		}

.housing-report-body {
	width: 75%;
	float: left;
	margin: 10px 0px 0px 0px;
	padding: 0 12.5% 0 12.5%;
	}

	.housing-report-body h1 {
		font-size: 28px;
		font-weight: bold;
		color:  #f02424;
		padding-top: 18px;
		padding-bottom: 18px;
		}

	.housing-report-body h2 {
		margin-top: 10px;
		margin-bottom: 10px;
		text-align: center;
		}

	.housing-report-body h3 {
		color: #505050;
		margin-top: 0px;
		margin-bottom: 15px;
		}

	.housing-report-body p {
	    	text-align: justify;
		text-justify: inter-word;
		}

	.backtotop {
		margin-top: 13px;
		font-style: italic;
		text-align: right;
		}

	.housing-report-body img:hover {
		background color: white;
		opacity: .70;
		}

/*This styling is used for the infrastructure report page design */		

.report-titlebox {
	width: 75%;
	background: #660000;
	margin: 30px 12.5% 30px 12.5%;
	float: left;
	}

	.report-titlebox-image {
		width: 50%;			
		display: block;
		float: left;
		position: relative;
		}

	.report-titlebox-image img {
		width: 375px;
		height: 375px;
		float: left;
		}

	.report-titlebox-image h1 {
	   	position: absolute; 
  		top: 150px; 
  		left: 0; 
  		width: 100%; 
		}

	h1 span { 
   		color: white; 
   		font: bold 24px/47px Helvetica, Sans-Serif; 
   		letter-spacing: -1px;  
  		background: rgb(0, 0, 0); /*fallback color*/
  		background: rgba(0, 0, 0, 0.7);
   		padding: 10px; 
		}

	h1 span.spacer {
  		padding: 0 5px;
		background: none;
		}

	.report-titlebox-image h2 {
		font-size: 20px;
		font-weight: normal;
		margin: 0px;
		padding: 10px 20px 10px 0px;
		color: white;
		text-align: right;
		}

	.report-titlebox-text {
		padding: 0px;
		width: 50%;	
		display: block;
		float: left;
		}

	.report-titlebox-text ul {
		margin: 35px 0px 36px 0px;
		padding: 10px 20px 10px 0px;
		list-style: none;
		position: relative;
		}

	.report-titlebox-text li {
		color: white;
		text-align: right;
		padding: 0px;
		margin-bottom: 3px;
		}	
	
	.report-titlebox-text a, .report-titlebox-text a:visited  {
		color: white;
		}

	.report-titlebox-text a:hover {
		font-weight: bold;
		color: white;
		}

.report-body {
	width: 75%;
	float: left;
	margin: 10px 0px 0px 0px;
	padding: 0 12.5% 0 12.5%;
	}

	.report-body h1 {
		font-size: 28px;
		font-weight: bold;
		color:  #660000;
		padding-top: 18px;
		padding-bottom: 18px;
		}

	.report-body h2 {
		margin-top: 10px;
		margin-bottom: 10px;
		text-align: center;
		}

	.report-body h3 {
		color: #505050;
		margin-top: 0px;
		margin-bottom: 15px;
		}

	.report-body p {
	    	text-align: justify;
		text-justify: inter-word;
		}

	.backtotop {
		margin-top: 13px;
		font-style: italic;
		text-align: right;
		}

	.report-body img:hover {
		background color: white;
		opacity: .70;
		}

ul.scenario-icon {
	margin: 20px 0px 20px 0px;
	}
	
	.scenario-icon li {
		width: 33.3%;
		float: left;
		list-style: none;
		position: relative;
		text-align: left;
		background: #edefee;
		}

	.scenario-icon li:hover {
		background color: white;
		opacity: .70;
		}

ul.reports-icon {
	margin: 20px 0px 20px 0px;
	}
	
	.reports-icon li {
		width: 23.5%;
		min-height: 299px;
		margin-right: 2%;
		float: left;
		list-style: none;
		position: relative;
		background: #edefee;
		}

	.reports-icon li:last-child {
		margin-right: 0%;
		}

	.reports-icon li:hover {
		background color: white;
		opacity: .70;
		}

	.reports-icon h3 {
		text-align: center;
		padding: 5px;
		margin-bottom: 0px;
		}


.infographic {
	width: 100%;
	height: auto;
	margin: 20px 0 33px 0;
	padding: 0px; 
	background: #edefee;
	}

/*This styling is used for the earthquake hazard map page*/

.select-county-map {
	width: 675px;
	height: 675px;
	margin-right: 1%;
	padding: 0px 0px 20px 0px;
	float: left;
	opacity: 1.0;
	}	

.select-county-map #transparent {
	border: medium none;
        width: 675px;
	height: 675px;
	margin-right: 1%;
	padding: 10px 10px 20px 0px;
	position: absolute;
	z-index: 30;
	}

.select-marin-map {
	width: 675px;
	height: 696px;
	margin-right: 1%;
	padding: 10px 10px 20px 0px;
	float: left;
	opacity: 1.0;
	}	

.select-sonoma-map {
	width: 675px;
	height: 539px;
	margin-right: 1%;
	padding: 10px 10px 20px 0px;
	float: left;
	opacity: 1.0;
	}

.select-napa-map {
	width: 675px;
	height: 675px;
	margin-right: 1%;
	padding: 10px 10px 20px 0px;
	float: left;
	opacity: 1.0;
	}

.select-solano-map {
	width: 675px;
	height: 532px;
	margin-right: 1%;
	padding: 10px 10px 20px 0px;
	float: left;
	opacity: 1.0;
	}

.select-contracosta-map {
	width: 675px;
	height: 381px;
	margin-right: 1%;
	padding: 10px 10px 20px 0px;
	float: left;
	opacity: 1.0;
	}

.select-alameda-map {
	width: 675px;
	height: 467px;
	margin-right: 1%;
	padding: 10px 10px 20px 0px;
	float: left;
	opacity: 1.0;
	}

.select-santaclara-map {
	width: 675px;
	height: 515px;
	margin-right: 1%;
	padding: 10px 10px 20px 0px;
	float: left;
	opacity: 1.0;
	}

.select-sanmateo-map {
	width: 675px;
	height: 659px;
	margin-right: 1%;
	padding: 10px 10px 20px 0px;
	float: left;
	opacity: 1.0;
	}

#alameda {
   background: url("/wp-content/documents/Mapping Update/PSHA_Alameda.jpg") no-repeat 0px 0px transparent;
   height: 675px;
   width: 675px;
 }

#contracosta {
  background: url("/wp-content/documents/Mapping Update/PSHA_Contra Costa.jpg") no-repeat 0px 0px transparent;
   height: 675px;
   width: 675px;
 }

#marin {
  background: url("/wp-content/documents/Mapping Update/PSHA_Marin.jpg") no-repeat 0px 0px transparent;
   height: 675px;
   width: 675px;
 }

#santaclara {
  background: url("/wp-content/documents/Mapping Update/PSHA_Santa Clara.jpg") no-repeat 0px 0px transparent;
   height: 675px;
   width: 675px;
 }

#sanmateo {
  background: url("/wp-content/documents/Mapping Update/PSHA_San Mateo.jpg") no-repeat 0px 0px transparent;
   height: 675px;
   width: 675px;
 }

#sanfrancisco {
  background: url("/wp-content/documents/Mapping Update/PSHA_San Francisco.jpg") no-repeat 0px 0px transparent;
   height: 675px;
   width: 675px;
 }

#sonoma {
  background: url("/wp-content/documents/Mapping Update/ PSHA_Sonoma.jpg") no-repeat 0px 0px transparent;
   height: 675px;
   width: 675px;
 }

#napa {
  background: url("/wp-content/documents/Mapping Update/PSHA_Napa.jpg") nno-repeat 0px 0px transparent;
   height: 675px;
   width: 675px;
 }

#solano {
  background: url("/wp-content/documents/Mapping Update/PSHA_Solano.jpg") no-repeat 0px 0px transparent;
   height: 675px;
   width: 675px;
 }
	
.map-icon {
	float: left;
	margin: 0px 20px 10px 0px;
	}

	.map-link {
		background: url(http://quake.abag.ca.gov/wp-content/uploads/map-link.png);
		height: 16px;
		width: 27px;
		vertical-align: bottom;
		display: block;
		float: left;
		margin-right: 3px;
		}

	.map-icon:hover {
		background color: white;
		opacity: .70;
	}

.map-icon-center {
	float: center;
	margin: 0px 16px 6px 0px;
	}

	.map-link {
		background: url(http://quake.abag.ca.gov/wp-content/uploads/map-link.png);
		height: 16px;
		width: 27px;
		vertical-align: bottom;
		display: block;
		float: left;
		margin-right: 3px;
		}

.google-earth {
		background: url(http://quake.abag.ca.gov/wp-content/uploads/google-earth-icon.png);
		height: 16px;
		width: 16px;
		vertical-align: bottom;
		display: block;
		float: left;
		margin-right: 3px;
		}

table.data {
	border: 1px solid gray;
	width: 752px;
	margin: 15px 0px 0px 0px;
	align: center;
	}

	table.data th {
		border-right: 1px solid gray;
		margin: 0px 15px;
		min-width: 100px;
		text-align: center;
		line-height: 18px;
		font-family: Helvetica, sans-serif;
		font-size: 12px;
		font-weight: bold;
		color: #414143;
		}
	
	table.data td {
		border-right: 1px solid gray;
		margin: 0px 15px;
		text-align: center;
		min-width: 100px;
		color: #414143;
		line-height: 18px;
		font-size: 13px;
		font-family: Helvetica, sans-serif;
		}

table.housing {
	border: 1px solid gray;
	width: 752px;
	margin: 15px 0px 0px 0px;
	align: center;
	}

	table.housing th {
		border-right: 1px solid gray;
		border-bottom: 1px solid gray;
		padding: 0px 10px 0px 10px;
		text-align: center;
		font-family: Helvetica, sans-serif;
		font-size: 13px;
		line-height: 16px;
		font-weight: bold;
		color: #414143;
		}
	
	table.housing td {
		border-right: 1px solid gray;
		border-bottom: 1px solid gray;
		padding: 5px 10px 5px 10px;
		text-align: center;
		color: #414143;
		font-size: 12px;
		font-family: Helvetica, sans-serif;
		}

table.mitigation {
	width: 752px;
	margin: 15px 0px 0px 0px;
	align: center;
	border: 1px solid gray;
	}

	table.mitigation th {
		padding: 0px 10px 0px 10px;
		font-family: Helvetica, sans-serif;
		font-size: 14px;
		line-height: 16px;
   		font-weight: normal;
   		color: #414143;
   		margin-bottom: 6px;
		}
	
	table.mitigation td {
		padding: 5px 10px 5px 10px;
		font-family: Helvetica, sans-serif;
		font-size: 14px;
		line-height: 16px;
   		font-weight: normal;
   		color: #414143;
   		margin-bottom: 6px;
		}

table.mmi {
	border: 1px solid gray;
	width: 675px;
	margin: 15px 0px 0px 0px;
	align: center;
	}

	table.mmi th {
		border-right: 1px solid gray;
		border-bottom: 1px solid gray;
		padding: 5px 10px 5px 10px;
		text-align: center;
		vertical-align: middle;
		font-family: Helvetica, sans-serif;
		font-size: 16px;
		line-height: 20px;
		font-weight: bold;
		color: #414143;
		}
	
	table.mmi td {
		border-right: 1px solid gray;
		border-bottom: 1px solid gray;
		padding: 5px 10px 5px 10px;
		text-align: center;
		vertical-align: middle;
		color: #414143;
		font-size: 16px;
		line-height: 20px;
		font-family: Helvetica, sans-serif;
		}
	
table.mmi-plain {
	border: none;
	width: 675px;
	margin: 15px 0px 0px 0px;
	align: center;
	}

	table.mmi-plain th {
		border: none;
		padding: 5px 10px 5px 10px;
		text-align: left;
		vertical-align: bottom;
		font-family: Helvetica, sans-serif;
		font-size: 16px;
		line-height: 20px;
		font-weight: bold;
		color: #414143;
		}
	
	table.mmi-plain td {
		border: none;
		padding: 0px 10px 5px 10px;
		text-align: left;
		vertical-align: top;
		color: #414143;
		font-size: 14px;
		line-height: 18px;
		font-family: Helvetica, sans-serif;
		}

table.quiz {
	border: none;
	width: 100%;
	margin: 0px 0px 0px 0px;
	align: center;
	}
	
	table.quiz td {
		border: none;
		padding: 0px 10px 5px 10px;
		text-align: center;
		vertical-align: middle;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
		line-height: 18px;
   		font-weight: normal;
   		color: #414143;
   		margin-bottom: 6px;
		}

table.hcr {
	width: 100%;
	margin: 15px 0px 0px 0px;
	align: center;
   	margin-bottom: 6px;
	}

	.rightcol {
		border: 2px solid white;
		padding: 10px;
		vertical-align: middle;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
		line-height: 18px;
		font-style: italic;
		color: #6A6A6E;
   		margin-bottom: 6px;
		}

	.leftcol {
		border: 2px solid white;
		padding: 10px;
		background: #009EDD;
		vertical-align: middle;
		font-family: Cambria, serif;
		font-size: 20px;
		line-height: 23px;
		font-weight: bold;
		color: white;
		text-align: left;
		width: 40%;
		}


table.quiz_sf {
	border: none;
	width: 100%;
	align: center;
	}
	
	table.quiz_sf td {
		border: none;
		padding: 0px 10px 5px 0px;
		text-align: left;
		vertical-align: middle;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 18px;
		line-height: 22px;
   		font-weight: normal;
   		color: #414143;
   		margin-bottom: 8px;
		}

.quiz-icon {
	width: 254px;
	height: 147px;
	float: left; 
	margin-right: 20px;
	margin-bottom: 40px;
	}

	.quiz-icon:hover {
		background-color: white;
		opacity: 0.7;
	}

.photocontain-right {
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	float: right;
	}
		
.photocontain-left {
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 10px;
	float: left;
	}

.photocaption {
	margin-top: 2px;
	line-height: 1.5;
	text-align: left;
	}


.pickcounty {
	width: 240px;
	background-color: white;
	}
	

.button-left {
		width: 155px;
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 10px;
		float: left;
		}

.button-county {
	width: 150px;
	height: 30px;
	margin-top: 5px;
	background-color: #949592;
	border: 0px;
	font-family: Helvetica, sans-serif;
	font-size: 14px;
	line-height: 30px;
	color: white;
	}

        .button-county:hover {
		background-color: #4D4D4F;
		}

	.button-county a, .button-county a:visited {
		color: white;
		text-decoration: none;
		display: block;
		margin-left: 5px;
		}

	.button-county a:hover {
		color: white;
		text-decoration: none;
		margin-left: 5px;
		}	

.date-mod {
	float: right;
	font-family: helvetica, sans-serif;
	font-size: 10px;
	color: #414143;
	padding: 6px 0px 6px 0px;
	}

.show-hide {
	margin: 10px 0px 0px 0px;
	width: 100%;
	}

.show-hide h2 {
	color: white;
	margin-top: 10px;
	margin-bottom: 10px;
	cursor: pointer;
	background: #5BB8E8;
	padding: 10px 10px 10px 10px;
	}

.show-hide h2:hover {
	background: #5BB8E8;
	}

.show-hide h3 {
	color: white;
	margin-top: 10px;
	margin-bottom: 10px;
	cursor: pointer;
	background: #5BB8E8;
	padding: 8px 8px 8px 8px;
	}

.show-hide h3:hover {
	background: #5BB8E8;
	}

.retrofit {
	width: 582px;
	float: right;
	}

.retrofit h2 {
	color: white;
	margin-top: 10px;
	margin-bottom: 10px;
	cursor: pointer;
	background: #669966;
	padding: 10px 10px 10px 10px;
	}

.retrofit h2:hover {
	background: #5E855E;
	}

.contents {
	width: 150px;
	float: left;
	margin: 9px 9px 9px 9px;
	padding: 10px 10px 10px 10px;
	background: transparent;
	border: 2px solid white;
	}

	.contents h5 {
		text-align: center;
		margin-bottom: 0px;
		}

	.contents a, .contents a:visited {
		color: white;
		text-decoration: none;
		display: block;
		}

	.contents a:hover {
		color: white;
		text-decoration: none;
		}
	
	.contents:hover {
		background-color: white;
		}

a.house-button {
    width: 200px;
    height:150px;
    margin: 0px 0px 0px 38px;
    display: block;
    float: left;
    background: url(/wp-content/uploads/house-button.jpg) no-repeat 0px 0px;
    }
    
    a:hover.house-button {
        background: url(/wp-content/uploads/house-button.jpg) no-repeat -200px 0px;
        }

a.mobile-home-button {
    width: 200px;
    height:150px;
    margin: 0px 0px 0px 38px;
    display: block;
    float: left;
    background: url(/wp-content/uploads/mobile-home-button.jpg) no-repeat 0px 0px;
    }
    
    a:hover.mobile-home-button {
        background: url(/wp-content/uploads/mobile-home-button.jpg) no-repeat -200px 0px;
        }

a.apartment-button {
    width: 200px;
    height:150px;
    margin: 0px 0px 0px 38px;
    display: block;
    float: left;
    background: url(/wp-content/uploads/apartment-button.jpg) no-repeat 0px 0px;
    }
    
    a:hover.apartment-button {
        background: url(/wp-content/uploads/apartment-button.jpg) no-repeat -200px 0px;
        }

a.house-over-garage {
    width: 280px;
    height:236px;
    margin: 0px 0px 0px 20px;
    display: block;
    float: right;
    background: url(/wp-content/uploads/House-Over-Garage-Hover.jpg) no-repeat 0px 0px;
    }
    
    a:hover.house-over-garage {
        background: url(/wp-content/uploads/House-Over-Garage-Hover.jpg) no-repeat -280px 0px;
        }

a.cripple-wall {
    width: 280px;
    height:255px;
    margin: 0px 20px 0px 0px;
    display: block;
    float: left;
    background: url(/wp-content/uploads/Cripple-Wall-Hover.jpg) no-repeat 0px 0px;
    }
    
    a:hover.cripple-wall {
        background: url(/wp-content/uploads/Cripple-Wall-Hover.jpg) no-repeat -280px 0px;
        }

a.soft-story {
    width: 280px;
    height: 183px;
    margin: 0px 0px 0px 20px;
    display: block;
    float: right;
    background: url(/wp-content/uploads/Soft-Story-Hover1.jpg) no-repeat 0px 0px;
    }
    
    a:hover.soft-story {
        background: url(/wp-content/uploads/Soft-Story-Hover1.jpg) no-repeat -280px 0px;
        }

a.non-ductile {
    width: 280px;
    height:193px;
    margin: 0px 20px 20px 0px;
    display: block;
    float: left;
    background: url(/wp-content/uploads/Non-Ductile-Concrete-Hover_2.jpg) no-repeat 0px 0px;
    }
    
    a:hover.non-ductile {
        background: url(/wp-content/uploads/Non-Ductile-Concrete-Hover_2.jpg) no-repeat -280px 0px;
        }

a.alameda {
    width: 675px;
    height:467px;
    margin: 0px 0px 0px 0px;
    display: block;
    float: center;
    background: url(http://quake.abag.ca.gov/wp-content/uploads/Alameda_temp2.jpg) no-repeat 0px 0px;
    }
    
    a:hover.alameda {
        background: url(http://quake.abag.ca.gov/wp-content/uploads/Alameda_temp2.jpg) no-repeat -675px 0px;
        }

a.contra-costa {
    width: 675px;
    height: 381px;
    margin: 0px 0px 0px 0px;
    display: block;
    float: center;
    background: url(http://quake.abag.ca.gov/wp-content/uploads/Contra-Costa-combined_smaller.jpg) no-repeat 0px 0px;
    }
    
    a:hover.contra-costa {
        background: url(http://quake.abag.ca.gov/wp-content/uploads/Contra-Costa-combined_smaller.jpg) no-repeat -675px 0px;
        }

a.marin {
    width: 675px;
    height:696px;
    margin: 0px 0px 0px 0px;
    display: block;
    float: center;
    background: url(http://quake.abag.ca.gov/wp-content/uploads/Marin_temp2.jpg) no-repeat 0px 0px;
    }
    
    a:hover.marin {
        background: url(http://quake.abag.ca.gov/wp-content/uploads/Marin_temp2.jpg) no-repeat -675px 0px;
        }

a.napa {
    width: 451px;
    height:675px;
    margin: 0px 0px 0px 0px;
    display: block;
    float: center;
    background: url(http://quake.abag.ca.gov/wp-content/uploads/Napa_temp2.jpg) no-repeat 0px 0px;
    }
    
    a:hover.napa {
        background: url(http://quake.abag.ca.gov/wp-content/uploads/Napa_temp2.jpg) no-repeat -451px 0px;
        }

a.san-francisco {
    width: 675px;
    height:659px;
    margin: 0px 0px 0px 0px;
    display: block;
    float: center;
    background: url(http://quake.abag.ca.gov/wp-content/uploads/San-Francisco-Combined21.jpg) no-repeat 0px 0px;
    }
    
    a:hover.san-francisco {
        background: url(http://quake.abag.ca.gov/wp-content/uploads/San-Francisco-Combined21.jpg) no-repeat -675px 0px;
        }

a.san-mateo {
    width: 388px;
    height:659px;
    margin: 0px 0px 0px 0px;
    display: block;
    float: center;
    background: url(http://quake.abag.ca.gov/wp-content/uploads/San-Mateo_temp2.jpg) no-repeat 0px 0px;
    }
    
    a:hover.san-mateo {
        background: url(http://quake.abag.ca.gov/wp-content/uploads/San-Mateo_temp2.jpg) no-repeat -388px 0px;
        }

a.santa-clara {
    width: 675px;
    height:515px;
    margin: 0px 0px 0px 0px;
    display: block;
    float: center;
    background: url(http://quake.abag.ca.gov/wp-content/uploads/Santa-Clara_temp2.jpg) no-repeat 0px 0px;
    }
    
    a:hover.santa-clara {
        background: url(http://quake.abag.ca.gov/wp-content/uploads/Santa-Clara_temp2.jpg) no-repeat -675px 0px;
        }

a.solano {
    width: 675px;
    height:532px;
    margin: 0px 0px 0px 0px;
    display: block;
    float: center;
    background: url(http://quake.abag.ca.gov/wp-content/uploads/Solano_temp2.jpg) no-repeat 0px 0px;
    }
    
    a:hover.solano {
        background: url(http://quake.abag.ca.gov/wp-content/uploads/Solano_temp2.jpg) no-repeat -675px 0px;
        }

a.sonoma {
    width: 675px;
    height:539px;
    margin: 0px 0px 0px 0px;
    display: block;
    float: center;
    background: url(http://quake.abag.ca.gov/wp-content/uploads/Sonoma_temp2.jpg) no-repeat 0px 0px;
    }
    
    a:hover.sonoma {
        background: url(http://quake.abag.ca.gov/wp-content/uploads/Sonoma_temp2.jpg) no-repeat -675px 0px;
        }


a.continue-button {
    width: auto;
    height:auto;
    display: block;
	margin-top: 10px;
	padding: 8px 8px 8px 8px;
    float: left;
    background-color: #d7d9d8;
    }
    
    a:hover.continue-button {
        background-color: #edefee;
        }

/* Lists */
	
#circle {
	list-style-type:circle;
	}

#circle li { 
	font-family: Helvetica, sans-serif;
	font-weight: normal;
	font-size: 13px;
	color: #414143;
	line-height: 18px;
	margin-bottom: 6px;
	} 

#bulleted-list { 
	padding:0px; 
	margin-left: 16px; 
	list-style-image: url('/wp-content/uploads/2010/09/bullet-image1.jpg')
	} 

#bulleted-list li { 
	color: #414143;
	font-family: Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	line-height: 16px;
	margin-bottom: 6px;
	} 

#bulleted-list a, #bulleted-list a:visited { 
	color: #009EDD;
	text-decoration: none; 
	} 

#bulleted-list a:hover {
	color: #f02424;
	text-decoration: none;
	}

/* Footer */
	
.footer {
	width: 100%;
	height: auto;
	padding: 30px 0px 30px 0px;
	display: block;
	background-color: #336699; 
	}

	.footer p {
		color: white;
		font-size: 14px;
		}

	.footer h1 {
		color: white;
		padding-bottom: 20px;
		}

	.footer-column {
		width: 23%;
		padding: 0% 2% 0% 0%;
		float: left;
		}

	.footer-columnlast {
		width: 23%;
		padding: 0% 0% 0% 2%;
		float: left;
		}

	.footer a {
		color: white;
		text-decoration: none;
		}

	.footer a:hover {
		color: #009EDD;
		text-decoration: none;
		}

.footer-print {
	display: none;
	}

.clear {
	clear: both;
	height: 0px;
	line-height: 0px;
	}

.search {
	width: 100%;
	margin: 4px 0px 13px 0px;
	}

fieldset.search {
	border: solid 0px #cccccc;
	border-radius: 5px;
	width: 100%;
	margin-top: 0px;
	float: right;
	background-color: white;
	}

.search input, .search button {
	padding: 0px;
	margin: 0px;
	border: none;
	}

.search input.box {
	color: #626262;
	border: none;		
	padding-left: 2px;
	font-size: 12px;
	width: 197px;
	height: 26px;
	line-height: 22px;		
	float: left;
	margin-left: 4px;
	}

.search input.box:focus {
	outline: none;
	}

.search button.btn {
	width: 16px;
	height: 16px;
	cursor: pointer;
	text-indent: -99999px;
	background: url(images/search-btn.png);
	outline: none;
	margin: 5px 3px 5px 3px;		
	float: right;
	}
	
/* Search results */

.search-results-single {
	margin-top: 10px;
	}

.search-results-title h3 a {
	color: #2B4E7E;
	text-decoration: none;
	}

.pagination {
	margin-top: 20px;
	}

.pagination p a {
	color: #2B4E7E;
	text-decoration: none;
	}
	
/* Popup Window */

.popup-text {
	width: 632;
	height: auto;
	margin-left: 26px;
	margin-right: 26px;
	margin-top: 20px;
	background-color: #ffffff;
	}

.popup-page {
	width: auto;
	display: block;
	background: white
	}

.popup-titlebox {
	width: 616;
	height: auto;
	padding: 0px 16px 0px 0px;
	float: left;
	}

.popup-page a {
	color: #009EDD;
	text-decoration: none;
	}


/* 404 Page */
label.screen-reader-text
background: transparent;
border: 0px;
font-family: Helvetica, sans-serif;
	font-weight: normal;
	font-size: 13px;
	color: #414143;
	margin: 0px;
outline: 0px;
padding: 0px;
vertical-align: baseline;